파이어폭스 부가기능
https://stackoverflow.com/questions/36407
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
Russian문제
프로그래머에게 유용한 Firefox 추가 기능은 무엇입니까?
해결책
Firebug를 언급하는 것은 어리석은 일인 것 같습니다. Firebug 없이는 우리 중 누구도 살 수 없을 것입니다.그 외에는 다음을 사용합니다(개발 관련 목록만 나열).
- 콘솔2:차세대 오류 콘솔
- DOM 검사기:제목에서 알 수 있듯이 DOM을 탐색할 수 있습니다.
- 쿠키 편집:즉시 쿠키 변경
- JS를 실행합니다:임시 자바스크립트 실행
- IE 탭:IE에서 페이지 렌더링
- 이것을 검사하십시오:선택한 객체를 DOM 검사기로 가져옵니다.
- JS뷰:연결된 자바스크립트 및 CSS 표시
- LORI(요청 정보 수명):페이지를 렌더링하는 데 걸리는 시간을 보여줍니다.
- IT 측정:팝업 눈금자.
- URL 매개변수:GET 및 POST 변수 표시
- 웹 개발자:웹 개발자를 위한 다양한 도구
다른 팁
내 것은 다음과 같습니다(개발자 중심).
개똥 벌레 - 자바스크립트 디버거, DOM 검사기를 포함하는 수많은 생산성 향상 도구를 사용하면 레이아웃 및 디스플레이 문제를 해결하는 데 매우 유용한 CSS/HTML을 즉시 편집할 수 있습니다.
웹 개발자 - 또 다른 훌륭한 개발자 생산성 도구입니다.저는 주로 페이지 유효성 검사, 자바스크립트 비활성화(예, 가끔 자바스크립트를 비활성화합니다. 그렇죠?), 쿠키 보기 등을 위해 이 앱을 사용합니다.
데이터 조작 - http 헤더, 양식 값, 쿠키 등을 조작할 수 있습니다.페이지에 다시 게시하거나 페이지를 가져오기 전에.페이지를 찌르고 찌르는 데 매우 유용하며, 약간 악의적인 의도로 사용될 때 웹 앱이 어떻게 반응하는지 확인하는 데 매우 유용합니다.
자바스크립트 디버거 - Firebug에서 제공하는 자바스크립트 디버거보다 몇 가지 더 많은 기능이 있습니다.인정해야 하지만, 방화범이 나를 크게 사로잡았기 때문에 나는 이것을 거의 사용하지 않습니다.
라이브 HTTP 헤더 - 문제 해결에 매우 중요하므로 자주 사용하십시오.클라이언트와 서버 간에 주고받는 모든 HTTP 헤더를 감시할 수 있습니다.이는 특히 환경 간에 웹앱을 배포할 때 문제를 디버깅할 때 악의적인 문제를 추적하는 데 도움이 되었습니다.
헤더 스파이 - 괴짜 유형을 위한 멋진 애드온으로, 웹 사이트가 실행되는 웹 서버와 플랫폼을 상태 표시줄에 표시합니다.
MeasureIt - 자주 사용하지는 않지만 그래도 가끔씩 유용하게 사용하고 있습니다.
컬러질라 - 다시 한번 말씀드리지만 그렇게 자주 사용하는 것은 아니지만 필요할 때 꼭 필요한 것 같아요.색상을 알고 싶지만 CSS 파일을 파헤치고 싶지 않거나 그래픽 편집 앱을 열어 일부 이미지에 색상을 삽입하고 싶지 않을 때 유용합니다.
N개의 편집 쿠키 추가 - 이는 로드 밸런서가 쿠키를 작성하고 쿠키 값을 사용하여 세션을 "고정" 상태로 유지하는 웹 팜의 훌륭한 디버깅 도구였습니다.이를 통해 특정 컴퓨터의 문제를 추적하기 위해 서버 간에 마음대로 전환할 수 있었습니다.또한 쿠키를 사용하여 로그인 상태/계정을 추적하는 사이트를 엉망으로 만들고 코드가 잘못된 형식이나 해킹된 정보에 어떻게 반응하는지 확인하려는 경우에도 좋은 도구입니다.
Yellowpipe Lynx 뷰어 도구 - 그래 난 네 생각이 어떤지 알아, 스라소니, 누가 그걸 필요로 하는지, 그게 1994년이야.그러나 웹 접근성(화면 판독기를 사용하는 시각 장애가 있는 사용자가 액세스할 수 있음을 의미)을 고려해야 하는 사이트를 개발 중이거나 웹 스파이더/인덱서가 사이트를 "보는" 방식을 이해해야 하는 경우에는 이 도구는 매우 귀중합니다.물론, 언제든지 나가서 Lynx를 직접 잡을 수도 있습니다.여기 제가 사용하는 Windows XP 포트가 있습니다.
제가 가끔 사용하는 몇 가지 다른 애드온이 있는데 간단히 언급하겠습니다.FireFTP(제가 설치한 것은 안정적이지 않았고 최신 릴리스를 시도한 적이 없습니다), Html Validator(이것도 불안정한 것으로 나타났습니다. 최소한 1년 전에 설치했을 때), IE Tab(보통 IE와 FireFox는 동시에 열리지만 이는 저에게만 해당됩니다. 이 애드온이 유용하다고 생각하는 다른 사람들도 많이 알고 있습니다.
나는 또한 웹 개발자 Chris Pederick의 확장 기능입니다.
웹 개발, 특히 자바스크립트에 관한 한, 저는 개똥 벌레 매우 귀중한 것입니다. 웹 개발자 도구 모음 또한 매우 유용합니다.
아직 언급되지 않은 것은 이것입니다. HTML 유효성 검사기 제가 매우 유용하다고 생각하는 확장 프로그램입니다.
@플라비오 아미에이로
MeasureIt은 웹 개발자 도구 모음을 설치하는 경우 필요하지 않은 확장입니다.웹 개발자 도구 모음에는 눈금자가 기능 중 하나로 포함되어 있습니다.아래의 "Miscellaneous" 웹 개발자 카테고리에서 옵션을 클릭하세요 "Display Ruler"를 사용하여 MeasureIt과 동일한 눈금자를 사용합니다.
이렇게 하면 필요한 확장 프로그램 수를 최소한 하나 이상 줄일 수 있습니다.
Firefox 애드온:
FireBug: 웹 개발자와 디자이너가 프런트 엔드 코드를 테스트하고 검사하는 데 도움이 됩니다.이는 정보 로깅을 위한 콘솔 패널, DOM 검사기, 페이지 요소에 대한 자세한 정보 등과 같은 많은 유용한 기능을 제공합니다.
웹 개발자는 CSS 전원 비활성화, CSS 편집, 페이지의 특정 영역 측정 등을 제공합니다.
Colorzilla는 아이콘을 클릭하고, 16 진수를 알고 싶은 영역을 가리키고 클릭하십시오.
Window Resizer는 오늘날의 표준 해상도에서 레이아웃이 올바르게 표시되도록합니다.
HTML, 링크, CSS를 확인하고 더 많은 작업을 수행하여 웹 사이트를 훨씬 쉽게 확인하는 Total Validator.
웹 개발의 경우 웹 개발자 도구 모음, CSS 뷰어 그리고 MeasureIt.
하지만 저는 모든 일을 할 수 있는 수천 개의 확장 기능을 갖고 있는 사람은 아닙니다.나는 일을 단순하게 유지하는 것을 좋아합니다.
편집하다:덕분에 댄의 대답 더 이상 MeasureIt이 필요하지 않습니다.나는 그것을 본 적이 없다고 믿을 수 없습니다!나는 이 WebDeveloper 도구 모음에 더 많은 관심을 기울여야 할 것 같습니다.
모든 사람의 목록에 추가하면, 데이터 조작 매우 유용합니다. 요청을 가로채고 그 안에 있는 데이터를 변경할 수 있습니다.이는 자바스크립트 유효성 검사를 우회하고 서버 측이 해당 작업을 수행하는지 확인하는 데 사용할 수 있습니다.
나는 사용한다 웹 개발자, 시간을 절약해 줍니다.
+1 로리 ("요청 정보 수명").이는 외부 스톱워치를 사용하는 것과 같은 특정 웹 페이지의 로드 시간을 대략적으로 측정하는 데 매우 편리한 대안입니다.
새 탭 홈페이지."단축 다이얼" 유형의 홈페이지(자주 사용하는 개인적이고 빠르게 로드되는 링크 페이지)와 결합되어 새 브라우저 탭을 열 때 가고 있는 곳으로 더 빠르게 이동할 수 있습니다.
마지막 탭.Ctrl+Tab의 동작을 변경하여 Windows에서 Alt+Tab이 작동하는 것과 같은 방식으로 Ctrl+Tab을 반복해서 눌러 가장 최근에 사용한 탭 사이를 앞뒤로 탐색할 수 있습니다.또한 쉬운 탐색을 위해 Ctrl 키를 누르고 있는 동안 열려 있는 모든 탭에 대한 멋진 보기를 제공합니다.(결과 동작은 최신 Visual Studio 릴리스의 Ctrl+Tab 동작과 매우 유사합니다.)
FireFTP 필요한 파일을 가져오거나 업로드하는 데 좋습니다.
나는 Hackbar가 매우 유용하다고 생각합니다.취약점을 테스트하기 위해 URL의 쿼리 문자열 부분을 편집하려는 경우 또는 복잡한 쿼리 문자열 값으로 끝날 수 있는 일반적인 다른 유형의 테스트를 원하는 경우 매우 유용합니다.
DOM 검사기를 배우고 있었는데 Firebug로 전환했습니다.
바이올리니스트 정말 훌륭한 디버깅 프록시입니다.Firebug 또는 Live HTTP 헤더의 "Net" 패널보다 더 강력한 버전이라고 생각하세요.
예전에는 IE 전용 확장이었지만 이제는 Firefox에도 연결됩니다.
대지 속도, 서버 측 코드를 테스트하는 데 유용합니다.침투 테스트 중 입력 유효성 검사 테스트를 위해 생성되었지만 입력 조작이 필요한 모든 테스트에 유용할 수 있습니다(TamperData와 유사).
이를 통해 페이지의 양식 요소를 제어할 수 있으며 해당 유형 및 기타 속성(크기, 길이, 자바스크립트 이벤트 핸들러 등)을 변경할 수 있습니다.예를 들어 숨겨진 필드나 선택 항목을 텍스트 상자로 변경한 다음 값을 입력하여 서버 응답 등을 테스트할 수 있습니다.
