Question

如果用户的屏幕宽度小于699，我想将用户重定向到我的移动网站。

我正在使用document.location.href来做到这一点。重定向工作正常，但问题是有时桌面的css会在重定向发生之前加载。

[编辑]

似乎这是很自然的事情。进一步执行html代码，直到实际重定向。但就我而言，我不希望它发生。那么如果必须重定向，如何阻止我的html加载图像和javascripts等？

对于CSS，我认为正如评论中所说，媒体可以胜任。

我有以下HTML代码：

<html>
<head>
<script>
if(screen.width<699)
{
     document.location.href="http://m.example.com";
}
</script>
<link rel="stylesheet" type="text/css" href="/css/6e0a22.css?v1.3a" />
</head>
<body>
HELLO WORLD
</body>
</html>

Answer 1

因为获取新资源需要时间，所以浏览器只是继续。

此外，服务器可能会对204 No Content请求返回http://m.example.com响应，在这种情况下，当前页面将保持显示并处于活动状态。

Answer 2

尝试使用javascript window.stop（）停止浏览器呈现css。

测试：
1.转至：w3schools.com/tags/tryit.asp?filename=tryhtml_link_tag
2.添加window.stop（）;在标签下面
3.再次单击“提交”按钮，不再呈现样式和文本。
4.可选：在js window.stop（）方法之前添加另一个以仔细检查行为。（它应该呈现）

注意：Window.stop（）方法不适用于IE，请使用window.document.execCommand（'Stop'）;代替。有关此方法的详细信息，请访问：http://www.w3schools.com/jsref/met_win_stop.asp

这里有很多好的建议，但这应该是为了解决问题的目的。

Answer 3

许多选择：

使用CSS媒体查询可以选择基于某些条件显示的内容
如果可能，让服务器处理重定向。您可以尝试通过用户代理
通过JavaScript动态创建/加载CSS和页面的其余部分，而不是HTML元素
使用空的门户网站/目标网页将流量引导至相应的网站

如何阻止javascript的后半部分被调用？

3 个答案: