개발에 도움이 되는 브라우저 추가 기능 도구에 대한 권장 사항 [닫기]

파이어폭스:

DOM Inspector를 사용하는 경우 이것을 검사하십시오.

픽셀 거리를 측정하기 위해 측정하세요(필요한 경우)

다른 브라우저에서 쉽게 테스트할 수 있는 IE 보기 또는 Safari 보기

유효성 검사에 관심이 있는 경우 HTML 유효성 검사기

JS 오류 콘솔을 개선하는 Console2

Javascript Shell 북마크릿도 편리합니다(그리고 거기에 있는 다른 북마크도 살펴보세요).

이것은 다른 사람들이 언급한 웹 개발 도구 모음에 추가되는 것입니다.

Cebjyre의 이 목록은 거의 완전합니다(FireBug가 이미 질문에 언급되었기 때문에).나는 단지 추가 할 것이다 변조 데이터.때때로 그것은 매우 유용합니다.

다음은 내 개발 지향 추가 기능입니다. 파이어폭스 3:

YSlow 페이지 로드 시간 문제를 해결하기 위한 멋진 Firebug 애드온입니다.

이미 언급한 훌륭한 도구 외에 제가 찾은 것은 찰스 매우 유용합니다.특히 저는 Flash Remoting을 사용하여 많은 작업을 수행하고 있는데 이는 훌륭하게 처리됩니다.

Charles는 개발자가 자신의 컴퓨터와 인터넷 사이의 모든 HTTP 트래픽을 볼 수 있도록 하는 HTTP 프록시/HTTP 모니터/역방향 프록시입니다.여기에는 요청, 응답 및 HTTP 헤더(쿠키 및 캐싱 정보 포함)가 포함됩니다.

Charles는 HTTP/SSL 통신을 위한 중간자 역할을 하여 HTTPS 세션의 콘텐츠를 디버깅할 수 있습니다.

크로스 플랫폼이며 비용은 50달러지만 다운로드할 수 있는 "세션당 30분" 평가판이 있습니다.

내가 사용하는 것은 다음과 같습니다.

파이어폭스:

DOM 검사기:나는 웹 개발을 위해 무엇보다 이것을 사용합니다
런치:다른 브라우저/앱에서 사이트 열기
데이터 조작:이는 GET/POST 요청을 디버깅하는 데 도움이 될 수 있습니다.
웹 개발자 도구 모음:여기에는 디버깅에 유용한 기능이 너무 많습니다.W3C 검증 도구, 내장 눈금자, 크기 조정 도구, 소스 조작, 간편한 캐시/CSS/스크립트 도구

즉:

Internet Explorer 개발자 도구 모음:Firefox만큼 편리하지는 않지만 적어도 괜찮은 DOM 검사기를 제공합니다.

기타:

Jesse의 편리한 북마크릿:그만큼 껍데기 북마크릿은 특히 편리합니다
나도 설치한다 원정 여행 그리고 오페라, 그러나 개발 도구는 Firefox만큼 강력하지 않고 IE만큼 버그가 없기 때문에 대부분 테스트 및 벤치마킹에만 사용합니다.
스라소니:나는 이것을 사용하여 JS가 많은 사이트가 여전히 작동하는지 확인하여 Google, 스크린 리더 및 기타 봇과 같은 앱에서 제대로 보일 것이라고 확신합니다.

라이센스 : CC-BY-SA ~와 함께 속성

제휴하지 않습니다 StackOverflow