☰

Chrome 개발자 도구를 사용하여 DOM 소스 보기

tag-icon • tag-icon google-chrome-devtools
Chrome 개발자 도구를 사용하여 DOM 소스 보기

Chrome 개발자 도구를 사용하여 다음 웹페이지의 DOM 소스를 보는 방법을 알 수 없습니다.

https://www.nseindia.com/corporates/corporateHome.html?id=eqFinResults

페이지의 테이블(예: 열 이름이 있는 테이블)에서 항목을 스크랩하고 싶습니다.기호, 회사, ...., XBRL 파일 이름, 상태).

다음을 포함한 다양한 옵션을 시도했습니다.

  1. 페이지 소스보기
  2. 뷰 프레임 소스
  3. 테이블에서 행 강조 표시 및 선택검사
  4. 전체 페이지를 강조 표시(Ctrl+A)하고 선택검사

답변1

DevTools에서 화살표 아이콘을 클릭하세요. 여기에 이미지 설명을 입력하세요을 클릭한 다음 요소(기호 등)를 클릭합니다.

DevTools 내에서 선택된 소스를 볼 수 있습니다. 우클릭 후 복사하시면 됩니다.

기호의 경우 다음과 같습니다.

<div class="x-grid3-hd-inner x-grid3-hd-Company" unselectable="on" style="" id="ext-gen119">Symbol<img class="x-grid3-sort-icon" src="data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="></div>

그러나 훨씬 더 복잡한 작업인 CSS 코드를 복사해야 하기 때문에 이는 별로 도움이 되지 않습니다.

관련 정보