如果是移动设备，告诉html文档不要加载js。
我厚颜无耻地在这里寻找一两行代码：
有没有人能好心提供代码放在html文档的头部分，上面写着如果是移动端，就不要加载JS？
这与以下CSS媒体查询一起使用：
<link rel="stylesheet" type="text/css" media="only screen and (max-device-width: 480px)" href="m/styles_mobile.css" />所以我正在寻找一段基于相同规则的代码: media="only screen and (max-device-width: 480px)“
会非常感激的
回答 5
Stack Overflow用户
回答已采纳
发布于 2012-05-09 01:46:53
假设："if mobile do not load JS"，假设"mobile“是由宽度为480像素或更小的屏幕定义的，那么下面这样的代码应该是可行的：
<script>
if (screen && screen.width > 480) {
document.write('<script type="text/javascript" src="foo.js"><\/script>');
}
</script>只有当屏幕宽度大于480像素时，才会添加脚本元素。
OP中的CSS规则是：
<... media="only screen and (max-device-width: 480px)" ...>它将以480像素或更少的屏幕为目标，这与第一个语句相反。因此，如果脚本应该在小屏幕上运行，而不是在大屏幕上运行，请将>更改为<=。
Stack Overflow用户
发布于 2012-07-13 01:20:28
我不确定之前的答案对视网膜显示器有什么影响。我会这样做：
if( /Android|webOS|iPhone|iPod|iPad|BlackBerry/i.test(navigator.userAgent))
document.write('<script type="text/javascript" src="foo.js"><\/script>');来自here的代码片段
Stack Overflow用户
发布于 2016-12-23 11:41:39
现在可以使用window.matchMedia
if (window.matchMedia("(min-width: 480px)").matches) {
document.write('<script type="text/javascript" src="foo.js"><\/script>');
}https://developer.mozilla.org/docs/Web/API/Window/matchMedia http://caniuse.com/#feat=matchmedia
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/10508669
复制相关文章
相似问题
iPhone SDK:告诉UIWebView不要加载图片和CSS只是简单的HTML和JS？
告诉IKImageBrowserView不要安排预加载
告诉JQuery移动版不要添加类？
告诉rspec不要加载文件
如何告诉QWebPage不要加载图片？
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
