网页自动识别移动端js,百度的,感觉挺好用的,兼容比较广

来源:互联网 发布:石泽研究所洗面奶 知乎 编辑:程序博客网 时间:2024/05/29 02:41

在做好手机站后,如何让网页自动识别移动端并作出跳转,这是个问题。现在各种移动设备太多了,要想全部涵盖挺麻烦的。其实这些问题各大网络平台早已考虑好了,这里就借用百度平台的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"就可以了。

0 0