在网站开发时可针对PC端和移动端分别开发页面,也可开发自适应页面兼容PC端和移动端。当针对PC端和移动端分别开发页面,从移动端访问PC页面时,就需要能够自动跳转至对应的移动端页面,通过以下方法即可实现。
在PC端页面的<head>标签中加入以下JS代码:
<script type="text/javascript"> //判断是否移动端访问 function isMobile() { //取得浏览器的user-agent信息 var userAgent = window.naviga; //定义目标agent信息 var mobileAgents = new Array("Android", "iPhone", "SymbianOS", "Windows Phone"); //声明存储返回结果的变量 var flag = false; //循环判断 for (var i = 0; i < mobileAgen; i++) { //判断浏览器的user-agent信息是否包含目标agent信息 if (mobileAgents[i]) > -1) { //是移动端访问,将结果变量置为true并跳出 flag = true; break; } } //返回结果 return flag; } //调用函数判断是否移动端访问 if (isMobile()) { //页面重定向 window.loca = '要重定向的移动端页面地址' } </script>添加完成后,从移动端访问此PC页面,即可自动跳转至对应的移动端页面。