浏览器标签页是否支持Unicode字符?如何添加文本式时钟图标?
嘿,这两个问题我来给你捋清楚:
问题1:浏览器标签页是否支持Unicode字符?
当然支持!现在市面上主流的浏览器(Chrome、Firefox、Edge、Safari等)都完全兼容在标签页标题里使用Unicode字符——不管是emoji、特殊符号还是其他Unicode编码的字符,只要你的系统字体能渲染这个字符,它就能正常显示在标签页上。很多网站早就这么做了,比如在标题里加个小图标类的Unicode字符来增强辨识度。
问题2:在标签页添加文本形式的时钟图标,不修改favicon
必须支持!而且实现起来超简单,完全不需要动favicon——因为标签页显示的标题是由HTML里的<title>元素控制的,和favicon(由<link rel="icon">标签定义)是完全独立的两个东西。
具体实现有两种方式:
- 静态写法:直接在
<title>标签里把Unicode时钟图标放在文本前面就行:
<title> Do</title>
- 动态修改(如果需要页面加载后或者某些事件触发时添加):用JavaScript操作
document.title属性:
// 把时钟图标加到现有标题前面 document.title = ' ' + document.title;
只要你的系统字体能正确渲染这个字符,它就会和标题文本一起显示在浏览器标签页上,原有的favicon完全不受影响,完美符合你的需求~
内容的提问来源于stack exchange,提问作者Gerlof Leuhof
相关产品推荐
相关产品推荐

