uni-app修改favicon.ico

1.manifest.json文件

uni-app修改favicon.ico

index.html文件(复制以下代码到index.html内)。需要重新运行才能看到效果,本地和发布路径不一样,记得改过来

这里有个小技巧,新建一个uni-app项目的demo,里面会有一个template.h5.html文件(自动生成的),把那个文件内容复制过来就行了

<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
        <title>
            <%= htmlWebpackPlugin.options.title %>
        </title>
        <!-- 正式发布的时候使用,开发期间不启用。↓ -->
        <!-- <script src="/h5/touch-emulator.js"></script>
        <script>
            TouchEmulator();
            if (document.documentElement.clientWidth > 1024) {
                window.location.href = ‘/h5/pcguide.html#‘+location.pathname+location.search;
            }
        </script>
        <style>
            ::-webkit-scrollbar{
                display: none;
            }
        </style>
        <script>
            var _hmt = _hmt || [];
            (function() {
                var hm = document.createElement("script");
                hm.src = "https://hm.baidu.com/hm.js?";// 百度统计key
                var s = document.getElementsByTagName("script")[0];
                s.parentNode.insertBefore(hm, s);
            })();
        </script> -->
        <!-- 正式发布的时候使用,开发期间不启用。↑ -->
        <script>
            // document.addEventListener(‘DOMContentLoaded‘, function() {
            //     document.documentElement.style.fontSize = document.documentElement.clientWidth / 20 + ‘px‘
            // })
        </script>
    <!-- 线上发布的图片路径 -->
    <link rel="icon" type="image/png" sizes="16x16" href="/RFQ2020/static/images/favicon.ico>
    <!-- 本地运行的图片路径 -->
    <link rel="icon" type="image/png" sizes="16x16" href="../static/images/favicon.ico">
    
        <link rel="stylesheet" href="<%= BASE_URL %>static/index.<%= VUE_APP_INDEX_CSS_HASH %>.css" />
    </head>
    <body>
        <!-- 该文件为 H5 平台的模板 HTML,并非应用入口。 -->
        <!-- 请勿在此文件编写页面代码或直接运行此文件。 -->
        <!-- 详见文档:https://uniapp.dcloud.io/collocation/manifest?id=h5-template -->
        <noscript>
            <strong>Please enable JavaScript to continue.</strong>
        </noscript>
        <div id="app"></div>
        <!-- built files will be auto injected -->
        <script>
            /*BAIDU_STAT*/
        </script>
    </body>
</html>

 

uni-app修改favicon.ico

上一篇:【CSS】之引入方式


下一篇:转:JSP实现文件上传和下载,留着以后用