Javascript 移动重定向脚本答案

【问题标题】：Javascript mobile redirect scriptJavascript 移动重定向脚本
【发布时间】：2016-06-30 00:26:21
【问题描述】：

我正在开发一个 wordpress 网站，该网站需要移动重定向到移动主页，以防用户使用单元格。我正在尝试使用此 Javascript 代码，但在使其正常工作时遇到了重大困难。

我需要帮助删除询问用户是否要继续访问移动网站的确认部分。
我还需要帮助确定如何重组代码，使其不会继续将移动用户转发到主页。例如，我在移动设备上加载页面，代码运行并将我转发到移动页面。从那里我点击顶部导航中的另一个链接，无论我做什么，它都会带我回到主页。

请记住，我对此非常陌生，因此非常感谢您有经验的人提供的任何意见和帮助。

谢谢

<script type="text/javascript">
if (screen.width < 1081) {
var ref = document.referrer;
var urls = new       Array("http://www.mymainsite.com","http://m.mymobilesite.com");
var n = ref.match(urls[0]);
var m = ref.match(urls[1]);
if ((m!==null) || (n!==null)) {
stop;
}
else if (ref=='') {
var r = confirm("Small Display is Detected.\nClick \"OK\" for MOBILE  SITE.");
if (r==true) {
window.location = "http://m.mymobilesite.com";
}
else {
stop ;
}
}
else
{
window.location = "http://m.mymobilesite.com";
} 
}
</script>

【问题讨论】：

标签： javascript redirect mobile

【解决方案1】：

我们只在您的主站点上激活此代码。然后我们检查您的屏幕宽度是否足够小，并查看 localStorage 以查看用户之前是否做出过决定。然后我们放了确认框。如果用户点击ok，我们就转到移动站点，如果不是，我们将localStorage 变量设置为true。请记住，localStorage 仅适用于 IE8+

if(location.hostname === 'mymainsite'){
    if (screen.width < 1081 && !localStorage.isMainSite) {
        if(confirm('Small Display is Detected.\nClick \"OK\" for MOBILE  SITE.')){
            window.location = "http://m.mymobilesite.com";
        } else {
            localStorage.isMainSite = true;
        }
    }
}

【讨论】：