<track id="py222"><i id="py222"></i></track>

    1. <ol id="py222"></ol>

      <span id="py222"><sup id="py222"></sup></span>
    2. <acronym id="py222"></acronym>
        網站建設 網站設計 網站備案 網站運營 常見問題

        HTML移動端及PC端頁面適配跳轉

        時間:2019-08-21 發布者: 微空間

        網頁通常需要適配PC端和移動端,適配可以通過響應式布局判斷屏幕尺寸來展示不同的效果,還可以通過編寫兩個頁面,也就是PC端和移動端分別寫一個頁面,這種方式更方便功能模塊的編寫。

        通常情況下,PC端域名使用www,而移動端域名使用m,在編寫PC和移動兩個頁面時,在實際頁面加載時要加載到對應的頁面,所以需要判斷設備的類型,讓搜索引擎和瀏覽器知道,PC端用戶應該訪問哪個頁面,移動端用戶應該訪問哪個頁面。

        自適應頁面,在頁面頭部添加一行:<meta name="applicable-device" content="pc,mobile">

        PC頁面,在頁面頭部添加一行:<meta http-equiv="mobile-agent" content="format=xhtml; url=https://m.williamlong.info/">

        PC頁面,在頁面底部增加Javascript代碼,將移動設備訪問流量跳轉到移動網站,例如:

        <script>
        !function () {
        var devices = ["iPhone","Android","Windows Phone"]
        var ua = window.navigator.userAgent
        for (var i = 0; i < devices.length; i++) {
        if (ua.indexOf(devices[i]) != -1) {
            window.location.href = 'http://www.blindsearching.com.com'
        }
        }
        }()
        </script>

        我們為您提供

        高品質網站建設

        服務包含策略規劃,品牌形象設計,用戶體驗設計、視覺設計、技術研發、平臺運維

        現在咨詢 18963982328
        青草青草视频2免费观看
          <track id="py222"><i id="py222"></i></track>

          1. <ol id="py222"></ol>

            <span id="py222"><sup id="py222"></sup></span>
          2. <acronym id="py222"></acronym>