2
렌더링 Acessing 페이지의 render tree (또는 DOM 및 CSSOM 나무) - 프로그램- 전에 가 크롬에, 렌더링 엔진에 의해 처리되고?에 액세스 할 수있는 방법이있는이 나무
이상적으로는 Chrome 확장 프로그램 (자바 스크립트 및/또는 브라우저와의 C++ 인터페이스의 조합)을 통해 달성 할 수 있습니까?
A
답변
0
또한 특히 다를 수는 없지만 Chrome 개발 도구를 통해 페이지 구성 순서를 볼 수 있습니다. 이것은 타임 라인에 페이지를 기록하여 페이지를 렌더링하는 단계의 세부 목록을 제공함으로써 가능합니다. 매우 광범위한 목록이며 더 자세히보고 싶을 때 유용합니다. 희망이 도움 :)
왜 렌더링 트리를 알고 싶니? 정보는 매우 장황합니다. AFAIK API는 Chrome에서 사용할 수 없지만 렌더링 트리 덤프 기능이있는 소스에서 'content_shell'을 컴파일 할 수 있습니다. –
@RobW 문서 노드 중 일부를 수정하기를 원하기 때문에 렌더 트리를 얻고 싶습니다. 여기 그늘 지거나 부주의는 아니지만 시각화/프리젠 테이션 목적으로 만 필요합니다. 그래도 content_shell이 나에게 유용 할 지 모르겠다. 개발할 계획 인 확장 프로그램/응용 프로그램에 약간의 간접비로 즉시 사용할 수있는 구조에 액세스 할 수있는 방법이 필요합니다. SSL/TLS 암호 해독 후 화면에 표시되기 전에 언제든지 문서의 중간 표현을 가져 오는 다른 방법을 생각해보십시오. 나는 이것이 가짜로 들리 겠지만, 그것은 편리 할 것입니다. 고맙습니다. – decisions
실제로 렌더링 트리에 관심이 없지만 문서 또는 문서 트리가 스크립트 또는 확장의 영향을 받기 전에 관심이 있습니까? –