判斷移動端PC端訪問網頁時跳轉到對應的移動端網頁

2021-07-10 10:54:26 字數 492 閱讀 5837

原文引用於:

不想通過css自適應在pc端和移動端分別顯示不同的樣式,那麼只能通過在移動端訪問pc端網頁時跳轉到對應的移動端網頁了,那麼怎麼跳轉呢,網上也有很多文章說明,下面是本人測試有效的方式。

1.效果圖

pc端訪問顯示:

移動端訪問顯示:

2.實現:

不考慮移動端搜尋引擎優化的話,只需要通過js判斷是否移動端,然後確定是否跳轉到指定頁面就行了,主要js如下:

//判斷是否移動端,如果是則跳轉到指定的url位址

function browserredirect(url)

}

然後在頁面引用js,呼叫方法就行了:

ps:大家可以用pc端和移動端訪問測試頁面

檢視效果。

nginx 移動端和PC端自動跳轉

前提乙個官網,分別做了 pc 端和移動端,它們的資訊如下所示 平台 網域名稱描述 pc 端 www.one.compc 端官網 移動端m.one.com移動端官網 需求在 pc 端訪問www.one.com和m.one.com都跳轉到www.one.com,在移動端訪問www.one.com和m.o...

網頁自適應pc端和移動端

手機的螢幕比較小,寬度通常在600畫素以下 pc的螢幕寬度,一般都在1000畫素以上 目前主流寬度是1366 768 有的還達到了2000畫素。同樣的內容,要在大小迥異的螢幕上,都呈現出滿意的效果,並不是一件容易的事。很多 的解決方法,是為不同的裝置提供不同的網頁,比如專門提供乙個mobile版本,...

自動識別pc端 移動端,並跳轉

1.1 pc端 和 移動端 分開 各是乙個單頁應用,或各有一套 直接在 pc端的首頁 index.html 的 head 裡加入識別 window.location.replace mobile url.html 1.2 pc端 和 移動端 在乙個單頁系統裡 使用路由 pc端和移動端兩套樣式在vue...