현재 HTML 페이지에서 어떤 이미지가 사용되었는지 알 수있는 방법

Question

브라우저 플러그인을 만났지만 어떤 브라우저인지 확인하지 못했습니다. 사용자에게 사용중인 이미지와 세부 정보를 알려줍니다.

나는 Firefox가 페이지 정보 기능을 사용한다고 믿지만, 크롬이나 파이어 폭스에서 더 정확한 플러그인을 사용하는 비슷한 방법이 있습니다 ... !!

Answer 1

Chrome의 개발자 콘솔을 사용할 수 있습니다. 페이지를보고 왼쪽 창에서 "프레임"섹션을 볼 때 F12을 누르십시오. 보고있는 페이지를 나타내는 항목을 확장하면 페이지에 사용 된 "이미지", "스크립트"및 "스타일 시트"에 대한 목록이 표시됩니다. 일부 미디어 항목은 트리 내에서 다양 할 수 있습니다.

"네트워크"섹션에는 이러한 리소스뿐만 아니라 개별로드 시간, 크기, 호출 위치, 호출 방법 등이 나열되어 있습니다. 유형별로 정렬하고 이미지 ' MIME 형식. 이 페이지의 유일한 단점은 응축이 덜하다는 것입니다.

P. 개발자 콘솔이 브라우저 플러그인이 아닙니다. Chrome과 함께 제공되며 Firefox 및 IE를 포함한 모든 주요 브라우저의 기능이며 각각 F12으로 액세스 할 수 있습니다.

Answer 2

Firefox의 경우 가장 좋은 방법은 "방화 광부"입니다. 여기에서 다운로드 할 수 있습니다 ->http://getfirebug.com/ 설치 한 후 찾아보기 중에 F12 키를 눌러 파이어 버그를 엽니 다. Firebug를 통해 CSS, HTML 및 Javascript를 편집, 디버깅, 모니터링 할 수 있습니다. 관심있는 이미지를 선택하고 속성을 검사 할 수 있습니다. Chrome 또는 IE를 사용하는 경우 F12를 사용하여 동일한 작업을 수행 할 수 있지만 Firebug가 웹 페이지를 디버깅하고 검사하는 데 가장 적합하다고 생각합니다.

희망이 있습니다.