화면에만 있는 콘텐츠, 원본 HTML과 비교하는 법
목차 · 원하는 부분으로 이동
화면에 보이는 문장이 첫 HTML 응답에도 있는지 확인한다. 브라우저가 나중에 넣은 문장은 응답과 현재 화면의 구조가 다르다. 두 곳을 비교하면 콘텐츠가 어디에 의존하는지 좁힐 수 있다.
이 글은 Chrome 개발자 도구의 기존 기능을 쓰는 점검 절차다. 브라우저 실험만으로 특정 AI 서비스의 수집 결과를 알 수는 없다.
HTML 응답과 DOM을 비교한다
HTML 응답은 서버가 보낸 문서다. DOM은 브라우저가 그 문서를 해석해 만든 현재 구조다. 자바스크립트는 DOM에 내용을 넣거나 지울 수 있다.
다음 순서로 같은 문장을 찾는다.
- Chrome 개발자 도구에서 Network를 연다.
- 페이지를 새로고침하고 문서 요청을 선택한다.
- Response에서 확인할 문장을 찾는다.
- Elements에서 같은 문장을 찾는다.
Elements는 현재 DOM을 보여 준다. 결과는 다음처럼 나눠 기록한다.
| 확인 결과 | 다음 점검 |
|---|---|
| 응답과 DOM에 모두 있음 | 내용이 나중에 바뀌는지 확인한다. |
| DOM에만 있음 | 어떤 코드나 요청이 넣었는지 찾는다. |
| 응답에만 있음 | 실행 뒤 내용이 지워졌는지 살핀다. |
검색 결과만으로 렌더링 방식이나 오류 원인을 확정하지 않는다. Chrome의 HTML·DOM 설명과 Network 응답 본문 안내를 함께 본다.
자바스크립트 의존성을 확인한다
명령 메뉴에서 Disable JavaScript를 실행한다.
페이지를 새로고침하고 핵심 문장과 링크를 확인한다.
마지막에는 Enable JavaScript로 원래 상태를 복원한다.
macOS에서는 Command+Shift+P로 명령 메뉴를 연다.
Windows와 Linux에서는 Control+Shift+P를 쓴다.
설정은 개발자 도구를 연 해당 탭에서 유지된다.
Chrome의 자바스크립트 비활성화 안내에 절차가 있다.
이 결과는 자바스크립트 의존성을 보여 준다. 특정 AI 서비스가 무엇을 수집했는지 증명하지는 않는다. 사용자 에이전트만 바꿔도 실제 AI 접속과 같아지지 않는다.
요청을 하나씩 분리한다
본문을 채우는 외부 요청이 의심되면 Network에서 찾는다.
대상 요청에 Block request를 적용한 뒤 새로고침한다.
사라진 내용을 확인하고 차단을 해제한다.
정상 화면으로 돌아오는지도 확인한다.
여러 요청을 동시에 막으면 원인을 구분하기 어렵다. 이 실험은 자신이 관리하거나 점검 권한을 받은 페이지에서 한다. 로그인·결제처럼 상태가 바뀌는 동작은 시험하지 않는다. Chrome의 요청 차단 안내를 따른다.
점검 조건을 함께 기록한다
다음 정보를 남겨야 같은 결과를 다시 확인할 수 있다.
- 확인한 URL과 시각을 적는다.
- 찾은 문장과 HTML·DOM의 차이를 적는다.
- 차단한 요청과 복원 결과를 적는다.
- 로그인 여부와 캐시 사용 여부를 적는다.
응답이나 화면을 공유할 때는 개인정보를 지운다. 쿠키와 인증 헤더도 공유 자료에서 제외한다.
정리
- 화면과 첫 HTML 응답을 따로 확인한다.
- DOM의 차이로 다음 조사 대상을 좁힌다.
- 요청은 하나씩 막고 반드시 복원한다.
- AI의 실제 수집 여부와 브라우저 실험을 구분한다.
작성·확인: 2026년 10월 27일. 기존 개발자 도구의 활용법이다.