全球主机交流论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

CeraNetworks网络延迟测速工具IP归属甄别会员请立即修改密码
查看: 716|回复: 8

自己弄的一个手机移动版和pc电脑版网页js跳转 要就拿去!

[复制链接]
发表于 2018-9-24 19:27:34 | 显示全部楼层 |阅读模式
本帖最后由 asmon 于 2018-9-24 22:35 编辑

适合从一个首页区分跳转到另外二级连接,比如从www.xxx.com区分跳转xxx.com和m.xxx.com

当然链接可以自己修改,比如在虚拟鸡上面用,放在www.xxx.com/html,跳转到www.xxx.com/htm和www.xxx.com/m之类也不错

也可以删除后面几个,放到首页里面,只跳转移动版

因为不想在小鸡上面折腾Nginx,就用这个,虚拟鸡也可以用,如果有mjj们有更加好用的,分享一下

引用重复了,自行去掉一个,device.min.js是压缩版!if else自己压缩,反正车能开,我不修了

device.js是一个用来设备识别的小玩儿,有时候还是很有用,
参考网站https://github.com/matthewhudson/current-device

Firefox OS和BlackBerry的没有弄进去,自己看官网了解

  1. <script src="https://cdn.bootcss.com/device.js/0.2.7/device.js"></script>
  2. <script src="https://cdn.bootcss.com/device.js/0.2.7/device.min.js"></script>
  3. <script>
  4.         if(device.iphone()==true){
  5.         window.location.href = 'http://m.hostloc.com';
  6.         }if(device.ipad()==true){
  7.         window.location.href = 'http://m.hostloc.com';
  8.         }if(device.ios()==true){
  9.         window.location.href = 'http://m.hostloc.com';
  10.         }if(device.ipod()==true){
  11.         window.location.href = 'http://m.hostloc.com';
  12.         }if(device.android()==true){
  13.         window.location.href = 'http://m.hostloc.com';
  14.         }if(device.androidPhone()==true){
  15.         window.location.href = 'http://m.hostloc.com';
  16.         }if(device.androidTablet()==true){
  17.         window.location.href = 'http://m.hostloc.com';
  18.         }if(device.mobile()==true){
  19.         window.location.href = 'http://m.hostloc.com';
  20.         }if(device.tablet()==true){
  21.         window.location.href = 'http://m.hostloc.com';
  22.         }if(device.television()==true){
  23.         window.location.href = 'http://m.hostloc.com';
  24.         }if(device.windows()==true){
  25.         window.location.href = 'http://hostloc.com';
  26.         }if(device.desktop()==true){
  27.         window.location.href = 'http://hostloc.com';
  28.         }if(device.unknown()==true){
  29.         window.location.href = 'http://hostloc.com';
  30.         }
  31.     </script>
复制代码
发表于 2018-9-24 19:36:45 | 显示全部楼层
iphone ios pad android感觉可以写在一快。 你这个if else 太多了 不够优雅。 不过还是感谢分享。
发表于 2018-9-24 19:37:40 | 显示全部楼层
代码有点长了啊
 楼主| 发表于 2018-9-24 19:41:04 | 显示全部楼层
本帖最后由 asmon 于 2018-9-24 22:38 编辑
♠♣♥❤ 发表于 2018-9-24 19:36
iphone ios pad android感觉可以写在一快。 你这个if else 太多了 不够优雅。 不过还是感谢分享。 ...


我整个首页就一个这个js的html,没有所谓啦,老鸟在乎挂档顺不顺,做为新鸡的我只在乎车能不能开起来
发表于 2018-9-24 19:56:31 | 显示全部楼层
.min 是压缩版 同一个JS 不用引用两次 一般用 .min 版本就可以了
发表于 2018-9-24 19:58:37 | 显示全部楼层
为毛不弄自适应?
发表于 2018-9-24 20:01:05 来自手机 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
 楼主| 发表于 2018-9-24 21:45:27 | 显示全部楼层
小夜 发表于 2018-9-24 19:58
为毛不弄自适应?

因为手机是竖屏的,pc是横屏的!手机版已经做了自适应,手机和pc都同时适配的话,字体大小搞不定,同时表格也各种错位变形非常难看!日,太鸡ba难搞了!直接分开两套css,一个pc横屏一个pc竖屏,车开得爽歪歪的!
 楼主| 发表于 2018-9-24 21:53:21 | 显示全部楼层
haohaoge 发表于 2018-9-24 19:56
.min 是压缩版 同一个JS 不用引用两次 一般用 .min 版本就可以了

这个还真没有留意,我以为是附加产品,不过带两个发动机好像也能跑,哈哈!
您需要登录后才可以回帖 登录 | 注册

本版积分规则

Archiver|手机版|小黑屋|全球主机交流论坛

GMT+8, 2026-3-7 12:48 , Processed in 0.067999 second(s), 10 queries , Gzip On, MemCache On.

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表