<ul id="g60s4"><pre id="g60s4"></pre></ul>
<strong id="g60s4"><nav id="g60s4"></nav></strong>
<ul id="g60s4"></ul>
    • 

    <tr id="g60s4"></tr>
    • 

  • 


    

    




    
    

    


    


    
    
    
    
    
        
    
            
        
    
        
        
        
        
    
    

    

    或者
    

    

    

    

        

    




    
    
    
        
        
    
            
    
                    
                
    昵稱：淺色記憶
    
                接單：36
                  關(guān)注TA
                
    
                    達(dá)標(biāo)率
                    
                    0%
                
    
                
            
    
            
            

            
        
    

        
        
    
            
    
                
    
                    
    如何用MIP快速搭建體驗(yàn)友好的移動(dòng)頁(yè)面
    
                    
    
                        作者：淺色記憶
                        瀏覽：77次
                        發(fā)布時(shí)間：2017-08-31
                    
    
                    
    
                        分享
                        評(píng)論
                        贊0
                    
    
                
    
                
    
                     
    　在讀這篇文章之前，請(qǐng)確定你已經(jīng)了解MIP定義及加速原理。如果不確定的話，可以到MIP官網(wǎng)了解。文章內(nèi)容來(lái)自MIP博客。
    　　改造前期準(zhǔn)備和注意事項(xiàng):
    　　你可以選擇直接將原先的移動(dòng)站點(diǎn)直接改成MIP站，也可以單獨(dú)再做一套MIP站點(diǎn)與移動(dòng)站并存。
    　　復(fù)雜的頁(yè)面暫不建議MIP改造，目前對(duì)資訊、圖文類支持已較好，若功能較為復(fù)雜的建議自定義組件或等待MIP項(xiàng)目小組開發(fā)。
    　　改造需具備一定的html知識(shí)，改造MIP教程請(qǐng)按照教程來(lái)，特別注意大小寫，建議全局小寫。
    　　我們從一個(gè)html頁(yè)面的上下順序一步步改造，只要按照本文章內(nèi)的一步步來(lái)，即可完成MIP改造。
    　　1. Doctype改造
    　　1.1 打開你的模板或代碼文件看第一行，將<! DOCTYPE ***>改為<!DOCTYPE html>
    　　2. <Html>標(biāo)簽改造
    　　2.1 完成第一步后，繼續(xù)修改下一行代碼，將： <html xmlns="http://www.w3.org/1999/xhtml">或：<html> 改成：<html mip>注意全部小寫
    　　3. Head部分改造
    　　3.1 <head>標(biāo)簽必須是完全小寫。
    　　3.2 頁(yè)面的編碼必須是utf-8，修改聲明為：<meta charset="utf-8">
    　　3.3 頁(yè)面中加入<meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1">
    　　3.4 頁(yè)面中加入MIP專用樣式文件< link rel="stylesheet" type="text/css" href="https://mipcache.bdstatic.com/static/v1/mip.css" >
    　　3.5 這里需要告訴搜索引擎改頁(yè)面對(duì)應(yīng)的標(biāo)準(zhǔn)html頁(yè)面地址，如果存在則標(biāo)識(shí)<link rel="canonical" href="https://www.baidu.com"> 其中href值修改成為與當(dāng)前mip頁(yè)面相對(duì)應(yīng)的標(biāo)準(zhǔn)頁(yè)面（移動(dòng)頁(yè)）url地址。如果只有mip頁(yè)面沒(méi)有相對(duì)應(yīng)的標(biāo)準(zhǔn)頁(yè)面則標(biāo)識(shí)為：<link rel="canonical" href="https://www.baidu.com"> 其中的href值為當(dāng)前頁(yè)面地址。詳細(xì)說(shuō)明
    　　4. Body內(nèi)改造
    　　4.1 首先<body>標(biāo)簽必須是小寫的；
    　　4.2 替換<img>, <style>, <frame>, <form>,< input>, <textarea>, <select>, <option>標(biāo)簽為對(duì)應(yīng)MIP組件標(biāo)簽，具體見(jiàn)官網(wǎng)文檔。
    　　4.3 引用MIP-JS 運(yùn)行環(huán)境 <script src= "https://mipcache.bdstatic.com/static/v1/mip.js"></script>放在頁(yè)面尾部。
    　　5. 使用MIP Cache注意事項(xiàng)
    　　5.1 一般Cache圖片、樣式、腳本，做完上述4步后，修改資源地址為相對(duì)地址或合法絕對(duì)地址（以校驗(yàn)工具為準(zhǔn)）；
    　　5.2 Cache的內(nèi)容需要更新需要通過(guò)MIP數(shù)據(jù)提交中的更新數(shù)據(jù)接口，把更新的url鏈接推送過(guò)去，等待百度更新。
    　　6. 其他組件使用
    　　6.1 除了上述這些需求外，一部分站點(diǎn)可能需要用到組件，官網(wǎng)文檔包含了目前支持的所有組件，本文簡(jiǎn)單舉例說(shuō)明一下使用百度統(tǒng)計(jì)該如何實(shí)現(xiàn)：
    　　6.2 查找原有百度統(tǒng)計(jì)工具查看統(tǒng)計(jì)JS代碼(可全局查找 var _hmt 關(guān)鍵字)獲取token（hm.js?之后的編碼），在頁(yè)面底部，所有script前放入代碼：<mip-stats-baidu token="22090d4a309827eb62bc1335b2b28f11（網(wǎng)站統(tǒng)計(jì)token值）"></mip-stats-baidu>
    　　6.3 去除原有百度統(tǒng)計(jì)工具查看統(tǒng)計(jì)JS代碼，刪除整段js.
    　　更多教程參考，可查看：
    • 　　[MIP新手指南]https://www.mipengine.org/doc/00-mip-101.html
    • 　　[MIP 完整demo]https://www.mipengine.org/doc/01-mip-demo.html
    • 　　[canonical使用說(shuō)明]http://www.cnblogs.com/mipengine/p/canonical_link.html
    　　站點(diǎn)在MIP改造中遇到任何問(wèn)題，歡迎前往站長(zhǎng)社區(qū)：MIP專區(qū)進(jìn)行提問(wèn)解惑。

    
                     
                
    
            
    
            
        
    
    
    

    





    



        
        

    


    




    

    





无码精品人妻一区二区三区免费|
国产精品∧v在线观看|
中文字幕精品一区二区三区视频|
日韩a级毛片免费视频|
国产精品一区二区四区|
亚洲精品国产av成拍色拍|
国产高清国产精品国产专区|
精品亚洲aⅴ在线观看|
久久久精品2019中文字幕之3|
亚洲精品中文字幕乱码三区
|
jazzjazz国产精品一区二区|
日韩一区二区久久久久久|
国产精品宾馆在线|
2020年国产精品|
久久精品国产亚洲AV天海翼|
亚洲精品美女久久7777777|
2021久久国自产拍精品|
国产精品素人搭讪在线播放|
国产成人精品日本亚洲18图|
亚洲AV无码精品蜜桃|
亚洲精品不卡视频|
911精品国产亚洲日本美国韩国|
99re最新地址精品视频|
人妻少妇精品视频一区二区三区
|
中文字幕精品亚洲无线码二区|
三上悠亚精品二区在线观看|
久久久91人妻无码精品蜜桃HD|
精品久久人人妻人人做精品|
精品亚洲一区二区三区在线播放|
久久国产美女免费观看精品|
99国产精品一区二区|
日本道免费精品一区二区|
高清国产精品人妻一区二区|
亚洲永久精品ww47|
国产精品视频色拍拍|
久久精品视频亚洲|
亚洲精品高清久久|
96免费精品视频在线观看|
久久精品国产日本波多野结衣|
99re6这里有精品热视频|
精品国产乱码久久久久久鸭王1
|