vue 工程修改浏览器title以及icon

Icon:

icon 效果如：

vue 工程中有一个专门放置静态文件的文件夹：static；将静态的图标放到static文件夹下，比如是test.jpg或者test.png都可以。

然后在index.html <head></head>中添加

Title:

光标放到浏览器的icon 上面就会有title toast出来：

直接修改index.html title即可：

<!DOCTYPE html>
<html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1.0"><link rel="shortcut icon" type="image/x-icon" href="static/paas.jpg"><title>PaasLT</title></head><body><div id="app"></div><!-- built files will be auto injected --></body>
</html>

vue 工程修改浏览器title以及icon相关推荐

vue中修改浏览器标签栏title和图标
vue中修改浏览器标签栏title和图标一.修改文字在项目中的index.html文件title标签中直接写二.修改标签栏图片 1.在项目中的static文件中放入一张图片 2.在index.h ...
在vue中修改浏览器图标和名字
在vue中修改浏览器图标和名字 vue中,网页图标默认使用的是vue自带的一个icon的图标,也是vue的logo. 下面整理了几种改变标题和图标的方法 1.修改图标样式 01.使用图片这个方法是可 ...
vue动态修改浏览器标题和图标
项目场景: 在一个功能一致的项目中,要分别部署成两个系统. 问题描述两个系统名称不一致.标题不一致.logo不一致,又不想单独拉出一套代码(单独拉出后维护成本增加),想要动态改变. 解决方案: 在m ...
vue 项目修改网页 title 和图标
修改网页 title 和图标网页 title 位置和图标位置修改路径在项目文件下的 public 文件夹下的 index.html 文件中的 title 里面 // 在html 中引入文 ...
Vue项目修改浏览器滚动条样式
Vue+Element组件修改浏览器滚动条样式前言:在Vue项目中会有使用到滚动条的情况,但是会遇到原生滚动条的样式不满足UI设计,因此需要改变滚动条的样式,下面使用两种方式来修改滚动条的样式,以V ...
java 页签标题名的设置_javascript修改浏览器title方法 JS动态修改浏览器标题
title在html中属于特殊的节点元素.因为它可以使用document.getElementsByTagName("title")[0]来获取网页的title标签,但却无法用do ...
umi 中如何修改浏览器上的icon和title
找到这个文件 :.umirc.js 然后写上: // 修改iconlinks: [// href的图片你可以放在public里面,直接./图片名.png 就可以了,也可以是cdn链接{ rel: 'i ...
umi 中修改浏览器上的icon和title
在项目中找到这个文件 :.umirc.ts,没有的话可以手动创建一个文件中写入 export default {// 修改iconlinks: [// href的图片你可以放在public里面,直接 ...
Vue中修改浏览器图标Logo
1.找到index.html文件 2.修改这段代码中的图片 <link rel="icon" type="image/x-icon" href=" ...

vue 工程修改浏览器title以及icon

vue 工程修改浏览器title以及icon相关推荐

最新文章

热门文章