키워드 모니터링은 일반적으로 페이지에서 표시되는 텍스트, 즉 실제로 읽을 수 있는 단어를 감시합니다. 하지만 때로는 중요한 값이 페이지의 HTML 소스에 존재하기도 합니다. 예를 들어 숨겨진 요소, data- 속성, 인라인 스크립트 또는 아직 화면에 렌더링되지 않은 JSON 내부에 있을 수 있습니다. 이런 경우 일반적인 키워드 감지는 단어가 기술적으로 "표시되지" 않기 때문에 작동하지 않습니다.
소스에서 모니터 텍스트 찾기 옵션은 이 문제를 해결합니다. 키워드 감지 탭에서 이 옵션을 활성화하면 자동 새로고침이 표시되는 텍스트만이 아니라 숨겨진 요소와 스크립트를 포함한 전체 HTML 소스를 검색합니다.
키워드를 찾았을 때 / 찾지 못했을 때 소리 재생
키워드를 찾았을 때 / 찾지 못했을 때 사용자에게 알림
소스에서 모니터 텍스트 찾기
<div>에 저장된 상태, data- 속성에 저장된 재고 또는 가격, 또는 인라인 스크립트나 JSON 블록에 기록된 플래그와 같은 경우입니다.기본적으로 키워드 감지는 렌더링된 페이지, 즉 브라우저가 모든 내용을 그린 후 사용자가 실제로 보게 되는 텍스트를 검사합니다. 대부분의 경우 이것이 가장 적합한 선택입니다. 빠르며 사용자가 생각하는 "페이지에 있는 내용"과 일치하기 때문입니다. 소스에서 모니터 텍스트 찾기는 한 단계 더 아래에서 작동합니다. 렌더링된 결과 대신 서버가 전송한 원본 HTML, 즉 모든 태그, 속성, 주석, 인라인 스크립트를 화면에 표시되는지 여부와 관계없이 읽습니다. 따라서 display:none 요소 안에 있거나 title 속성에 저장되어 있거나 <script> 블록에 작성된 단어는 일반 감지에서는 보이지 않지만 소스 감지에서는 완벽하게 감지할 수 있습니다.
쇼핑객에게는 "품절"이라고 표시되는 상품 페이지를 상상해 보세요. 하지만 UI가 업데이트되기 전에 개발자가 실제 상태를 data-availability="in_stock"로 마크업에 남겨두었다고 가정해 보겠습니다. 일반 감지는 계속 화면에 표시되는 "품절" 텍스트만 감지합니다. 소스에서 모니터 텍스트 찾기를 활성화하고 키워드를 in_stock으로 설정하면 자동 새로고침은 HTML에 해당 값이 나타나는 즉시 변경을 감지할 수 있으며, 화면에 표시되는 내용이 업데이트되기보다 더 빨리 감지하는 경우도 많습니다. 이 방법은 상태 플래그, 숨겨진 오류 메시지, 그리고 페이지가 소스에 저장한 후 JavaScript로 나중에 렌더링하는 값에도 동일하게 사용할 수 있습니다.
소스에서 모니터 텍스트 찾기는 모니터링하려는 대상이 실제로는 페이지에 렌더링되지 않을 때 사용하는 옵션입니다. 필요한 규칙에만 이 기능을 켜고 나머지에서는 끄면, 자동 새로고침이 표시 텍스트 감지로는 놓칠 수 있는 HTML 내부의 변경 사항까지 감지할 수 있습니다.