如何控制网页上加载的内容,取决于设备
How to control what content loads on a webpage, dependant on device
我正在构建一个简单的响应式页面。桌面版本包含一些资源密集型元素。而不是简单地隐藏这些元素在移动网站上,我想选择什么内容加载和不加载取决于设备。最好的方法是什么?
媒体查询和/或特征检测与聪明的javascript/css类检查将完成您的目标。[更多信息]
例如,使用javascript检查窗口是否狭窄,然后不加载重型ajax加载视频和所有小玩意儿。
还可以查看许多关于渐进式增强的文章,比如这篇或这篇
您希望避免用户代理嗅探。但是,如果不能,请检查ua-parser
相关文章:
- 如何使用url加载程序在webpack中导入多个图像
- 如何在生成下载文件时显示加载动画
- 有没有任何方法可以将控制器从文件加载到ui路由器$stateProvider中
- 无法在通过jQuery的ajax加载的页面中执行javascript
- Emberjs应用程序加载在除Index之外的所有路由上
- 在chrome.tabs.onCreated之后加载HTML页面
- 单击F5时如何停止页面加载
- HTML5音频加载和播放获胜'我不能在iPad上工作
- 跟踪在页面加载时应用内联样式的JavaScript
- 在使用Polymer'加载所有json文件后执行方法;s的核心ajax
- jQuery Lazy加载动画滚动
- Html页面上的多个Base64图像和平滑加载
- 加载 JavaScript 取决于以前异步加载的 JavaScript
- 更新 url 而不重新加载,具体取决于使用 jquery/javascript 选择的复选框
- 选择要加载的文档,具体取决于 URL load()
- 加载内容时取决于哈希 URL 参数
- JavaScript加载取决于PHP
- 如何控制网页上加载的内容,取决于设备
- 我想插入一个预加载的图像到谷歌文件取决于结果
- 如何加载ng-src取决于值