建站百科

文章导读：本文主要阐述了“pc电脑端和h5手机端实现判断并跳转”网页通常需要适配PC端和移动端，适配可以通过响应式布局判断屏幕尺寸来展示不同的效果，还可以通过编写两个页面，也就是PC端和移...，本文由跨屏网最后更新于2020-07-23，全文共624个字，预计阅读时长2分4秒。

通常情况下，PC端域名使用www，而移动端域名使用m，在编写PC和移动两个页面时，在实际页面加载时要加载到对应的页面，所以需要判断设备的类型，让搜索引擎和浏览器知道，PC端用户应该访问哪个页面，移动端用户应该访问哪个页面。

自适应页面，在页面头部添加一行：<meta name=”applicable-device” content=”pc,mobile”>

PC页面，在页面头部添加一行：<meta http-equiv=”mobile-agent” content=”format=xhtml; url=https://m.kuaping.cn/”>

PC页面，在页面底部增加Javascript代码，将移动设备访问流量跳转到移动网站，例如：

<script> !function () { var devices = ["iPhone","Android","Windows Phone"] var ua = window.navigator.userAgent for (var i = 0; i < devices.length; i++) { if (ua.indexOf(devices[i]) != -1) { window.location.href = 'https://www.kuaping.cn' } } }() </script>

写在最后，以上就是对于“pc电脑端和h5手机端实现判断并跳转”的一些看法，欢迎指正、交流。

当前信息：pc电脑端和h5手机端实现判断并跳转
文章出自：http://test.kuaping.com/article/show130.html