A menudo pierdo el tiempo leyendo comentarios de youtube mientras estudio. Así que se me ocurrió una idea, decidí hacer una extensión que ocultaría la sección de comentarios. Encontré la ID del elemento, hice una extensión simple pero no funcionó debido al siguiente error:
El archivo html de mi extensión:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Comminator | Youtube Comment Terminator</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <button id="main" onclick="hide()">Terminate</button> <script type="text/javascript"> var comments = document.getElementById("comments"); //"comments" is the ID of comments section in youtube function hide() { comments.style.display = "none"; } </script> </body> </html> { "manifest_version": 2, "name": "Comminator", "description": "Youtube Comment Hider", "version": "1.0", "icons": {"128": "icon_128.png"}, "browser_action": { "default_icon": "icon.png", "default_popup": "popup.html" }, "permissions": ["activeTab"] }¿No somos capaces de interferir con los elementos? Chrome no lo permite?
onclick="hide()" , así que use eventListener en su lugar const comments = document.querySelectorAll("[id=comment]"); //"comment" is the ID of each comment in youtube document.getElementById("main").addEventListener("click", function(e) { e.preventDefault(); // in case the button ends up in a form comments.forEach(comment => comment.style.display = "none")) })Alternativamente, simplemente tenga un bookmarklet:
javascript:(() => document.querySelectorAll("[id=comment]").forEach(comment => comment.style.display = "none"))()Haga un marcador y cambie la URL a la anterior y se ocultará cuando haga clic en él