Firebug(소프트웨어)
Firebug (software) | |
 Windows 7의 Firefox 30.0에서 실행되는 Firebug 2.0.1로, Wikipedia 메인 페이지에서 HTML 패널이 활성화되어 있습니다. | |
| 원저작자 | 조 휴이트 |
|---|---|
| 개발자 | 파이어버그 작업 그룹 |
| 안정된 릴리스 | 2.0.19[1] / 2017년 2월 , 전( |
| 저장소 | |
| 기입처 | JavaScript, XUL, CSS |
| 운영 체제 | 크로스 플랫폼 |
| 유형 | Mozilla 확장자[2] |
| 면허증. | 새로운 BSD 라이선스[3] |
| 웹 사이트 | getfirebug |
Firebug는 웹 사이트의[2] CSS, HTML, DOM, XHR 및 JavaScript의 [5]라이브 디버깅, 편집 및 모니터링을 용이하게 하는 Mozilla Firefox용 무료 오픈[4] 소스 웹 브라우저 확장입니다.
역사
Firebug는 BSD 라이선스로[3] 라이선스되었으며 파이어폭스의 오리지널 크리에이터 [6]중 한 명인 Joe Hewitt에 의해 2006년 1월에 처음 작성되었습니다.Firebug Working Group은 Firebug의 오픈 소스 개발과 확장을 감독했습니다.Mozilla Firefox용 확장과 Google [8]Chrome에서 사용할 수 있는 Firebug[7] Lite라는 북마크렛 구현의 두 가지 주요 구현이 있었다.
Firebug는 웹 페이지 디버깅 외에도 웹 보안[9] 테스트 및 웹 페이지 성능 [10]분석에 사용되었습니다.
Firebug는 Firefox 자체에 추가된 통합 개발자 도구에 비해 더 이상 사용되지 않습니다. Firebug의 기능은 Firebug와 통합되었습니다.Firefox 57은 XUL 애드온을 더 이상 지원하지 않으므로 Firebug는 [11]더 이상 호환되지 않습니다.
버전 이력
버전 2.0
Firebug 2.0은 JavaScript 구문 강조 표시, 최소화된 JavaScript 코드용 예쁜 인쇄, 웹 페이지 상의 모든 이벤트 핸들러를 처리하는 DOM 이벤트 인스펙터 등 많은 새로운 기능을 Firebug 확장에 도입했습니다.또한 사용자는 검색 바의 CSS 셀렉터를 사용하여 페이지 요소를 검색할 수 있습니다.이제 디버깅 도구를 통해 사용자는 평가 시 JavaScript 식을 검사할 수 있습니다.또한 사용자는 JavaScript 함수에서 반환된 값을 검사할 수 있습니다.또한 기존 HTML [12]요소에 대한 새로운 HTML 속성을 만드는 기능도 추가합니다.
버전 3.0
2014년 11월 10일, Firebug 3.0이 발표되었고 알파가 [13]일반에 공개되었습니다.이 버전은 새로운 테마를 탑재하여 사용자 경험에 초점을 맞췄습니다.
특징들
Firebug는 즉시 변경되며 사용자에게 지속적인 피드백을 제공합니다.Firebug의 모든 편집기는 자동 [12]완성을 지원합니다.
Firebug 명령줄은 JavaScript로 작성된 명령을 받아들입니다.각 명령어 실행 결과는 하이퍼링크로 콘솔에 표시됩니다.Firebug 응용 프로그램에는 여러 개의 창이 있으며 관련 기능을 공통 [14]창으로 분할합니다.Firebug는 또한 사용자가 개별 파일의 다운로드 시간을 볼 수 있도록 합니다.JavaScript 파일 및 이미지와 같은 다양한 유형의 개체를 분리하여 브라우저 캐시에서 로드되는 파일을 확인할 수 있습니다.또한 Firebug는 HTTP 요구가 [15]발생했을 때 상대적인 HTTP 헤더와 타임스탬프를 조사하는 기능도 갖추고 있습니다.네트워크 패널에서는 외부 CSS, JavaScript, 이미지 파일 등 브라우저가 요구하는 URL을 감시할 수 있습니다.
HTML 및 CSS
HTML 및 CSS 도구를 사용하면 웹 [16]페이지에서 HTML 및 CSS 요소를 검사 및 편집할 수 있습니다.이후 버전의 Firebug에서는 사용자는 [12]CSS에 대한 실시간 변경을 볼 수 있습니다.HTML 요소를 검사하는 동안 CSS 요소의 시각화가 표시됩니다.Firebug layout 탭은 CSS 속성 값을 표시 및 조작하기 위해 사용합니다.또한 사용자는 웹 페이지에 표시되는 HTML 요소를 클릭하여 CSS 속성 [17]값에 액세스할 수 있습니다.
JavaScript 콘솔
Firebug의 스크립트 탭에서는 중단점을 설정하고 코드 [18]줄을 따라 이동할 수 있습니다.또한 Firebug는 JavaScript 코드 행으로 직접 이동하여 식, 콜 스택을 감시하고 실행 중에 오류가 발생할 경우 디버거를 실행할 수 있습니다.Firebug는 오류를 기록할 수도 있습니다.로깅은 Firebug JavaScript API를 사용합니다.Firebug의 JavaScript 패널은 오류를 기록하고 함수 호출을 프로파일링하며 개발자가 임의의 JavaScript를 실행할 수 있도록 합니다.Firebug를 사용하면 명령줄에서 JavaScript 코드를 실행할 수 있으며 JavaScript, CSS 및 XML에서 발생하는 오류를 기록할 수 있습니다.Firebug는 별도의 텍스트에디터를 제공하여 JavaScript를 수정하고 사용자의 브라우저에서 즉시 결과를 볼 수 있습니다.
업데이트에서 제공되는 대로 JavaScript 명령줄은 자동 완성 기능을 제공합니다.텍스트 편집기는 전체 함수를 쓸 수 있는 기능도 제공합니다.Firebug는 크래시 발생 시 사용자가 웹 페이지를 새로 고쳐야 합니다.
내선번호
Firebug를 강화하기 위해 많은 확장이 이루어졌습니다.Firebug는 오픈 소스이므로 사용자는 Firebug [19]커뮤니티에 자신의 확장을 기여할 수 있습니다.
「 」를 참조해 주세요.
- 스타일링되지 않은 콘텐츠 플래시
- Google Chrome » 사용자 인터페이스(Google Chrome Inspector)
- Internet Explorer 개발자 도구
- 오페라 잠자리
- Safari (Web 브라우저) other 기타 기능 (Web Inspector)
레퍼런스
- ^ "Firebug Version History". Mozilla extension. 2017-02-16. Archived from the original on 2017-07-02. Retrieved 2015-08-19.
- ^ a b "Mozilla Firefox Add-on". Archived from the original on 2017-04-24. Retrieved 2011-09-27.
- ^ a b "Overview of Firebug". Archived from the original on 2014-12-06. Retrieved 2014-11-13.
- ^ GitHub의 Firebug
- ^ "Firebug Home Page". Archived from the original on 2014-12-22. Retrieved 2014-11-13.
- ^ O'Reilly 퍼포먼스 도구: 부록 - 더 빠른 웹 사이트
- ^ "Firebug Lite Homepage". Archived from the original on 2014-12-17. Retrieved 2010-11-24.
- ^ 크롬용 Firebug Lite
- ^ Hope, Paco; Walther, Ben (2008), Web Security Testing Cookbook, Sebastopol, CA: O'Reilly Media, Inc., ISBN 978-0-596-51483-9
- ^ "하이 퍼포먼스 웹 사이트", Steve Souders, CACM, 2008년 12월
- ^ "Saying Goodbye to Firebug". Mozilla Hacks. Retrieved 2017-10-24.
- ^ a b c Odvarko, Jan. "Firebug 2.0 Release". Firebug Working Group. Retrieved 15 October 2015.
- ^ Odvarko, Jan. "Firebug 3.0 The Next Generation". Firebug Working Group. Retrieved 10 November 2014.
- ^ Hewitt, J. (2007)Firebug를 사용한 Ajax 디버깅.돕 박사 일지, 32(2), 22-26.
- ^ "What is Firebug?". Archived from the original on 2014-12-22. Retrieved 2014-11-13.
- ^ Salkosuo, Sami (2008-05-06). "Debug and tune applications on the fly with Firebug". IBM Developer Works. Retrieved 6 May 2008.
- ^ Zukerman, Erez (2012-01-06). "Debug Web Pages in Firefox With Firebug". PC World. Retrieved 6 January 2012.
- ^ Suehring, Steve. "Identify JavaScript Problems with Firebug". Dummies.
- ^ "List of Known Firebug Extensions". Archived from the original on 2014-11-13. Retrieved 2014-11-13.
추가 정보
- Luthra, Chandan; Mittal, Deepak (April 7, 2010). Firebug 1.5: Editing, Debugging, and Monitoring Web Pages (1st ed.). Packt Publishing. p. 224. ISBN 978-1-84719-496-1.
