问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

要在index.html里面加上什么代码能实现手机和电脑打开同一网址显示不...

发布网友 发布时间:2022-05-01 10:59

我来回答

2个回答

热心网友 时间:2022-04-20 17:12

实现手机和电脑打开同一网址显示不同网页,这需要判断浏览器是手机端还是电脑端,进而跳转不同的网页

运用JavaScript判断

//适配代码
  <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, //是否iPad
  webApp : u.indexOf('Safari') == -1,
  //是否web应该程序,没有头部与底部
  google:u.indexOf('Chrome')>-1
  };
  }(),
  language : (navigator.browserLanguage || navigator.language).toLowerCase()
  }

  if(browser.versions.mobile){
     //为移动端访问网页,跳转到移动端链接地址
     window.location.href="移动端链接地址"; 
  }else{
      //为电脑端访问网页,跳转到电脑端链接地址
      window.location.href="电脑端链接地址";
  }
  </script>

热心网友 时间:2022-04-20 18:30

<SCRIPT LANGUAGE="JavaScript">
function mobile_device_detect(url)
{
        var thisOS=navigator.platform;
        var os=new 
Array("iPhone","iPod","iPad","android","Nokia","SymbianOS","Symbian","Windows
 Phone","Phone","Linux armv71","MAUI","UNTRUSTED/1.0","Windows 
CE","BlackBerry","IEMobile");

 for(var i=0;i<os.length;i++)
        {
 if(thisOS.match(os[i]))
        {   
  window.location=url;
 }
 }
</sprict>

把url换成你手机的网址就可以了

追问我把url替换成网址以后,提示Array那一行包含语法错误,是什么意思?

追答Array("iPhone","iPod","iPad","android","Nokia","SymbianOS","Symbian","WindowsPhone","Phone","Linux armv71","MAUI","UNTRUSTED/1.0","Windows CE","BlackBerry","IEMobile");

因为代码里包含回车和换行了

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
招聘和招募和招收区别 人力资源中招聘与招募的区别 招聘与招募有啥区别 夏日繁星公众号可信吗 关于“红杏出墙”的古诗词描写有哪些 需要考多少分才过雅思 雅思考试多少分才可以算及格 雅思考试多少分算及格 雅思的总分多少分及格 雅思一般考多少分能合格 织梦网站,手机端打开有后缀m/index.html,怎么把它去掉? index.html是什么文件,每次点击手机新浪,都都提示下载 织梦做的网站,为什么手机登录默认进入/index.htm 为什么用电脑制作的网页在手机只能打开index.html,而不能打开css 手机版代码怎么加入index.html builder手机设备上运行为什么只能打开index.html文件 EXCEL如何相乘以后小数点舍去? 华为手机掉了怎么定位找回 华为P8发布会上发布的墨水屏手机壳有哪些功能? 一言九鼎猜什么生肖 春蚓秋蛇左右弯,午夜夜声敲两回解什么生肖 摆脱困境,猜十二生肖? 男羊女鼠婚配家破人亡 谁能猜出这是什么动物哦,十二生肖里面的。。。 土生土长猜一生肖是什么? 梦见与导师吵架,会家破人亡猜生肖 梦见与导师吵架,会家破人亡,猜一生肖 烽火连天战不休,家破人亡四处游。解什么生肖 范冰冰,或者有些明星微博点赞一次加几万是什么意思呢?会不会扣费 烽火连天战不休,家破人亡四处游 猜猜生肖? 织梦网站,手机端打开有后缀m&#47;index.html,怎么把它去掉或者重定向怎么做 织梦手机站首页模板index.html,怎么变成index.htm?手机站不更新 这个风扇怎么拆,没有螺丝,想拆来洗不知道怎么拆? 怎样理解SQL数据库中的,事务,作业,!希望附上例子助于理解 造梦西游OL怎样才能弄优秀的天道品质 造梦西游ol业力属性怎么翠取 造梦西游ol 萃取什么 造梦西游ol把业力萃取了怎么办 造梦西游ol业力成长值 造梦西游ol达到85级,是不是免费送至尊品质装备是不是? 造梦西游OL业力系统详解 造梦OL八道轮回解析 造梦西游ol业力怎么不能淬取 造梦西游ol的人道业力6种装备的名称 造梦西游ol业力克制伤害加多少 造梦西游ol到了12万战之后该怎么发展 悟空 战 :1 造梦西游ol悟空业力哪个好 造梦西游ol刚开始送的虚灵道为什么不能被萃取 造梦西游ol怎么卡业力 造梦西游ol悟空 哪种业力最好 豉油金针菇的做法步骤图,豉油金针菇怎么做