欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 前端技术 > HTML >内容正文

HTML

uniapp修改H5页面浏览器标签栏小图标

发布时间:2024/3/26 HTML 31 豆豆
生活随笔 收集整理的这篇文章主要介绍了 uniapp修改H5页面浏览器标签栏小图标 小编觉得挺不错的,现在分享给大家,帮大家做个参考.


uniapp如何修改上图浏览器的标题栏的图标。
找到根目录的index.html文件,然后在head标签离添加以下两行代码

<link rel="stylesheet" href="<%= BASE_URL %>static/index.<%= VUE_APP_INDEX_CSS_HASH %>.css" />//必须的,要不然不生效 <link rel="icon" href="./static/logo1.png"/>//图标的路径

manifest.json文件h5配置中index.html模板路径配置为index.html

效果图如下:

总结

以上是生活随笔为你收集整理的uniapp修改H5页面浏览器标签栏小图标的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。