网页制作

赵林阳 · 发表于 2021-3-10 17:15

本帖最后由赵林阳于 2021-3-12 16:51 编辑

我现在有两个网页文件一个是为手机端做的，一个是为了pc端做的。
我不知道如何手机打开显示手机那个网页，电脑打开显示电脑那个网页？
求助大神，谢谢大家了。

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>手机、pc分别显示网站</title>
</head>
<body>
<script type="text/javascript">
    function browserRedirect() {
        var sUserAgent = navigator.userAgent.toLowerCase();
        var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
        var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
        var bIsMidp = sUserAgent.match(/midp/i) == "midp";
        var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
        var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
        var bIsAndroid = sUserAgent.match(/android/i) == "android";
        var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
        var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
               
        if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {
            window.location = "https://www.baidu.com/";
            //手机显示
        } else {
            window.location = "https://us3124.scholar.eu.org/";
            //pc显示
        }    }
    browserRedirect();
</script>
</body>
</html>

zhangpan0912 · 发表于 2021-3-10 17:19

一般的做法是判断user-agent

xuejiqiao · 发表于 2021-3-10 17:25

做个判断即可呀。搜索一下，网上有很多，

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

function mhref(murl){
	if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i))) {
		location.replace(murl);
	}
}
url = location.href;
if(url.match(/www.xxxx.com/i)){
	refer = url.replace(/^https:\/\/www\.xxxx\.com/,"https://m.xxxx.com")
	mhref(refer);
}

83571674 · 发表于 2021-3-10 17:28

判断user-agent，如果是手机端就跳到m.***.com

龍龖龘 · 发表于 2021-3-10 17:50

通过浏览器类型：User-Agent判断，然后进行调整。User-Agent会告诉网站服务器，访问者是通过什么工具来请求的
二楼的代码拿过去就能用的。

知心 · 发表于 2021-3-10 17:52

两种情况，要么用宽度判断，要么用useragent

hualonghongyan · 发表于 2021-3-10 18:24

百度一搜，第一篇就是了，小kiss

花好s月圆 · 发表于 2021-3-10 18:27

判断ua头呀。

龍在兲 · 发表于 2021-3-10 18:27

直接写个响应式的不好点吗？

森之木源 · 发表于 2021-3-10 18:55

响应式的H5，简单啊，一句话搞定了!

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

[求助] 网页制作