您的位置 首页 > 数码极客

如何实现网页pc与移动端兼容

在网站开发时可针对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页面,即可自动跳转至对应的移动端页面。

责任编辑: 鲁达

1.内容基于多重复合算法人工智能语言模型创作,旨在以深度学习研究为目的传播信息知识,内容观点与本网站无关,反馈举报请
2.仅供读者参考,本网站未对该内容进行证实,对其原创性、真实性、完整性、及时性不作任何保证;
3.本站属于非营利性站点无毒无广告,请读者放心使用!

“如何实现网页pc与移动端兼容”边界阅读