javascript - 是否有基于设备切换js文件的媒体查询类型方式？

Question

我正在尝试让我的移动布局适用于我的网站，虽然具有不同样式表的媒体查询似乎正在工作，但我似乎无法确定是否可以加载附加到该媒体查询的单独 javascript 文件。

澄清：

<link rel="stylesheet" type="text/css" href="desktop.css">
<link rel="stylesheet" type="text/css"
      media="only screen and (max-width: 720px) and (-webkit-min-device-pixel-ratio: 2.0)" href="jesusmobile.css">
<script src="jquery.js"></script>

并在 /body 之前的我的 html 文档的末尾

<script src="my.js"></script>

基本上我想拥有它，这样当我的网站使用“mobile.css”样式表时，我也可以告诉它使用不同的 .js 文件。这可能吗？

谢谢！

Answer 1

你可以参考这个链接http://www.quirksmode.org/blog/archives/2010/08/combining_media.html

if (screen.width < 600) {
    // don’t download complicated script
    // use low-source images instead of full-source ones
}

或者

if (document.documentElement.clientWidth < 900) {
    // scripts
}