Primera vez que publico aquí. Permítanme comenzar diciendo que todavía no estoy tan versado en JS. Estoy tratando de escribir un script de JavaScript simple que fuerce la vista del lector para una visualización clara de una página web vinculada (manipulación DOM). Estaba buscando en línea una buena manera de hacer esto, y al principio pensé que Node.insertBefore() sería una buena manera, pero me di cuenta de que esto crearía un nuevo nodo en lugar de modificar el existente, así que vine a Stackoverflow para tratar de encontrar una buena manera de hacerlo, pero no pude encontrar una respuesta satisfactoria.
La forma en que quiero hacerlo es modificar todos los elementos en el documento para tener 'about:reader?url=' antes de la URL, y después de que eso funcione, verifique qué navegador está usando el usuario y modifique el código para asegurarse de que el código sea compatible con el navegador de los usuarios. Solo aquí descubrí que los usuarios de Chrome requieren la habilitación manual de una bandera experimental, lo que probablemente causará algunos problemas.
Mi código se ve así:
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)Cualquier ayuda sería muy apreciada, no solo son bienvenidas las sugerencias de código, sino también cualquier conocimiento sobre cómo los diferentes navegadores abordan la vista del lector y si existe una forma factible de forzar la vista del lector de manera consistente en diferentes navegadores. ¡Gracias! -Seraphym