파이어폭스 확장. 아마도 웹 개발자 도구 모음이 너무 강력하기 때문에 사용 중에 사용자가 실수로 많은 유용한 기능을 무시할 수 있습니다. 세상을 사랑으로 채우기 위해 잊혀진 기술을 여기에 간략하게 요약해 보겠습니다.
이미지／이미지 정보 보기
이 옵션을 통해 현재 웹페이지에 있는 모든 이미지 요소의 속성(경로, 크기, 치수 등)을 새 탭 페이지에 표시할 수 있어 특히 편리합니다.
정보／색상정보 보기
웹 페이지의 색상 일치는 큰 지식입니다. 많은 사람들이 Colorzilla를 사용하여 웹 페이지의 색상 정보를 보는 것을 좋아합니다. 이 확장 프로그램은 사진의 색상을 포함하여 상태 표시줄의 현재 포인터 위치에 대한 색상 정보를 표시할 수 있습니다. 웹 개발자 툴바에 비해 이 기능은 다소 약하지만, 여전히 현재 웹 페이지에서 CSS가 호출하는 모든 색상을 한 번의 클릭으로 불러올 수 있어 웹 페이지 색상 매칭을 연구하는 데 매우 유용합니다.
정보/표시 요소 정보
예전에는 웹페이지에서 특정 요소나 영역의 div 속성을 보고 싶을 때 항상 마우스 오른쪽 버튼을 클릭해 소스 파일을 불러낸 뒤 검색 기능을 사용해 한 줄씩 검색을 시작했습니다. 이 기능을 사용하면 더 이상 걱정할 필요가 없습니다. 클래스/ID, 위치 등과 같은 웹 페이지의 특정 속성을 보려면 Ctrl+Shift+F 단축키를 부드럽게 사용하고 해당 영역을 클릭하면 알고 싶은 모든 내용을 볼 수 있습니다.
양식/비밀번호 표시
많은 사람들은 여러 가지 이유로 자신의 비밀번호를 명확하게 표시하고 싶어합니다. 웹 개발자 도구 모음의 이 기능은 Firefox 사용자에게 이러한 특징이 있는 가능성을 제공합니다. 이 옵션을 클릭하면 비밀번호 입력 상자에 명확하게 표시됩니다.
기타/소형 화면 렌더링
점점 더 많은 사용자가 휴대폰과 PDA를 사용하여 인터넷을 검색할 수 있습니다. 이 기능을 사용하면 이러한 휴대용 장치에서 웹 페이지가 어떻게 보이는지 미리 볼 수 있으며, 미리 보기를 기반으로 웹 페이지의 레이아웃과 프레임을 최적화할 수 있습니다. . 을 사용하면 PDA에서 더 쉽게 검색할 수 있습니다.
기타／방문한 링크
어떤 경우에는 웹 페이지 검사 및 디버깅을 용이하게 하기 위해 현재 웹 페이지의 모든 하이퍼링크를 비활성화하기를 원할 수도 있습니다. 이 옵션에서 사용자는 모든 링크를 방문하지 않은 것으로 표시를 선택할 수 있으며 모든 하이퍼링크는 일시적으로 비활성화됩니다.
도구/보기 속도 보고서
도구 메뉴의 옵션은 기본적으로 웹사이트, CSS, JS, HTML 등의 다양한 검증과 관련되어 있습니다. 여기에는 온라인 웹사이트의 로딩 속도를 테스트하는 매우 유용한 기능도 있습니다. 웹 페이지 분석기의 데이터가 여기에서 호출됩니다. 옵션을 클릭하면 웹 개발자 도구 모음이 테스트를 위해 현재 웹 사이트를 웹 페이지 분석기에 제출합니다. 사용자는 웹에서 제공하는 데이터 목록을 기반으로 웹 사이트의 로딩 속도에 영향을 미치는 파일을 이해할 수 있습니다. 페이지 분석기.
기타／HTML 편집
아마도 웹 개발자 툴바에서 가장 자주 사용되는 기능은 CSS 편집일 것입니다. 사용자는 현재 웹 페이지의 CSS를 실시간으로 수정하고 수정 효과를 즉시 확인할 수 있습니다. 사용자는 웹 개발자 도구 모음을 사용하여 HTML 파일을 수정할 수도 있습니다. 이 기능은 기타 아래에 숨겨져 있습니다.