网站响应脚本

-1

我在寻找搞清楚正确的脚本，使我的桌面网站移动响应。
就目前而言，我的网站在移动设备上得到了认可，并被引导至移动网站版本。
当我缩小（缩小）浏览器窗口并使其响应时，我期望实现的是正确的脚本，用于在桌面浏览器窗口上将我的完整网站重定向/切换到我的移动网站。这里是我的移动重定向当前脚本：网站响应脚本

var mobile = (/iphone|ipad|ipod|android|blackberry|mini|windows\sce|palm/i.test(navigator.userAgent.toLowerCase())); 
if (mobile) {  
    document.location = "my-mobile-site.html";  
}

这里是我想出来的，但显然是行不通的：

var screen = (/iphone|ipad|ipod|android|blackberry|mini|windows\sce|palm/i.test(navigator.userAgent.toLowerCase())); 

if (screen.width <= 699) {   
    document.location = "my-mobile-site.html"; 
}

我是关闭？

来源

2014-10-16 TSB40

重定向到网站的移动版本使网站响应？如果桌面用户调整浏览器大小，您为什么要重定向到移动网站？显然他们不在移动设备上， – 2014-10-16 22:03:55

第二次尝试时，'screen'是一个布尔值，它没有宽度... – 2014-10-16 22:04:37

我对您的代码的理解是，您希望识别移动设备何时被检测到，所以Kevin B表示屏幕是一个布尔值。

if (screen) {   
    document.location = "my-mobile-site.html"; 
}

你为什么要返回一个HTML的位置？相反，与其他性质

if (screen) { 
    document.location = "styles.css"; 
}

styles.css的

@media screen and (max-width: 699px) { 
    // here add your styles 
}

对不起，如果我错了，我必须回到你的CSS文件从未致力于创建移动版本。我希望帮助;）

来源

2014-10-16 23:14:11 duacos

当你服务根据设备的不同的内容，这不是不再被认为是响应式设计
你所要做的，是一个重定向到另一个页面，这是一个非常不好的做法来处理它正面：
重定向应该从后端检测，根据用户代理管理，而不是屏幕大小。
http://en.wikipedia.org/wiki/User_agent

来源

2014-10-16 23:20:48 SamiX

网站响应脚本

回答

相关问题