織夢網站是大家比較常用的網站,隨著移動端的興起,pc、移動端同時使用的情況普遍皆是,那么怎么樣讓我們的網頁根據頁面屏幕來顯示呢,怎么樣區分移動端和電腦端呢?
目前很多網站都是采用了響應式自適應頁面的設計了,根據訪問設備的不同,顯示不同的內容。但是還是會有一些節奏比較慢的網站,還是PC頁面和手機PAD頁面不同的訪問域名。正好我這里有個需要,同一個域名要根據不同的訪問設備顯示PC頁面或者手機頁面,這里收集兩個比較簡潔的方法,都是通過JS代碼實現的。
dedecms 自動判斷加載pc頁面 手機端頁面
當你的網頁使用了兩套代碼(移動端和pc端代碼)來顯示你的網頁時,就需要用到這種方法:
手機端:
if (!/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
window.location.href = "http://www.cuoXin.com"+window.location.pathname;}
電腦端:
if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
window.location.href = "http://m.cuoXin.com"+window.location.pathname;}
在不同的模板代碼里加上不同的跳轉代碼就可以打開不同的頁面了,是否很智能呢!
下面在給大家分享一個單項簡易跳轉的代碼,只需要加載pc端模板中即可:
if(navigator.platform.indexOf('Win32')!=-1){}
else{window.location.href="http://m.cuoXin.com"+window.location.pathname}
新聞熱點
疑難解答