js推断PC端照样挪动端的代码小坑

2023年10月1日 127次阅读 来源: 汢浢

我在写官网的时刻做了pc和挪动端两个，在经由过程网上查找了如许的代码，看着完整没题目，等放进去页面中后，PC端页面一向革新，基础停不下来，找了相似js照样一样的题目。经由过程不停尝试后才发明，题目就是多了一行代码：

原代码例子：

<script type="text/javascript">
　　//平台、装备和操作系统
　　var system = {
　　win: false,
　　mac: false,
　　xll: false,
　　ipad:false
　　};
　　//检测平台
　　var p = navigator.platform;
　　system.win = p.indexOf("Win") == 0;
　　system.mac = p.indexOf("Mac") == 0;
　　system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);
　　system.ipad = (navigator.userAgent.match(/iPad/i) != null)?true:false;
　　//跳转语句，如果是手机接见就自动跳转到" "里的页面
　　if (system.win || system.mac || system.xll||system.ipad) {
　　window.location.href = "  PC端网站名 ";
　　} else {
　　window.location.href = " 挪动端端网站名   ";
　　}
　　</script>
　　
　　

修改后代码例子：

<script type="text/javascript">
　　//平台、装备和操作系统
　　var system = {
　　win: false,
　　mac: false,
　　xll: false,
　　ipad:false
　　};
　　//检测平台
　　var p = navigator.platform;
　　system.win = p.indexOf("Win") == 0;
　　system.mac = p.indexOf("Mac") == 0;
　　system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);
　　system.ipad = (navigator.userAgent.match(/iPad/i) != null)?true:false;
　　//跳转语句，如果是手机接见就自动跳转到" "里的页面
　　if (system.win || system.mac || system.xll||system.ipad) {
　//window.location.href = "PC端网站名";(在PC端引入js代码段时，这一行不能要，不然一向轮回革新，挪动端同理)
　　} else {
　　
　　window.location.href = " 挪动端端网站名   ";
　　}
　　</script>
    原文作者：汢浢
    原文地址: https://segmentfault.com/a/1190000016038874
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞