当前位置: 代码迷 >> 综合 >> 手机PC网页自适应JS
  详细解决方案

手机PC网页自适应JS

热度:41   发布时间:2023-09-20 14:59:02.0
//腾讯网的适配代码<script type="text/javascript">var browser = {versions : function() {var u = navigator.userAgent, app = navigator.appVersion;return {//移动终端浏览器版本信息trident : u.indexOf('Trident') > -1, //IE内核presto : u.indexOf('Presto') > -1, //opera内核webKit : u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核gecko : u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核mobile : !!u.match(/AppleWebKit.*Mobile.*/)|| !!u.match(/AppleWebKit/), //是否为移动终端ios : !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端android : u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器iPhone : u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1, //是否为iPhone或者QQHD浏览器iPad: u.indexOf('iPad') > -1, //是否iPadwebApp : u.indexOf('Safari') == -1,//是否web应该程序,没有头部与底部google:u.indexOf('Chrome')>-1};}(),language : (navigator.browserLanguage || navigator.language).toLowerCase()}document.writeln("语言版本: "+browser.language);document.writeln(" 是否为移动终端: "+browser.versions.mobile);</script>//其他的适配代码(后缀名为.js 并引用至网页)<script type="text/javascript"><!--//平台、设备和操作系统var system = {win: false,mac: false,xll: false,ipad:false};//检测平台var p = navigator.platform;system.win = p.indexOf("Win") == 0;system.mac = p.indexOf("Mac") == 0;system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);system.ipad = (navigator.userAgent.match(/iPad/i) != null)?true:false;//跳转语句,如果是手机访问就自动跳转到" "里的页面if (system.win || system.mac || system.xll||system.ipad) {} else {window.location.href = "   ";}--></script>

 

  相关解决方案