동적으로로드되는 AJAX 콘텐츠의 HTML 코드 소스에 액세스하려고합니다. 내가 어떻게 할 수 있니? 예를 들어 Gmail에서 주 목록에서이 이메일 토론의 라인을 클릭 할 때만로드되는 주어진 이메일 토론의 콘텐츠 (주어진 이메일 토론의 다른 항목)의 HTML 코드에 액세스하려고합니다. 내가 액세스 할 수있는 코드 소스는 처음로드 된 페이지 중 하나 (모든 전자 메일 토론 목록)입니다. 어떤 생각?동적으로로드 된 HTML 콘텐츠의 코드 소스 가져 오기 (Chrome/Gmail)
페이지를 마우스 오른쪽 버튼으로 클릭하고 "요소 검사"를 선택하십시오. 요소보기는 JavaScript가 페이지를 변경하면 업데이트되고, "소스보기"보기는 페이지가로드 된 시점의 내용 만 표시합니다.
"원본보기"를 마우스 오른쪽 단추로 누르면 현재로드 된 페이지의 내용이 표시됩니다.
Chrome에서 "요소 검사"(단축키 CTRL + SHIFT + i)를 사용하면 동적 콘텐츠의 원본이 표시됩니다.
최근 버전의 IE에서는 F12 키를 누르십시오. – egrunin
아약스를 사용하여 초기 페이지로드 후에로드 된 DOM 요소에 이벤트를 바인딩하려고한다고 생각합니다. 그렇다면 jQuery 라이브러리를 사용할 수 있고 jquery의 라이브 메서드를 사용할 수 있습니다.
여기 라이브 메소드의 링크입니다. 확인해보세요.
는 다운로드 JQuery와 최신 라이브러리를 필요가있는 무엇 (http://docs.jquery.com/Downloading_jQuery) 다음 머리 내 스크립트에 포함하거나 사용할 수 있습니다 http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js
CDN 다음 <script> $(document).ready(function(){ $("#ajax_dom_element_id").live('click_or_any_event',function(){ code snippet you wan dot ,321을 다음과 같이 수행 0 }); </script>
나는 그것이 도움이 될 것이라고 생각한다.
참고 : Chrome과 관련된 것입니다. – egrunin
질문 제목은 Chrome입니다. – ohaal
이것이 항상 작동하는 것은 아닙니다. CSS 검사기가 실제로 브라우저에서 렌더링 한 것을 보여줍니다. 경우에 따라 브라우저에서 무시할 수있는 오류 (누락되거나 잘못 배치 된 태그 등)가있어 오류가 발생할 수 있습니다. 이것은 출처에서 분명히 나타나지만 검사관에게는 부재합니다. –