兩款JS腳本判斷手機(jī)瀏覽器類型跳轉(zhuǎn)WAP手機(jī)網(wǎng)站
隨著移動(dòng)設(shè)備的普及,企業(yè)的網(wǎng)絡(luò)宣傳已經(jīng)不能局限在PC端,而需要同時(shí)在移動(dòng)端有所建樹。對(duì)于公司網(wǎng)站來說,以前都是做的PC端的,當(dāng)然手機(jī)等移動(dòng)端也可以訪問,但是用戶體驗(yàn)肯定不如完全適合的手機(jī)端來的方便。我們?cè)诮o自己的網(wǎng)站做了WAP手機(jī)網(wǎng)站之后,如果有用戶通過手機(jī)訪問我們的企業(yè)頂級(jí)域名網(wǎng)站,那就判斷跳轉(zhuǎn)到專為的WAP網(wǎng)站。
這里老左整理到目前自己在使用的2種JS腳本,因?yàn)橹耙恢庇信笥迅乙?,所以這里分享出來。
第一種:直接JS腳本
<script type="text/javascript"> try { var urlhash = window.location.hash; if (!urlhash.match("fromapp")) { if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i))) { window.location="http://www.laozuo.org(更換成自己的WAP網(wǎng)站)"; } } } catch(err) { }</script>
第二種,稍微長一些,引用
function uaredirect(murl){ try { if(document.getElementById("bdmark") != null){ return; } var urlhash = window.location.hash; if (!urlhash.match("fromapp")){ if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i))) { location.replace(murl); } } } catch(err){} }
上述的腳本保持到mobile.js文件,然后在需要調(diào)用的頁面引用下面2個(gè)JS調(diào)用文件。
<script src="mobile.js" type="text/javascript"></script> <script type="text/javascript">uaredirect("http://www.laozuo.org(更換成自己的WAP網(wǎng)站)");</script>
經(jīng)本人測試兩款js腳本均可判斷手機(jī)瀏覽器類型跳轉(zhuǎn)WAP手機(jī)網(wǎng)站,需要的朋友直接拿過去用。
- JS如何實(shí)現(xiàn)網(wǎng)站中PC端和手機(jī)端自動(dòng)識(shí)別并跳轉(zhuǎn)對(duì)應(yīng)的代碼
- JS前端開發(fā)判斷是否是手機(jī)端并跳轉(zhuǎn)操作(小結(jié))
- JS跳轉(zhuǎn)手機(jī)站url的若干注意事項(xiàng)
- js根據(jù)手機(jī)客戶端瀏覽器類型,判斷跳轉(zhuǎn)官網(wǎng)/手機(jī)網(wǎng)站多個(gè)實(shí)例代碼
- 基于JavaScript代碼實(shí)現(xiàn)pc與手機(jī)之間的跳轉(zhuǎn)
- js判斷手機(jī)訪問或者PC的幾個(gè)例子(常用于手機(jī)跳轉(zhuǎn))
- JS腳本根據(jù)手機(jī)瀏覽器類型跳轉(zhuǎn)WAP手機(jī)網(wǎng)站(兩種方式)
- JSP中實(shí)現(xiàn)判斷客戶端手機(jī)類型并跳轉(zhuǎn)到app下載頁面
- 百度判斷手機(jī)終端并自動(dòng)跳轉(zhuǎn)js代碼及使用實(shí)例
- 手機(jī)平板等移動(dòng)端適配跳轉(zhuǎn)URL的js代碼
- JS自動(dòng)跳轉(zhuǎn)手機(jī)移動(dòng)網(wǎng)頁的實(shí)現(xiàn)方法
相關(guān)文章
Echarts中常用的參數(shù)總結(jié)及參數(shù)自定義示例代碼
Echarts中參數(shù)的配置功能很強(qiáng)大,對(duì)任何一項(xiàng)的配置都很細(xì)致,下面這篇文章主要給大家介紹了關(guān)于Echarts中常用的參數(shù)總結(jié)及參數(shù)自定義的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-02-02用javascript實(shí)現(xiàn)鼠標(biāo)框選
用javascript實(shí)現(xiàn)鼠標(biāo)框選...2007-05-05JavaScript 正則應(yīng)用詳解【模式、欲查、反向引用等】
這篇文章主要介紹了JavaScript 正則應(yīng)用,結(jié)合實(shí)例形式詳細(xì)分析了JavaScript 正則表達(dá)式模式、欲查、反向引用等相關(guān)概念、原理與操作注意事項(xiàng),需要的朋友可以參考下2020-05-05JavaScript基于Dom操作實(shí)現(xiàn)查找、修改HTML元素的內(nèi)容及屬性的方法
這篇文章主要介紹了JavaScript基于Dom操作實(shí)現(xiàn)查找、修改HTML元素的內(nèi)容及屬性的方法,涉及javascript dom模型及事件響應(yīng)相關(guān)操作技巧,需要的朋友可以參考下2017-01-01微信公眾號(hào)H5之微信分享常見錯(cuò)誤和問題(小結(jié))
這篇文章主要介紹了微信公眾號(hào)H5之微信分享常見錯(cuò)誤和問題(小結(jié)),文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-11-11js下拉選擇框與輸入框聯(lián)動(dòng)實(shí)現(xiàn)添加選中值到輸入框的方法
這篇文章主要介紹了js下拉選擇框與輸入框聯(lián)動(dòng)實(shí)現(xiàn)添加選中值到輸入框的方法,涉及javascript中onchange事件及頁面元素遍歷的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08微信小程序之下拉列表實(shí)現(xiàn)方法解析(附完整源碼)
這篇文章主要介紹了微信小程序之下拉列表實(shí)現(xiàn)方法解析(附完整源碼),文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-08-08利用原生JS實(shí)現(xiàn)懶加載lazyLoad的三種方法總結(jié)
加載頁面的時(shí)候,圖片一直都是流量大頭,針對(duì)圖片的性能方法也挺多的比如base64、雪碧圖等;懶加載也是其中一種,這篇文章主要給大家介紹了關(guān)于利用原生JS實(shí)現(xiàn)懶加載lazyLoad的三種方法,需要的朋友可以參考下2021-07-07