Czy istnieje sposób dostępu do kodu źródłowego HTML strony za pomocą javascript?Jak uzyskać źródło HTML ze strony?
Wiem, że mogę używać document.body.innerHTML, ale zawiera tylko kod wewnątrz ciała. Chcę uzyskać cały kod źródłowy strony, w tym znaczniki head i body, wraz z ich zawartością, a jeśli to możliwe, również znacznik html i doctype. Czy to możliwe?
Zastosowanie
document.documentElement.outerHTML
lub
document.documentElement.innerHTML
Jednym ze sposobów, aby to zrobić byłoby re-request stronę używając XMLHttpRequest, wtedy dostaniesz całą stronę dosłownie z serwera WWW.
dla IE można również użyć: document.all [0] .outerHTML
Można to zrobić w jednej liniowej z zastosowaniem XMLSerializer.
var generatedSource = new XMLSerializer().serializeToString(document);
Który daje String
<!DOCTYPE html><html><head>
<title>html - javascript page source code - Stack Overflow</title>
...
Pod warunkiem, że
źródło strona może zostać ponownie pobrane:
fetch(document.location.href)
.then(response => response.text())
.then(pageSource => /* ... */)
To jest niewiarygodne, ponieważ nie ma gwarancji, że serwer będzie wyświetlał tę samą zawartość następnym razem. –
nie wiem dlaczego Firefox przedmiotem document.documentElement nie mają właściwość outerHTML, ale z innerHTML mogę dostać prawie wszystko z wyjątkiem doctype, dziękuję! – mck89
@ mck89: bez przeglądarki, ale IE będzie mieć "zewnętrznyHTML". –
Należy pamiętać, że źródłem, z którego korzystasz w Firefoksie/większości przeglądarek, jest "prawdziwe" źródło, z którego korzystałeś. W IE dostaniesz "żywy" HTML strony zawierający wszelkie zmiany wprowadzone przez użytkownika do formularzy, dowolną nową zawartość DOM itp. W IE będzie to również zupa o nieporowatych znacznikach, którą IE zapewnia przy żądaniu .innerHTML of elementy. – scunliffe