I tag di script sono nascosti per impostazione predefinita utilizzando display:none;
. Unor 1 spiega le specifiche della lingua sottostante. Tuttavia, fanno ancora parte del DOM e possono essere adattati di conseguenza.
Detto questo, è importante tenere presente esattamente cosa sta facendo un tag di script. Mentre era accompagnato da tipi e lingue, non è più necessario. Si suppone ora che JavaScript sia presente e, di conseguenza, i browser interpreteranno ed eseguiranno lo script man mano che viene rilevato (o caricato) da questi tag.
Una volta eseguito lo script, il contenuto del tag è solo testo (spesso nascosto) sulla pagina. Questo testo può essere rivelato, ma può anche essere rimosso perché è solo testo.
Nella parte inferiore della pagina, proprio prima della chiusura </html>
tag di , potresti facilmente rimuovere questi tag insieme al loro testo e non ci sarebbero modifiche alla pagina.
Per esempio:
(function(){
var scripts = document.querySelectorAll("script");
for(var i = 0; i < scripts.length; i++){
scripts[i].parentNode.removeChild(scripts[i]);
}
})()
Ciò non rimuoverà alcuna funzionalità, poiché lo stato della pagina è già stato modificato e si riflette nel contesto di esecuzione globale corrente. Ad esempio, se la pagina aveva caricato una libreria come jQuery, la rimozione dei tag non significa che jQuery non sia più esposto perché è già stato aggiunto all'ambiente di runtime della pagina. Fondamentalmente sta solo facendo in modo che lo strumento di ispezione DOM non mostri elementi di script, ma evidenzia che gli elementi di script una volta eseguiti sono davvero solo testo.
1. unor, gio 07 lug 2016, wutzebaer, "Quando dovrebbero essere visibili i tag e perché possono?", 1 luglio alle 10:53, https://stackoverflow.com/a/38147398/1026459
<style>
con contenuto modificabile. Bel modo di vedere gli effetti in tempo reale.