如何根据设备控制网页上加载的内容

时间:2015-10-01 14:17:58

标签: javascript mobile optimization web cross-platform

我正在构建一个简单的响应式页面。桌面版包含一些资源密集型元素。我不想简单地在移动网站上隐藏这些元素,而是选择加载哪些内容而不是依赖于设备加载。最好的方法是什么?

1 个答案:

答案 0 :(得分:0)

Media queries和/或feature detection通过聪明的javascript / css类检查将实现您的目标。 [More info]

For example,使用javascript检查窗口是否狭窄,然后不加载重载ajax加载视频和所有小玩意儿。

另请查看有关渐进增强的许多文章,例如this onethis one

你想要avoid user agent sniffing。但如果你不能,请查看ua-parser

的众多实现中的一个