Принудительно просмотреть читатель в браузере/изменить содержимое всех тегов в JS
первый раз выкладываю сюда. Позвольте мне предварить это, сказав, что я еще не так хорошо разбираюсь в JS. Я пытаюсь написать простой сценарий JavaScript, который заставляет читателя просматривать связанную веб-страницу (манипулирование DOM). Я искал в Интернете хороший способ сделать это, и сначала я подумал, что Node.insertBefore() будет хорошим способом, но я понял, что это создаст новый узел вместо изменения существующего, поэтому я пришел в Stackoverflow, чтобы попытаться найти хороший способ сделать это, но я не смог найти удовлетворительного ответа.
То, как я хочу это сделать, заключается в изменении всех элементов в документе, чтобы иметь «about:reader?url=» перед URL-адресом, и после того, как это работает, проверить, какой браузер использует пользователь, и изменить код, чтобы убедиться, что код совместим с браузером пользователя. Только здесь я узнал, что пользователям Chrome требуется ручное включение экспериментального флага, что, вероятно, вызовет некоторые проблемы.
Мой код выглядит так:
HTML:
<body>
<div id="parentElement">
<a href="stackoverflow.com/questions">Click here</a>
</div>
<script src="js\script.js"></script>
</body>
JS:
var readerText = document.createTextNode('about:reader?url=');
var link = document.getElementsByTagName('a');
link.parentNode.insertBefore(readerText, link);
// Get the parent element
let parentElement = document.getElementById('parentElement')
// Get the parent's first child
let theFirstChild = parentElement.firstChild
// Create a new element
let newElement = document.createElement("div")
// Insert the new element before the first child
parentElement.insertBefore(newElement, theFirstChild)
Будем очень признательны за любую помощь, приветствуются не только предложения по коду, но и любые знания о том, как разные браузеры подходят к представлению для чтения, и есть ли возможный способ последовательно принудительно вызывать представление для чтения в разных браузерах. Благодарю вас!-Серафим