为什么网站手机端打开网页,有些是手机端端的页面,有些还是pc端的页面呢? 悬赏3元 已结束
为什么网站手机端打开网页,有些是手机端的页面,有些还是pc端的页面呢? pc端的页面在手机端体验很差,那怎样才能让这些PC的页面在手机端显示为无线端的页面呢?
网站本身就有www和m的站点
11 人参与回答
这个需要在每个网页中添加适配代码,先识别访问设备或者分辨率大小,根据这些信息然后跳转到对应的版面。以下为示例,仅供参考:
判断移动端或低分辨率跳转到移动版本:
<link rel="alternate" media="only screen and(max-width: 640px)" href="移动端链接" >
<meta http-equiv="mobile-agent" content="format=html5;url=移动端链接">
<script type="text/javascript">if(().indexOf('pref=padindex') != -1){}else{if(/APPleWebKit.*Mobile/() || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test())){if(("?mobile")<0){try{if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/()){"移动端链接";}else if(/iPad/()){}else{}}catch(e){}}}}</script>
PC端识别并跳转:
<script data-fixed="true">
!function(){
if(/iphone|ios|android|ipod/(()) == false){
= 'PC端链接';
}
}();
</script>
以上仅为参考,具体代码可复制上面并修改为您自己的具体链接并测试。