javascript - 处理页面中不同设备的脚本加载

标签 javascript jquery media-queries

我有一个 JS 脚本要包含在不同设备(例如台式机、平板电脑和手机)的页面中。 该脚本类似于:

For Desktops :<script type="text/javascript" src="http://example.asp?id=495"></script>
For Tablets : <script type="text/javascript" src="http://example.asp?id=496"></script>
For Smartphones : <script type="text/javascript" src="http://example.asp?id=497"></script>

本质上,所需要的只是根据媒体查询更改查询字符串。

哪一个是处理这个问题的最佳方法?

最佳答案

只要你可以解决它的 limitations ,matchmedia 可能是一条出路。 http://www.sitepoint.com/javascript-media-queries/

关于javascript - 处理页面中不同设备的脚本加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19583400/

相关文章:

javascript - json 替换nodejs中的所有$regex

javascript - Angular 料芯片的选择芯片如何获取?

javascript - innerHTML 不适用于某些标签,例如按钮或自定义标签

jquery - 为什么 rgb CSS 函数在 jQuery 1.7.1 中不再起作用?

html - 为什么媒体查询没有使用正确的 CSS

javascript - 在不同的媒体查询中预览 react 组件

javascript - 从选定的 OrgChart 节点获取值 (Google orgchart)

javascript - 使用 codeigniter 和 jquery 动态加载 View 部分

javascript - jQuery(window).resize 函数只触发一次而不是每个像素

css - Bootstrap 3 : Navbar and IE8 not respecting respond. js?