noscript.inner HTML имеет разные результаты для разных браузеров

Question

Следующий код имеет разные результаты в сафари против chrome против firefox.

var noscript = document.getElementsByTagName('noscript')[0];
console.log(noscript.innerHTML);

Результат в Chrome:

<img alt="***" title="***" src="***" width="***" height="***" srcset="***" sizes="***"  />

Результат в Firefox:

<img alt=\"***\" title=\"***\" src=\"***\" width=\"***\" height=\"***\" srcset=\"***\" sizes=\"***\"  />

Результат в Safari:

<img alt="***" title="***" src="***" sizes="***"  />

Как создать и внедрить действительный кросс-браузер для элемента img?

В следующих работах Chrome & Firefox

noscript.insertAdjacentHTML('beforebegin',noscript.innerHTML);

Следующие работы в сафари

var html = new DOMParser().parseFromString(noscript.innerHTML, "text/html");
noscript.insertAdjacentHTML('beforebegin',html.documentElement.innerText);

Answer 1

Вы можете использовать несколько методов обнаружения клиентов и обнаружения совместимости, чтобы обнаружить браузер и затем выполнить правильный код для каждой ситуации. { ссылка }