仅在Chrome中运行JavaScript

Question

So I have a little script that only seems to work correctly in Chrome. It's not a big problem, however the negative effects it has in other browsers is annoying, so I'd like to only run it in Chrome.

This is my current working script that runs in all browsers:

function psn() {
var myElement = document.getElementById('noti');
if(window.addEventListener) {
   // Normal browsers
   myElement.addEventListener('DOMSubtreeModified', contentChanged, false);
} else
   if(window.attachEvent) {
      // IE
      myElement.attachEvent('DOMSubtreeModified', contentChanged);
   }
function contentChanged() {
   // this function will run each time the content of the DIV changes
         document.getElementById('audiotag1').play();   
         var vid = document.getElementById("audiotag1");
vid.volume = 1;


}}
setTimeout(function () {psn()}, 2000);

And this is what I've tried already to make it run only in Chrome, which made the script stop working all together:

function psn() {
var myElement = document.getElementById('noti');
if(window.addEventListener) {
   // Normal browsers
   myElement.addEventListener('DOMSubtreeModified', contentChanged, false);
} else
   if(window.attachEvent) {
      // IE
      myElement.attachEvent('DOMSubtreeModified', contentChanged);
   }
function contentChanged() {
   // this function will run each time the content of the DIV changes
         document.getElementById('audiotag1').play();   
         var vid = document.getElementById("audiotag1");
vid.volume = 1;


}}
var isChrome = !!window.chrome;
if (isChrome) {

setTimeout(function () {psn()}, 2000);
}

Anyone know why this is just stopping everything completely?

Answer 1

It is best to not have to do specific browser detection, but an easy way to see if you are using Chrome or not is the following:

var isChrome = navigator.userAgent.toLowerCase().indexOf("chrome") >= 0 ? true : false;

This will populate isChrome with either true of false .