어떻게 동적으로 생성 한 웹 페이지의 일반 텍스트 소스를 얻을 수 있습니까?

Question

JavaScript로 동적으로 생성 한 웹 페이지의 일반 텍스트 소스 코드를 어떻게 얻을 수 있는지 알고 싶습니다.

---

1. 나는 나를 페이지의 원본 소스 코드를 볼 때 나타나는 내 페이지의 업데이트 HTML 구조의 볼 수있는 솔루션을 찾고 있어요.

2. dev 도구를 사용하여 페이지의 현재 html 구조를 자세하게 볼 수는 있지만 페이지 위의 모든 div를 열어야한다는 단점이 있습니다. 내가 좋아하는 것

---

자바 스크립트와 페이지로드 후에 생성 내용 포함 페이지 의 일반 텍스트 HTML 표현을 볼 수 있습니다.

Answer 1

당신은 문서 요소에 outerHTML에 사용할 수 있습니다 :이 호출의 순간에 당신에게 HTML 소스의 스냅 샷을 제공합니다

document.documentElement.outerHTML; // entire source 

. 동적 내용이 추가 된 후에 호출하면 업데이트 된 내용을 얻을 수 있습니다. outerHTML 동안

는 DOM 사양의 일부가 아닌, 사실상 모든 브라우저가

업데이트를 지원, 나는 outerHTML에 지금 the living standard here의 일부입니다, 확인을 두 번. 또한 모든 브라우저에서 지원됩니다.