vue 自动识别PC、移动端,并跳转到对应页面

方法一:

index.html中head添加

<script type="text/javascript">
        if(/Android|webOS| iPhone | iPad | iPod |BlackBerry|opera mini|opera mobile|appleWebkit.*mobile|mobile/i.test(
               navigator.userAgent)) {
                 window.location.href = "域名地址/mobile/index.html";
                }
    </script>

 

方法二:

app.vuehead中添加

<!--自动识别PC、移动-->
    <script src="static/js/uaredirect.js" type="text/javascript"></script>
    <!--设置移动端地址-->
        <script type="text/javascript">uaredirect("https://chaopengjiankang.com/m/index.html");</script>

static文件夹中创建js文件夹,添加以下内容

function uaredirect(murl){
try {
if(document.getElementById("bdmark") != null){
return;
}
var urlhash = window.location.hash;
if (!urlhash.match("fromapp")){
if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i))) {
location.replace(murl);
}
}
} catch(err){}
}

 

posted @ 2019-04-08 18:52  小白&小菜  阅读(7628)  评论(0编辑  收藏  举报
我是一个小菜鸟,飞呀飞呀,快飞高