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
}