javascript - 如何根据屏幕宽度打开另一个文件 index.html？

Question

这是我的问题。

我已经完成了页面（html + css + js），但我想做一个移动版本，包含其他 html 文件、另一个 index.html 和 css 文件。我需要将代码添加到主页上，当我在屏幕宽度小于 800 像素的设备上打开网站时，它将启动移动版本？

score 1 · Accepted Answer

这可能不是您想要的答案，但是如果用户使用的是触摸屏设备（即电话、平板电脑），此脚本将重定向用户

<script>
    if( 'ontouchstart' in window ){
        window.location = 'mobile/index.html';
    }
</script>

score 1 · Accepted Answer

把它放在你的onload中：

if(window.innerWidth < 800{
    window.location = '/m/index.html';
}

或（这是跨浏览器）

if(window.screen.width < 800{
    window.location = '/m/index.html';
}

score 0 · Accepted Answer

在子域或子文件夹上创建您的移动版本，并添加 JavaScript 移动用户检测并将它们重定向到移动页面

3 回答 3