【Vue】更换浏览器默认 logo

news2024/11/16 19:43:12

更换浏览器默认logo为自定义图片

  • 一. 浏览器默认 logo
  • 二. 替换为自定义logo
  • 三. 步骤
    • 3.1 转换大小
      • 3.1.1 查看图片尺寸
      • 3.1.2 修改尺寸（为32px 32px）
    • 3.2 替换成功

一. 浏览器默认 logo

在这里插入图片描述

二. 替换为自定义logo

在这里插入图片描述

三. 步骤

3.1 转换大小

将自定义 logo 转为32×32（单位：px） 的图片（图片后缀不限）

3.1.1 查看图片尺寸

非 32px × 32px

3.1.2 修改尺寸（为32px 32px）

  1. 图片-鼠标右键打开属性框-属性修改-修改尺寸
    在这里插入图片描述
  2. 修改尺寸-保存（.ico/.png/jpg/…）
    在这里插入图片描述
  3. 图片放于项目

（1）图片名称为 favicon.ico

路径：public下即可
方式：直接替换原 favicon.ico即可

在这里插入图片描述

（2）图片名称为 【非 favicon.ico】

图片路径：public下即可
index.html 路径：public下
图片名称和必须 index.html 中 保持一致

在这里插入图片描述
到这里就可以啦
tip：index.html中有关logo的link标签，也可以有以下写法：

 <link rel ="shortcut icon" type="image/x-icon" href="/public/favicon.ico" rel="external nofollow"  rel="external nofollow" >

3.2 替换成功

在这里插入图片描述

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/1480732.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

OSCP靶场--DVR4

OSCP靶场--DVR4

OSCP靶场–DVR4 考点(1.windows&#xff1a;路径遍历获取私钥getshell 2.ssh shell中runas切换用户) 1.nmap扫描 ┌──(root㉿kali)-[~/Desktop] └─# nmap -sV -sC -p- 192.168.161.179 --min-rate 2000 Starting Nmap 7.92 ( https://nmap.org ) at 2024-02-29 07:14 EST…
阅读更多...
租床小程序|租床系统|租赁软件开发功能

租床小程序|租床系统|租赁软件开发功能

随着移动互联网的普及&#xff0c;越来越多的人开始选择在线上完成各种租赁业务&#xff0c;而医院租床也不例外。在这个趋势下&#xff0c;开发一款租赁小程序成为了市场的必然需求。 租床小程序的功能 1、搜索与筛选 为了满足不同用户的需求&#xff0c;小程序应该提供设备…
阅读更多...
掘根宝典之C语言字符串输入函数（gets()，fgets()，get_s()）

掘根宝典之C语言字符串输入函数（gets()，fgets()，get_s()）

字符串输入前的注意事项 如果想把一个字符串读入程序&#xff0c;首先必须预留该字符串的空间&#xff0c;然后用输入函数获取该字符串 这意味着必须要为字符串分配足够的空间。 不要指望计算机在读取字符串时顺便计算它的长度&#xff0c;然后再分配空间(计算机不会这样做&a…
阅读更多...
DDR5内存相比DDR4内存的优势和区别？选择哪一个服务器内存配置能避免丢包和延迟高？

DDR5内存相比DDR4内存的优势和区别？选择哪一个服务器内存配置能避免丢包和延迟高？

根据幻兽帕鲁服务器的实际案例分析&#xff0c;选择合适的DDR4与DDR5内存大小以避免丢包和延迟高&#xff0c;需要考虑以下几个方面&#xff1a; 性能与延迟&#xff1a;DDR5内存相比DDR4在传输速率、带宽、工作电压等方面都有显著提升&#xff0c;但同时也伴随着更高的延迟。D…
阅读更多...
js截取图片地址后面的参数和在路径中截取文件名或后缀名

js截取图片地址后面的参数和在路径中截取文件名或后缀名

文章目录 前言截取地址 &#xff1f;后面的参数在路径中截取文件名或后缀名总结 前言 在处理网页上的图片资源或者其他类型的文件资源时&#xff0c;你可能会遇到需要使用这些技巧的情况。以下是一些具体的使用场景&#xff1a; 动态修改图片参数&#xff1a;如果你有一个图片U…
阅读更多...
深入理解Linux线程（LWP）：概念、结构与实现机制（2）

深入理解Linux线程（LWP）：概念、结构与实现机制（2）

&#x1f3ac;慕斯主页&#xff1a;修仙—别有洞天 ♈️今日夜电波&#xff1a;会いたい—Naomile 1:12━━━━━━️&#x1f49f;──────── 4:59 &#x1f504; ◀️ ⏸ ▶️ ☰ &a…
阅读更多...
详解Java中的protected修饰的访问权限

详解Java中的protected修饰的访问权限

前言&#xff1a;在Java中&#xff0c;类成员访问权限修饰词有四类&#xff1a;private&#xff0c;缺省&#xff08;说白了就是空)着)protected 和 public&#xff0c;private&#xff0c;缺省&#xff0c;和 public的访问权限都很好理解&#xff0c;但是protected的访问权限却…
阅读更多...
文献速递：帕金森的疾病分享--多模态机器学习预测帕金森病

文献速递：帕金森的疾病分享--多模态机器学习预测帕金森病

文献速递&#xff1a;帕金森的疾病分享–多模态机器学习预测帕金森病 Title 题目 Multi-modality machine learning predicting Parkinson’s disease 多模态机器学习预测帕金森病 01 文献速递介绍 对于渐进性神经退行性疾病&#xff0c;早期和准确的诊断是有效开发和使…
阅读更多...
Stable Diffusion 模型分享：GalaxyTimeMachines GTM ForYou-Fantasy（幻想）

Stable Diffusion 模型分享：GalaxyTimeMachines GTM ForYou-Fantasy（幻想）

本文收录于《AI绘画从入门到精通》专栏&#xff0c;专栏总目录&#xff1a;点这里。 文章目录 模型介绍生成案例案例一案例二案例三案例四案例五案例六案例七案例八 下载地址 模型介绍 作者述&#xff1a;这个“幻想”模型比这个系列的照片模型有更多的风格和颜色。如果推动的…
阅读更多...
云渲染的使用：效果图渲染要多久！

云渲染的使用：效果图渲染要多久！

随着技术的不断进步&#xff0c;云渲染服务已经成为效果图制作过程中划时代的解决方案。通过该服务&#xff0c;3D艺术家和渲染师现在可以在云端完成资源密集型的渲染任务&#xff0c;这大大节省了本地计算资源。但许多人可能会好奇&#xff0c;使用云渲染服务渲染一张效果图究…
阅读更多...
RTE 开源｜小红书 REDPlayer 正式发布！快来 get 同款播放器～

RTE 开源｜小红书 REDPlayer 正式发布！快来 get 同款播放器～

本项目由 RTE 开发者社区 x 小红书 联合运营 播放器最初出现在 19 世纪&#xff0c;当时主要用于播放音频&#xff0c;例如通过留声机播放唱片。 随着技术的进步&#xff0c;音频播放器不断改进&#xff0c;品质越来越好&#xff0c;体积也越来越小。到了今天&#xff0c;通过…
阅读更多...
投标中excel表格常用功能梳理

投标中excel表格常用功能梳理

投标中excel表格常用功能梳理&#xff1a; 1.投标报价调整报价的办法&#xff1a; 目的调整报价&#xff0c;把“红框”的报价增加30%&#xff0c;50% 增加30%的步骤&#xff1a; 步骤1&#xff1a;选择1.3 复制&#xff08;ctrlc&#xff09; 步骤2&#xff1a;选择性黏贴 …
阅读更多...
React之数据绑定以及表单处理

React之数据绑定以及表单处理

一、表单元素 像<input>、<textarea>、<option>这样的表单元素不同于其他元素&#xff0c;因为他们可以通过用户交互发生变化。这些元素提供的界面使响应用户交互的表单数据处理更加容易 交互属性&#xff0c;用户对一下元素交互时通过onChange回调函数来监听…
阅读更多...
SpringBoot底层原理

SpringBoot底层原理

SpringBoot底层原理 一 配置优先级 1.配置方式 Springboot中支持三种配置方式&#xff0c;分别为&#xff1a; application.propertiesapplication.ymlapplication.yaml 2.配置优先级 当存在多份配置文件时&#xff0c;配置文件会按照它们的优先级生效。 优先级从高到底…
阅读更多...
一文带你了解MySQL之B+树索引的原理

一文带你了解MySQL之B+树索引的原理

前言 学完前面我们讲解了InnoDB数据页的7个组成部分&#xff0c;知道了各个数据页可以组成一个双向链表&#xff0c;而每个数据页中的记录会按照主键值从小到大的顺序组成一个单向链表&#xff0c;每个数据页都会为存储在它里边儿的记录生成一个页目录&#xff0c;在通过主键查…
阅读更多...
docker mysql主从复制

docker mysql主从复制

新建主服务器容器实例3301 mysql 主 3301 docker run -p 3301:3306 --name mysql-master \ -v /mydata/mysql-master/log:/var/log/mysql \ -v /mydata/mysql-master/data:/var/lib/mysql \ -v /mydata/mysql-master/conf:/etc/mysql \ -v /home/mysql/mysql-files:/var/lib/…
阅读更多...
什么是前端框架中的数据绑定（data binding）？有哪些类型的数据绑定？

什么是前端框架中的数据绑定（data binding）？有哪些类型的数据绑定？

聚沙成塔每天进步一点点 ⭐ 专栏简介 前端入门之旅&#xff1a;探索Web开发的奇妙世界 欢迎来到前端入门之旅&#xff01;感兴趣的可以订阅本专栏哦&#xff01;这个专栏是为那些对Web开发感兴趣、刚刚踏入前端领域的朋友们量身打造的。无论你是完全的新手还是有一些基础的开发…
阅读更多...
鸿蒙Harmony应用开发—ArkTS声明式开发（通用属性：边框设置）

鸿蒙Harmony应用开发—ArkTS声明式开发（通用属性：边框设置）

设置组件边框样式。 说明&#xff1a; 从API Version 7开始支持。后续版本如有新增内容&#xff0c;则采用上角标单独标记该内容的起始版本。 border border(value: BorderOptions) 设置边框样式。 卡片能力&#xff1a; 从API version 9开始&#xff0c;该接口支持在ArkTS卡…
阅读更多...
怎样选择一家可靠的代理IP服务？

怎样选择一家可靠的代理IP服务？

在数字化时代&#xff0c;随着网络安全和数据隐私的日益重要&#xff0c;代理IP服务已经成为个人用户和企业保护网络身份、实现数据加密和访问地理限制内容的重要工具。然而&#xff0c;面对市场上众多的代理IP服务提供商&#xff0c;如何选择一家可靠的代理IP服务提供商也成为…
阅读更多...
【JavaScript 漫游】【026】进度事件简记

【JavaScript 漫游】【026】进度事件简记

文章简介 本篇文章为【JavaScript 漫游】专栏第 025 篇文章&#xff0c;简单记录了进度事件的知识点。 进度事件的种类 进度事件用来描述资源加载的进度&#xff0c;主要由 AJAX 请求、<img>、<audio>、<video>、<style>、<link> 等外部资源的…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023