javascript - 使用浏览器宽度而不是屏幕宽度重定向到移动设备

标签 javascript mobile

我希望通过检测浏览器宽度而不是 screen.width 将我的网站重定向到移动版本,这可能吗? 这是我要更改的代码...

<script type="text/javascript">


<!--
if (screen.width <= 767) {
    window.location = "http://m.mysite.com";
}
//-->
</script>

screen.width 似乎没有给出可靠的响应,因为手机上的分辨率是如此之高(我认为这就是问题所在)。因此,当我将数字设置得更高时,它就会开始在 iPad 或小型桌面浏览器上加载移动网站。

我不想走用户代理路线,因为我不想每次发布新手机时都检查每个网站。

谢谢。

最佳答案

我对这个问题不是很熟悉,但是为了帮助你,我在谷歌上搜索了一下,我发现了一些可能对你有用的文章,它们包括 PHP、Javascript 和一些关于如何和为什么的文档。

也许您会发现它很有用。

1:

http://twoninewebdesign.com/2012/01/Admin/mobile-device-redirect-for-your-website/

2:

http://mobithinking.com/guide-device-detection

3:

http://www.webhostinghub.com/support/website/how-to/mobile-redirect

真诚的, 哈门·布林克曼。

关于javascript - 使用浏览器宽度而不是屏幕宽度重定向到移动设备,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15112801/

相关文章:

javascript - 如何使用 chrome 扩展在用户的文件系统上创建用户可访问的文件

javascript - Canvas 分层

mobile - 我需要在 Karate 移动框架中动态等待解决方案而不是延迟()

android - 在对象 flutter 中解析json

javascript - Node.js xml2js 解析器未定义

javascript - document.addEventListener ("touchmove") 与 document.ontouchmove

javascript - jquery selectbox css - 尝试更改字体颜色无法按预期工作

html - 不显示背景图像

android - 具有不同边距/填充的移动和桌面中的相同 CSS

css - 为移动网页设置页面宽度的设计最佳实践是什么?