1. 程式人生 > >網頁自動識別移動端js,百度的,感覺挺好用的,相容比較廣

網頁自動識別移動端js,百度的,感覺挺好用的,相容比較廣

在做好手機站後,如何讓網頁自動識別移動端並作出跳轉,這是個問題。現在各種移動裝置太多了,要想全部涵蓋挺麻煩的。其實這些問題各大網路平臺早已考慮好了,這裡就借用百度平臺的js識別移動端,感覺還不錯,相容的裝置挺廣的。

在pc主頁面<head>標籤裡新增程式碼

<script src="http://siteapp.baidu.com/static/webappservice/uaredirect.js" type="text/javascript"></script><script type="text/javascript">uaredirect("http://wap.xxx.com/index.php");</script>

其中http://wap.xxx.com/index.php為要跳轉的移動端頁面,請根據自己情況進行修改。

這樣,當網友訪問主頁面的時候,就會自動根據裝置來判定跳轉。

到移動端頁面後,如果想使用移動端訪問原來的pc頁面,怎麼辦?

這時候可在移動端頁面新增一個超連結<a href="http://www.xxx.com/index.php#fromapp">電腦版</a>,點選後即可跳轉到pc端頁面。

沒錯,就是在超連結後面新增“#fromapp"就可以了。