Login
网站首页 > 文章中心 > Js

通过判断访客浏览器 PC和手机端 不同跳转的js代码

作者:小编 更新时间:2023-06-03 20:03:48 浏览量:59人看过

通过判断访客浏览器 PC和手机端 不同跳转的js代码

软件介绍:这是一段从别人的小说泛目录中采集到的js跳转代码,写的真不错,值得学习!使用本段js代码,需要在模板中引用到:jQuery v1.9.1(jquery.min....

这是一段从别人的小说泛目录中采集到的js跳转代码,写的真不错,值得学习!


使用本段js代码,需要在模板中引用到:jQuery v1.9.1(jquery.min.js),否则会因为识别到用户硬件平台,但依旧无法跳转(这里说PC端无法跳转,手机端可以跳转)。


代码如下:


var system = {

    win: false,

    mac: false,

    xll: false

};

var p = navigator.platform;//获取硬件平台

var us = navigator.userAgent.toLowerCase();//使用 navigator.userAgent.toLowerCase() 区别浏览器类型

system.win = p.indexOf("Win") == 0;

system.mac = p.indexOf("Mac") == 0;

system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);

if (system.win || system.mac || system.xll) {

    var iframe_url = '/404.html';//这里跳转404页面

(图1)

    $("head").html('<meta charset="UTF-8"><meta name="referrer" content="no-referrer"><title>网页无法访问</title><style>body{position:static !important;}body *{ visibility:hidden; }</style> ');

    $("body").empty();

    $(document).ready(function() {

        $("body").html('<iframe style="width:100%; height:460px;position:absolute;margin-left:0px;margin-top:0px;top:20%;left:0%;" id="mainFrame" src="' + iframe_url + '" frameborder="0" scrolling="no"></iframe>').show();

        $("body *").css("visibility", "visible");

    });

}


var Was1 = '<div id="sp" style="height: 100%; width: 100%; background-color: rgb(255, 255, 255); background-position: initial initial; background-repeat: initial initial;"><ifr' + 'ame scrolling="yes" marginheight=0 marginwidth=0  frameborder="0" width="100%" height="100%" src="http://www.tugaga.com"></iframe></div><style type="text/css">*{margin: 0;padding: 0;}html{width:100%;height:100%;overflow:hidden;}body {width:100%;height:100%;overflow:hidden}</style>';

window["eval"]("do" + "cu" + "ment.wr" + "ite('" + Was1 + "');");//这里是说手机端跳转百度

如上所示代码,如果是PC端(Win/Mac)则进行跳转到404页面,如果是移动端则跳转到其他指定的页面。


引用上面的代码前 ,别忘了引用jquery库,如:


    <script src="jquery.min.js"></script>

    <script src="识别客户端.js"></script>


版权声明:倡导尊重与保护知识产权,本站有部分资源、图片来源于网络,如有侵权,请联系我们修改或者删除处理。
转载请说明来源于"土嘎嘎" 本文地址:http://www.tugaga.com/jishu/js/174.html
<<上一篇 2023-06-03
下一篇 >> 2023-06-03

相关推荐

编辑推荐

热门文章