动态修改浏览器图标和标题

情景：系统支持修改系统的名称和图标，并且图标同步展示为浏览器页签的图标

// 配置浏览器标题和图标document.title = this.configForm.chineseTitleif (null != this.configForm.labelIcon) {let link = nulllink = document.querySelector("link[rel*='icon']") || document.createElement('link')link.ref = 'image/x-icon'link.rel = 'shortcut icon'link.href = `http://xx.xx.xx.xx:9090/${this.configForm.labelIcon}`document.getElementsByTagName('head')[0].appendChild(link);}

动态修改浏览器图标和标题相关推荐

vue项目修改浏览器图标以及标题
favicon.ico一般用于作为缩略的网站标志,它显示位于浏览器的地址栏或者在标签上,用于显示网站的logo,如图红圈的位置, 目前主要的浏览器都支持favicon.ico图标. 目前vue-cli ...
vue动态修改浏览器标题和图标
项目场景: 在一个功能一致的项目中,要分别部署成两个系统. 问题描述两个系统名称不一致.标题不一致.logo不一致,又不想单独拉出一套代码(单独拉出后维护成本增加),想要动态改变. 解决方案: 在m ...
动态修改浏览器导航栏图标和文字
1.设置网站标题 let title = ""; // 网站标题 document.title = title; // 动态修改网站标题 let title = "&qu ...
vue 项目中，动态修改浏览器标签页的图标
vue 项目中,动态修改浏览器标签页的图标需求: 项目中有一个入口可以修改平台的名称和图标,图标同步展示为浏览器页签的图标实现: 1.找到项目中的app.vue 文件,动态创建link标签,调用后 ...
在vue中修改浏览器图标和名字
在vue中修改浏览器图标和名字 vue中,网页图标默认使用的是vue自带的一个icon的图标,也是vue的logo. 下面整理了几种改变标题和图标的方法 1.修改图标样式 01.使用图片这个方法是可 ...
macOS app动态修改app图标，图标为icns格式
1.macOS app动态修改app图标,图标为icns格式 //需要重启软件才能看见效果 -(void)ChangeAppIcon:(NSString *)icnsPath {if (![[NSFi ...
Android动态修改桌面图标新坑总结
一.优秀文章概述下面的文章描述动态修改桌面图标的基本方法,并且总结了很多坑及解决方案,以下是在此文章基础上的补充 <Android动态修改应用图标和名称> 二.第一个新坑 Android ...
java 页签标题名的设置_javascript修改浏览器title方法 JS动态修改浏览器标题
title在html中属于特殊的节点元素.因为它可以使用document.getElementsByTagName("title")[0]来获取网页的title标签,但却无法用do ...
iOS动态修改app图标
动态修改app的图标,就是在不重新安装app的情况下,可以修改当前的icon图标:在某些情况下,是有这个需求的:例如,可以更换主题的app中,一般都会有一套完整的主题包含相应的icon:还有就是一些节 ...

动态修改浏览器图标和标题

动态修改浏览器图标和标题相关推荐

最新文章

热门文章