Fatal编程技术网
  • javascript/
  • Javascript 检测浏览器是否禁用图像

Javascript 检测浏览器是否禁用图像

javascript jquery css image

Javascript 检测浏览器是否禁用图像,javascript,jquery,css,image,modernizr,Javascript,Jquery,Css,Image,Modernizr,我需要检测浏览器是否禁用当前页面上的图像。使用JavaScript（jQuery/Modernizr）可以实现这一点吗 问题：该项目使用图像精灵作为图标，并像那样显示它们。移动用户部分使用该应用程序，其中一些用户在使用edge冲浪时会禁用图像。结果，一些按钮消失了 如果图像被阻止，我唯一需要的就是显示一些东西（灰色的正方形、圆形…）。通过元素上的CSS类（例如，class=“无图像”）。不幸的是，在…之间编写替代文本是没有选择的 谢谢你的想法！我希望它存在一个简单的解决方案。您可以使用以下脚本：

我需要检测浏览器是否禁用当前页面上的图像。使用JavaScript（jQuery/Modernizr）可以实现这一点吗

问题：该项目使用图像精灵作为图标，并像
那样显示它们。移动用户部分使用该应用程序，其中一些用户在使用edge冲浪时会禁用图像。结果，一些按钮消失了

如果图像被阻止，我唯一需要的就是显示一些东西（灰色的正方形、圆形…）。通过
元素上的CSS类（例如，
class=“无图像”）。不幸的是，在
…
之间编写替代文本是没有选择的


谢谢你的想法！我希望它存在一个简单的解决方案。
您可以使用以下脚本：


function noimage()
{
    if ((document.getElementById('flag').offsetWidth==1 
         && document.getElementById('flag').readyState=='complete')
         ||(document.getElementById('flag').offsetWidth==1
         && document.getElementById('flag').readyState==undefined))
    {
         var objHead = document.getElementsByTagName('head');
         var objCSS = objHead[0].appendChild(document.createElement('link'));
         objCSS.rel = 'stylesheet';
         objCSS.href = 'alt.css';
         objCSS.type = 'text/css';
    }
}


您需要以下html标记：


<body onload="noimage();">
<img id="flag" src="clear.gif" alt="">






把它加到身体上就行了。这样做的目的是检查offsetWidth属性以在浏览器顶部查找1x1像素图像。如果返回true，则表示已启用图像


如果你需要更多信息，去吧
网上已经有很多解决办法，谷歌怎么了？也许我用错了关键字，对不起！我检查了多个组合。如果js被禁用，我得到的唯一结果就是
主题。谢谢！我已经把if条件颠倒过来了！（…）并将CSS类添加到
标记以处理CSS。