C'è un modo per accedere al codice sorgente HTML della pagina usando javascript?Come ottengo il codice sorgente HTML dalla pagina?
So che posso usare document.body.innerHTML ma contiene solo il codice all'interno del corpo. Voglio ottenere tutto il codice sorgente della pagina, compresi i tag head e body con il loro contenuto, e, se possibile, anche il tag html e il doctype. È possibile?
Usa
document.documentElement.outerHTML
o
document.documentElement.innerHTML
Un modo per farlo sarebbe quello di richiedere nuovamente la pagina utilizzando XMLHttpRequest, allora si otterrà l'intera pagina testualmente dal web server.
Per esempio, si può usare anche: document.all [0] .outerHTML
Questo può essere fatto in un one-liner utilizzando XMLSerializer.
var generatedSource = new XMLSerializer().serializeToString(document);
che dà String
<!DOCTYPE html><html><head>
<title>html - javascript page source code - Stack Overflow</title>
...
A condizione che
il sorgente della pagina può essere ri-scaricato:
fetch(document.location.href)
.then(response => response.text())
.then(pageSource => /* ... */)
Questo è inaffidabile perché non c'è garanzia che il server servirà lo stesso contenuto la prossima volta. –
Non so il motivo per cui in Firefox l'oggetto document.documentElement non ha la proprietà outerHTML, ma con l'innerHTML posso ottenere quasi tutto tranne il doctype quindi grazie! – mck89
@ mck89: nessun browser, ma IE avrà "outerHTML". –
Tieni presente che la fonte che ottieni con Firefox/la maggior parte dei browser è la "vera" fonte che hai fornito. In IE si otterrà l'HTML "live" della pagina, comprese le modifiche apportate dall'utente ai moduli, qualsiasi nuovo contenuto DOM ecc. In IE sarà anche il minuscolo di tag invalido maiuscolo che IE fornisce quando richiede l'estensione .INnerHTML di elementi. – scunliffe