【HTML求助】有没有办法用最简单的办法以HTML来让手机电脑访问内容不同
本帖最后由 wr20060926 于 2020-5-9 23:59 编辑如题↑↑，手机端直接访问有BUG，所以想让它不一样。不想用CDN来重定向，麻烦，因为每次更新都要两次，求最简化的方法！！
已解决：
<!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> js来解决这个问题 米饭大师 发表于 2020-5-9 23:17
js来解决这个问题
有方法吗？讲解一下可以吗？ 自己动手丰衣足食！ 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">')
} 开头js判断终端 用js来判断head头 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端");
} 有用 已经收藏 学习了，感觉有用
页:
[1]
2