【HTML求助】有没有办法用最简单的办法以HTML来让手机电脑访问内容不同

wr20060926 · 发表于 2020-5-9 23:06

本帖最后由 wr20060926 于 2020-5-9 23:59 编辑

如题↑↑，手机端直接访问有BUG，所以想让它不一样。不想用CDN来重定向，麻烦，因为每次更新都要两次，求最简化的方法！！
已解决：

[HTML] 纯文本查看 复制代码

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <script type="text/javascript">
        if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i))) {    //跳到手机端
            window.location = "phone_index.html";

        } else {
            //跳到电脑端
            window.location = "pc_index.html";
        }
    </script>
</head>
<body>

</body>
</html>

米饭大师 · 发表于 2020-5-9 23:17

js来解决这个问题

wr20060926 · 发表于 2020-5-9 23:23

米饭大师发表于 2020-5-9 23:17
js来解决这个问题

有方法吗？讲解一下可以吗？

wr20060926 · 发表于 2020-5-9 23:32

自己动手丰衣足食！

anvx · 发表于 2020-5-9 23:32

[JavaScript] 纯文本查看 复制代码

		var os = function (){
            var ua = navigator.userAgent,
            isWindowsPhone = /(?:Windows Phone)/.test(ua),
            isSymbian = /(?:SymbianOS)/.test(ua) || isWindowsPhone,
            isAndroid = /(?:Android)/.test(ua),
            isFireFox = /(?:Firefox)/.test(ua),
            isChrome = /(?:Chrome|CriOS)/.test(ua),
            isTablet = /(?:iPad|PlayBook)/.test(ua) || (isAndroid && !/(?:Mobile)/.test(ua)) || (isFireFox && /(?:Tablet)/.test(ua)),
            isPhone = /(?:iPhone)/.test(ua) && !isTablet,
            isPc = !isPhone && !isAndroid && !isSymbian;
            return {
                isTablet: isTablet,
                isPhone: isPhone,
                isAndroid: isAndroid,
                isPc: isPc
            };	
        }();
        if (os.isAndroid || os.isPhone) {   
        	// 手机
            document.write('<meta name="viewport" content="width=device-width,initial-scale=0.3">')
        } else if (os.isTablet) {
        	// 平板
            document.write('<meta name="viewport" content="width=device-width,initial-scale=0.6">')
        } else if (os.isPc) {
        	// pc
            document.write('<meta name="viewport" content="width=device-width,initial-scale=1">')
        }

天子 · 发表于 2020-5-9 23:33

开头js判断终端

飞龙project · 发表于 2020-5-9 23:38

用js来判断head头

ww952445829 · 发表于 2020-5-10 00:01

js 判断浏览器类型和设备
// 判断web还是设备
      let ua = window.navigator.userAgent.toLocaleLowerCase();
      let reg = /iphone|android|symbianos|windows\sphone/g;
      if (reg.test(ua)) {
      this.currentUA = "device";
      // console.log("设备端");
      } else {
      this.currentUA = "web";
      // console.log("web端");
      }

kk1212 · 发表于 2020-5-10 08:10

有用已经收藏

1128 · 发表于 2020-5-10 08:38

学习了，感觉有用

帐号		自动登录	找回密码
密码			注册[Register]

[已解决] 【HTML求助】有没有办法用最简单的办法以HTML来让手机电脑访问内容不同

免费评分

个人中心