输入相同域名,在pc端和移动端会出现不同的页面效果,一种是用栅格系统实现自适应,

更多的是设计两套不同的模板和两个二级域名或者一个主域名和一个二级域名(就是有区别就可以了);

js代码判断浏览器的用户代理头类别从而实现不同跳转

<script type="text/javascript">(function(){var ua = window.navigator.userAgent.toLowerCase();if (!(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent))) {window.location.href = "pc page(这里是PC域名)";}else if (ua.indexOf("iphone") > 0 || ua.indexOf("android") > 0) {//window.location.href = "(这里是移动端域名)"; } }());
</script>

          这是写在移动端页面中的,pc端只需要将上面的跳转地址window.location.href = "pc page(这里是PC域名)";

注释,下面的反注释window.location.href = "(这里是移动端域名)";就可以了。同时这段代码需放在页面的公共部分,以避免页面内容的加载而浪费流量等!

转载于:https://www.cnblogs.com/phper12580/p/8919981.html

自动判断PC端、手机端跳往不同的域名JS实现代码相关推荐

  1. html电脑显示手机隐藏,右侧悬浮菜单悬浮窗 css+html css自动判断PC显示手机端隐藏...

    感觉还不错,只是部署到博客不太搭配(颜色太鲜艳了),用css加了个设备判断,电脑端显示.手机端隐藏.1221px 界点 预览: html代码: 在线图床业务平台 积分获取积分素材 官方客服 官方客服: ...

  2. PC端手机端百度查排名工具(SEO工具)

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-kaeX0TZN-1637306311903)(http://cdn.h3blog.com/20211119142524. ...

  3. 用phpcms切换中英文网页的方法(不用解析二级域名)、phpcms完成pc和手机端切换(同一域名)...

    AA.phpcms进行双语切换方法(不用解析二级域名) phpcms进行两种语言的切换,有一把部分的人都是进行的二级域名的解析,这样的话可能会有一部分的麻烦,我这里有一种方法可以不用解析二级域名就可以 ...

  4. 天涯明月刀无法显示服务器,天涯明月刀登录不进去怎么办 pc端手机端服务器已满怎么解决_游戏369...

    天涯明月刀这款手游终于公测了,每个玩家都可以在这里创造属于自己的江湖世界,不同的人会有不同的旅程,所以想要拥有一段属于自己江湖旅程就一定不要错过天刀这款手游,不过这款游戏刚公测,有很多bug,不知道怎 ...

  5. ehvierwer登录与不登录_《天涯明月刀手游》pc端手机端登录不进去如何解决 服务器已满快速解决方法...

    导读 天涯明月刀这款手游终于公测了,每个玩家都可以在这里创造属于自己的江湖世界,不同的人会有不同的旅程,所以想要拥有一段属于自己江湖旅程就一定不要错过天刀这款手游,不过这款游戏刚公测,有很多bug,不 ...

  6. 新版判断PC和手机端代码,手机端跳转手机端,PC跳转PC端最新有效代码

    起因由于songshu.youyacao.com官网偶然发现手机版访问也是pc版,于是紧急讨论并发内部团队成员开始查看,判断代码并无错,由于曾经的判断代码失效 得到以下解决: 原来已经失效的代码: f ...

  7. 697小说源码PC端+手机端+火车头采集工具

    关于安装: 整套源码共计4部分: 1.安装及采集等说明书(   文档教程(小说).doc   )2.数据库(   数据库(3000)[backupdata].rar   )3.网站程序(   网站程序 ...

  8. 原生javascript图片惰性延迟加载插件lazyload–兼容PC端手机端

    为什么需要页面图片惰性延迟加载? 当页面内图片达到一定的数量,页面的加载速度就越来越差. 我们并不需要把所有图片一次性加载完,而且,用户也不会一次性把所有图片看完. 所以,我们需要做的就是按需加载,只 ...

  9. css实现背景图PC端/手机端自适应

    css代码: @charset "utf-8";*{margin: 0px;padding: 0px;font-family: "Helvetica Neue" ...

最新文章

  1. Unity3D Mecanim 动画系统骨骼动画问题解决方法
  2. PHP GD库---之商详合成分享图片
  3. 5815. 扣分后的最大得分
  4. Anchor-free 目标检测之 ExtremeNet
  5. apriori算法代码_资源 | 《机器学习实战》及代码(基于Python3)
  6. [PhalApi实战篇(1)]Redis队列处理异步任务
  7. (转)如何在windows 2008 安装IIS
  8. node解决request返回内容gzip乱码问题
  9. 使用Faker.NET仿造数据
  10. 理顺8个版本vue的区别
  11. MAC提示“因为它来自身份不明的开发者” 或“已损坏,打不开“怎么办?
  12. co作为前缀的意思_com,con,col,cor等前缀为什么表示共同的意思?
  13. 有理数加法C语言pta,有理数
  14. 出国留学成绩要求主要看点在雅思
  15. (三)Grahpics之Blit
  16. mysql 1045 centos_解决centos下MySQL登录1045问题
  17. Flink的检查点(checkpoint)
  18. C#的process进程的处理
  19. android 手电筒服务,Android上实现手电筒功能
  20. 《javascript语言精粹》读书笔记——函数

热门文章

  1. 帧同步_微信小游戏接入“熊孩子噩梦”健康系统 帧同步能力上线
  2. java mongo 获取所有数据库_Spring Batch —从XML读取并写入Mongo
  3. shell编程系列20--文本处理三剑客之awk常用选项
  4. selenium界面元素定位
  5. 山西万荣盛装迎新春 首届群众文化艺术节启幕
  6. mysql 开发基础系列22 SQL Model(带迁移事项)
  7. oracle数据库中VARCHAR2(50 CHAR) 和VARCHAR2(50) 有啥区别?
  8. es6(五):函数的扩展
  9. Firefox about
  10. 最速下降法(梯度下降法)