Уведомление обозревателя Javascript не работает

Я пытаюсь показать пользователям уведомления, если браузер не Chrome.Уведомление обозревателя Javascript не работает

То, что я до сих пор

ДИВ, чтобы показать, когда, если браузер кроме хрома:

<div id="notify"> Please use chrome browser </div>

CSS:

#notify{ 
    display:none; 
}

и Javascript как найдено here:

<script> 
var isChrome = !!window.chrome && !isOpera; 
      if(isChrome==false) //if the browser is not chrome 
      { 
       alert("Please Use chrome browser"); // this works 
       document.getElementById('notify').show(); //this doesn't work 
      } 
</script>

сценарий находится над тегом div.
Что случилось со вторым статутом?

источник

2013-12-01 Anonymous

** ', пожалуйста, используйте браузер Chrome console' ** – charlietfl

Есть особая причина, почему вы хотите, чтобы кто-то использовать хром на вашем сайте/веб-приложение? Обнаружение браузера действительно должно быть сделано, нет другой возможности.Проблема в том, что, с одной стороны, кто-то может изменить имя пользователя-агента, и даже продавец может изменить его с новой версией (например, MS с IE 11). –

Ваш скрипт должен быть расположен ПОСЛЕ тега div, или вы должны подождать пока страница не будет загружена перед ее запуском. – jfriend00

show не является родным методом Javascript. Если вы используете JQuery, правильный синтаксис будет

$('#notify').show()

если вы используете ванилин Javascript вы должны использовать:

document.getElementById('notify').style.display = 'block';

положить также script ниже div тега.

источник

2013-12-01 07:57:39

Для простого JS лучше использовать 'document.getElementById ('notify'). style.display = "block"; 'и не перезаписывать другие значения стиля, которые могут быть установлены. – jfriend00

Хороший вопрос, обновленный мой пример –

Это не работает? –

Пожалуйста, не смешивайте функцию .show() JQuery с селектором JavaScript. Пожалуйста, прочитайте это для полной ссылки, Jquery ID selectors

Вместо этого,

document.getElementById('notify').show();

Используйте это,

$('#notify').show();

источник

2013-12-01 07:57:40

Попробуйте использовать,

document.getElementById('notify').style.display='block';

вместо,

document.getElementById('notify').show();

источник

2013-12-01 07:58:59

$("#notify").show()

вместо

document.getElementById('notify').show();

DEMO HERE

источник

2013-12-01 08:08:23

Если вы действительно должны сделать такую вещь, изменить содержание документа, а не только для укладки (которые будут игнорироваться в некоторых ситуациях). И манипулирование элементом возможно только после того, как элемент был проанализирован. Пример:

<div id="notify"></div> 
<script> 
if(!window.chrome || isOpera) { 
    document.getElementById('notify').innerHTML = 
     'Please use the Chrome browser.'; 
} 
</script>

источник

2013-12-01 08:45:26

Уведомление обозревателя Javascript не работает

ответ

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