【Vue】更换浏览器默认 logo

更换浏览器默认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 替换成功

在这里插入图片描述

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

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！

相关文章

AcWing 788. 逆序对的数量 解题思路及代码

AcWing 788. 逆序对的数量 解题思路及代码

先贴个题目&#xff1a; 以及原题链接&#xff1a; 788. 逆序对的数量 - AcWing题库https://www.acwing.com/problem/content/790/ 这题也是板子题&#xff0c;就是对归并排序的衍生&#xff0c;我们先分析下如果用归并排序对排序区间进行二分的话&#xff0c;逆序对可能出现的…
阅读更多...
[计算机网络]--五种IO模型和select

[计算机网络]--五种IO模型和select

前言 作者&#xff1a;小蜗牛向前冲 名言&#xff1a;我可以接受失败&#xff0c;但我不能接受放弃 如果觉的博主的文章还不错的话&#xff0c;还请点赞&#xff0c;收藏&#xff0c;关注&#x1f440;支持博主。如果发现有问题的地方欢迎❀大家在评论区指正 目录 一、五种IO…
阅读更多...
Selenium 遇见伪元素该如何处理?

Selenium 遇见伪元素该如何处理?

问题发生 在很多前端页面中&#xff0c;大家会见到很多&#xff1a;:before、::after 元素&#xff0c;比如【百度流量研究院】&#xff1a; 比如【百度疫情大数据平台】&#xff1a; 以【百度疫情大数据平台】为例&#xff0c;“累计确诊”文本并没有显示在 HTML 源代码中&am…
阅读更多...
探寻2024年国内热门低代码平台排行！| 功能特点一览

探寻2024年国内热门低代码平台排行！| 功能特点一览

低代码开发是一项革命性的技术&#xff0c;主要目的是尽量避免程序研发的复杂性&#xff0c;让外行开发者也能加入到应用程序的搭建中。低代码平台的核心概念和构成部分通常包括用户界面和拖拽设计、预构件和模块、自动化工作内容与数据库集成和扩展应用&#xff0c;应用低代码…
阅读更多...
Python爬虫Cookies 池的搭建

Python爬虫Cookies 池的搭建

Cookies 池的搭建 很多时候&#xff0c;在爬取没有登录的情况下&#xff0c;我们也可以访问一部分页面或请求一些接口&#xff0c;因为毕竟网站本身需要做 SEO&#xff0c;不会对所有页面都设置登录限制。 但是&#xff0c;不登录直接爬取会有一些弊端&#xff0c;弊端主要有…
阅读更多...
Python中几个必须知道的函数

Python中几个必须知道的函数

Python中自带了几个比较有意思的函数&#xff0c;一般在面试或者笔试基础的时候会问到&#xff0c;其中3个就是map、filter、reduce函数。 1.map(function, iterable) 它第一个要传的元素是函数名或lambda匿名函数表达式&#xff0c;第二个元素传入可迭代对象。 array [1,2,…
阅读更多...
Java中心校智慧校园智慧班牌物联网平台源码

Java中心校智慧校园智慧班牌物联网平台源码

目录 智慧班牌 班牌首页 班级信息 课表信息 视频 图片 进离校管理 人脸登录页 学生个人中心 请假管理 成绩管理 家长留言 学生绑卡 学生评价 系统设置 通知管理 值日管理 倒计时 班级德育 班牌模式 1.课堂授课模式 2.家长会签到模式 3.考场模式 4.班级…
阅读更多...
机器学习：模型评估和模型保存

机器学习：模型评估和模型保存

一、模型评估 from sklearn.metrics import accuracy_score, confusion_matrix, classification_report# 使用测试集进行预测 y_pred model.predict(X_test)# 计算准确率 accuracy accuracy_score(y_test, y_pred) print(f"Accuracy: {accuracy*100:.2f}%")# 打印…
阅读更多...
[微服务]Eureka注册中心

[微服务]Eureka注册中心

目录 1、引言 2、Eureka的结构和作用 2.1、图解 2.2、几个重要问题⭐ 3、搭建eureka-server 3.1.创建eureka-server服务 3.2、引入eureka依赖 3.3、编写启动类 3.4、编写配置文件 3.5、启动服务 4、服务注册(user) 4.1、引入依赖 4.2、配置文件 4.3、启动多个use…
阅读更多...
【前端素材】推荐优质后台管理系统网页Stisla平台模板（附源码）

【前端素材】推荐优质后台管理系统网页Stisla平台模板（附源码）

一、需求分析 1、系统定义 后台管理系统是一种用于管理和控制网站、应用程序或系统的管理界面。它通常被设计用来让网站或应用程序的管理员或运营人员管理内容、用户、数据以及其他相关功能。后台管理系统是一种用于管理网站、应用程序或系统的工具&#xff0c;通常由管理员使…
阅读更多...
lv20 QT文件编程6

lv20 QT文件编程6

1 文件普通读写 略 2 流式操作 QFile file("in.txt"); if (!file.open(QIODevice::ReadOnly | QIODevice::Text))return;QTextStream in(&file); while (!in.atEnd()) {QString line in.readLine();process_line(line);}示例 widegt.h #ifndef WIDGET_H #d…
阅读更多...
一文掌握大模型提示词技巧：从战略到战术

一文掌握大模型提示词技巧：从战略到战术

作者&#xff1a;明明如月学长&#xff0c; CSDN 博客专家&#xff0c;大厂高级 Java 工程师&#xff0c;《性能优化方法论》作者、《解锁大厂思维&#xff1a;剖析《阿里巴巴Java开发手册》》、《再学经典&#xff1a;《Effective Java》独家解析》专栏作者。 热门文章推荐&am…
阅读更多...
学习网络编程No.11【传输层协议之UDP】

学习网络编程No.11【传输层协议之UDP】

引言&#xff1a; 北京时间&#xff1a;2023/11/20/9:17&#xff0c;昨天成功更文&#xff0c;上周实现了更文两篇&#xff0c;所以这周再接再厉。当然做题任在继续&#xff0c;而目前做题给我的感觉以套路和技巧偏多&#xff0c;还是那句话很多东西不经历你就是不懂&#xff…
阅读更多...
Python你知道多少？教你玩转Python变量与常量！

Python你知道多少？教你玩转Python变量与常量！

变量与常量 变量&#xff1a;在程序运行过程中&#xff0c;值会发生变化的量 常量&#xff1a;在程序运行过程中&#xff0c;值不会发生变化的量 无论是变量还是常量&#xff0c;在创建时都会在内存中开辟一块空间&#xff0c;用于保存它的值。 这里有一点需要注意的是&…
阅读更多...
Nginx 隐藏版本信息和logo

Nginx 隐藏版本信息和logo

1.隐藏版本信息 http {### 隐藏版本号 server_tokens off; } 2.隐藏图标 2.1 cd nginx 安装的路径 cd/XXXX/nginx-1.2.0 2.2 编辑文件 vim src/core/nginx.h 修改define nginx_ver 中的内容 vim src/http/ngx_http_special_response.c 修改 u_char ngx_http_error_tail[]…
阅读更多...
yolo目标检测实战

yolo目标检测实战

该博客主要介绍了&#xff1a; 1. 如何制作yolo目标检测数据集 2.如何在自己的数据集上训练yolo 3.训练好后的模型如何进行推理 1.数据标注 关于数据如何标注&#xff0c;请查看这篇博文 2.数据集目录结构 重点关注红框内部的结构 images: 图片目录 images/train: 训练集…
阅读更多...
【论文笔记】CARFF: Conditional Auto-encoded Radiance Field for 3D Scene Forecasting

【论文笔记】CARFF: Conditional Auto-encoded Radiance Field for 3D Scene Forecasting

原文链接&#xff1a;https://browse.arxiv.org/abs/2401.18075 1. 引言 人类可以从部分视觉上下文中想象不能看到的部分&#xff08;物体的存在与位置&#xff0c;以及场景与物体的形状、颜色、纹理等&#xff09;&#xff0c;这对安全决策至关重要。而自动驾驶系统的传统方…
阅读更多...
Linux 开发工具vim、gcc/g++、makefile

Linux 开发工具vim、gcc/g++、makefile

目录 Linux编辑器-vim 1. 基本概念 2. 基本操作 3. 正常模式命令集 4. 末行模式命令集 5. 其他操作 6. 简单vim配置 Linux编译器-gcc/g 1、基本概念 2、程序翻译的过程 3. gcc如何完成程序翻译 4、动静态库 Linux项目自动化构建工具-make/Makefile 1、背景 2、…
阅读更多...
redis05 sprngboot整合redis

redis05 sprngboot整合redis

redis的Java客户端 整合步骤 添加redis的pom依赖 <!-- 引入redis依赖 --> <dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-data-redis</artifactId> </dependency><!-- 引入redis连…
阅读更多...
Linux 常用的文本处理工具

Linux 常用的文本处理工具

目录 cat 连接 more/less 分页 tail 实时 cat 连接 将一个或多个文件的内容连接并显示在终端上&#xff0c;创建新文件或将内容追加到已有文件。 不会分屏显示文件内容&#xff0c;适用于较小的文件。 cat 文件1.txt 文件2.txt # 连接并显示文件1.txt和文件2.txt的内容 …
阅读更多...
最新文章

Copyright @ 2022~2023