1. дома
  2. Вопрос и ответ
  3. Обнаруживать, если браузер отключает изображения

Обнаруживать, если браузер отключает изображения

2015-07-31 4 views
2

Мне нужно определить, отключен ли браузер на текущей странице. Возможно ли это с помощью JavaScript (jQuery/Modernizr)?Обнаруживать, если браузер отключает изображения

Задача: Проект использует спрайты изображений для значков и отображает их как <i class="icon-user"></i>. Приложение частично используется мобильными пользователями, и некоторые из них отключают изображения, если они занимаются серфингом с краем. В результате некоторые кнопки исчезают.

Единственное, что мне нужно, чтобы отобразить что-то (серый квадрат, круг ...), если изображения будут заблокированы. Через класс CSS на элементе <html> или около того (class="no-images", например). Написание альтернативного текста между <i>…</i>, к сожалению, нет.

Спасибо за ваши мысли! Надеюсь, это простое решение.

источник

2015-07-31 macroloft

+0

Существует много обходных уже доступны в Интернете, что случилось с Google? –

+0

Возможно, я использовал неправильные ключевые слова, извините! Я проверил несколько комбинаций. Единственные результаты, которые я получил, относятся к теме '

ответ

2

Вы можете использовать следующий скрипт:

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, это означает, что изображения включены.

Если вам нужно больше информации идти here.

источник

2015-07-31 07:45:03 Joze

+1

Спасибо! Я инвертировал условия if с помощью! (...) и добавил класс CSS в тег '' для обработки CSS. – macroloft

 Смежные вопросы

  • Нет связанных вопросов^_^