【記錄】uni-app H5如何給網站設置favicon.icon圖標


  

uni-app  H5如何給網站設置favicon.icon圖標?

1:首先修改mainfest.json配置文件

 

 

 

2:設置個html頁面,我的是新建了一個main.html

 

 

html模版如下:(官網地址:https://uniapp.dcloud.io/collocation/manifest?id=h5-template

<!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>
            document.addEventListener('DOMContentLoaded', function() {
                document.documentElement.style.fontSize = document.documentElement.clientWidth / 20 + 'px'
            })
        </script>
        <link rel="stylesheet" href="<%= BASE_URL %>static/index.<%= VUE_APP_INDEX_CSS_HASH %>.css" />
    </head>
    <body>
        <noscript>
            <strong>Please enable JavaScript to continue.</strong>
        </noscript>
        <div id="app"></div>
        <!-- built files will be auto injected -->
    </body>
</html>

 

 3:找到圖標圖片存放在項目根目錄,圖片名稱隨便起

 

 

4:在main.html中添加圖標代碼

<link rel="icon" href="../favicon.png"> 

5:重啟項目就能看到瀏覽器中我們的圖標設置成功

 

 

參考地址:https://blog.csdn.net/guzhao593/article/details/93972193

參考地址:https://uniapp.dcloud.io/collocation/manifest?id=h5-template

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM