브라우저에서 페이지의 html 소스를 볼 때 jQuery를 사용하여 동적으로로드 된 HTML을 변경하고 작동하는 동안 크롬) "페이지 소스보기"메뉴를 사용하여 변경 사항이 적용되기 전에 HTML 코드가 표시됩니다.jQuery를 사용하여 HTML을 변경했지만 "소스보기"는 이전 페이지를 표시합니다
"변경 후"html을 볼 수있는 방법이 있습니까? 하루가 끝날 때 브라우저에서 볼 수 있습니다.
원본보기 대부분의 경우 HTML로 렌더링됩니다. 개발 도구를 사용하여 DOM 모델을 살펴보십시오. 조작 할 때 Ctrl 키를 교대는 - 내가
그런 다음 요소 탭에서 찾습니다 HTML이 변경됩니다 : 크롬에서
.
원본보기는 서버에서 페이지를 보냈을 때 나타나는 원본을 항상 표시합니다. Chrome에서 요소 검사 (또는 F12)를 사용하여 개발자 콘솔을 불러올 수 있습니다. 그것은 항상 페이지의 현재 상태를 반영하는 멋진 요소보기를가집니다.
또한 Firefox에서 드래그하여 페이지의 일부를 선택하고 "선택 소스 표시"를 수행하면 해당 영역의 계산 된 소스가됩니다.
감사합니다. 그러나 변경된 html 코드를 볼 수 있다는 것이 더 쉽습니다. 적어도 나에게는. 이 경우 DOM을 사용하면 나에게 잔인한 것처럼 보일 것입니다. 변경된 노드를 찾고 확장하여 자식 노드를보고 다시 확장하면 변경된 텍스트를 한눈에 볼 수 있습니다. – Mitten
요소 탭은 다음과 같습니다. 사실 html로. –
내가보기에 - 매우 유용합니다. 최상위 요소 만 보여주고있는 것 같습니다. 한 번에 모든 요소 (및 하위 요소 등)를 확장 할 수 있습니까? – Mitten