Firefox에 내장되지 않은 Firebug의 고유 기능은 무엇입니까?

방금 Firefox 애드온을 정리하고 궁금해했습니다.

• Firebug에 고유 한 기능은 무엇입니까?

• Firebug와 Firefox 개발자 도구에서 사용할 수있는 기능은 무엇입니까?

이 질문이 작성된 이후 Firefox의 기본 개발자 도구는 먼 길을 왔습니다. 차이점은 주로 다음과 같은 점으로 축소되었습니다.

• DOM 변형, XHR 또는 쿠키 변경에 대한 스크립트 실행을 중지 할 수 없습니다.
• XPath는 복사 할 수 없습니다.
• Inspector에 이벤트 측면 패널이 없습니다 (이벤트가 DOM 구조 내에 표시되지만).
• 인스펙터에 DOM 사이드 패널이 없습니다.
• HTML을 편집하는 동안 실시간 미리보기가 없습니다.
• 명령 줄에서 열거 할 수없는 속성에 대한 자동 완성이 누락되었습니다.
• 스타일 편집기에서 여러 파일 내에서 검색 할 수 없습니다.
• 웹 콘솔에 여러 줄의 명령 줄이 없습니다 (Scratchpad와 "스마트 멀티 줄"명령 줄이 있음).
• 도구 또는 인스펙터를 토글하는 도구 모음 버튼이 없습니다.
• 네트워크 요청의 응답 내에서 검색 할 수 없습니다.
• 여러 CSS 속성에 대한 자동 완성이 누락되었습니다.
• 여러 명령 줄 명령이 누락되었습니다.
• 쿠키를 추가 할 수 없으며 기존 쿠키 만 수정하면됩니다.
• 상시 작동 모드가 없으며 도메인별로 활성화됩니다 (탭당 ​​아님).

Firebug와 Firefox DevTools 간의 모든 격차에 대해 제출 된 버그 보고서 에서 더 많은 누락 항목이 추적됩니다 .

Firebug 통합

Firebug 는 이제 기본 개발자 도구 위에 구축되었습니다. Firefox 48 이후 에는 Firebug 확장 기능과 유사한 Firebug 테마 가있어 Firebug에 익숙한 경우 집에있는 것처럼 느낄 수 있습니다. 다중 프로세스 Firefox가 활성화되면 F12Firebug 버튼을 누르 거나 클릭하면 Firefox DevTools 및 Firebug 테마가 열립니다.

Firebug와 Firefox DevTools의 차이점을 설명 하는 마이그레이션 가이드 도 있습니다 .

내장 도구에는 없지만 Firebug에는 많은 작은 기능이 있습니다. UI를 가지고 놀다 보면 이것이 떠오르는 것이지만 더 많은 것이 있다고 확신합니다.

• someFunction.%closureVar명령 줄 구문 과 같은 폐쇄 검사 기능
• 마우스 오른쪽 버튼을 클릭하여 명령 줄의 값으로 재생
• 편집하려면 한 번 클릭
• 마우스 오버시 요소 강조
• include및 같은 명령 줄 APIgetEventListeners
• UA 스타일을 보여주는 기능
• 스타일 패널 내에서 "규칙 추가"
• 축소 된 CSS에 사용할 수있는 CSS 패널
• 요소에 텍스트 만 포함 된 경우 HTML 패널에 텍스트가 인라인으로 표시됩니다.
• JSON 사전 설정으로 콘솔에 XHR 로깅 (팝업을 열지 않음)
• HTML 패널의 "속성 변경 / 하위 트리 변경 / 노드 제거 중단"
• "변이시 중단", "다음에 중단", "속성 변경 중단", "쿠키 변경 중단"
• 전체 쿠키 패널
• 콘솔 패널의 스택 추적
• HTML 편집 및 붙여 넣기
• 대부분의 패널 내에서 자유 텍스트 검색
• 필요한 경우 회전 할 수있는 많은 옵션
• 이벤트 로깅

물론 이것에 대한 주관적인 측면도 있습니다. 예를 들어 저는 개인적으로 Firebug의 UI와 외모를 devtools의 암흑보다 더 좋아하며 이전에 도구에 익숙해지는 것이 항상 중요합니다.

저기 누군가가 여기에서 내 질문을 본 것 같습니다.)

https://hacks.mozilla.org/2013/10/firefox-developer-tools-and-firebug/

문제는 그것도 그다지 대답하지 않는다는 것입니다. 그러나 그것은 현재 Firebug가 자신을 차별화 할 것이 많지 않기 때문에 그것을 바꿀 방법을 찾고 있음을 의미합니다.

Firebug와 기본 개발자 도구가 병합되므로 곧 관련성이 없습니다.

Firebug 2는 다중 프로세스 브라우저 (예 : e10s)에서 작동하지 않으며 변환이 너무 복잡합니다. Firefox에서 e10s가 활성화되면 작동이 중지됩니다.

Firebug 2가 작동을 멈출 때 준비하고 싶고 다음 계획을 세웠습니다.

모든 Firebug 3 기능을 Firefox 내장 도구에 통합하고 모든 Firebug 사용자를 여기로 전달합니다.

Firefox 개발자 도구에서 누락 된 중요한 기능을 확장 기능으로 제공해야하는 경우에만 AMO에서 Firebug 3을 릴리스하여 Firebug 2를 대체하십시오.

우리는 현재 XHR Inspector ( bug 1211525 ), DOM 패널 ( bug 1201475 ) 및 Firebug 테마 ( bug 1244054 ) .

Firebug의 다음 릴리스의 주요 목표는 Firefox 내장 DevTools에 통합하는 것입니다. 이 외에도 Firebug Working Group은 새로운 기능으로 DevTools를 확장하기 위해 몇 가지 새로운 기능을 계획합니다.

Firebug 3.0 알파 (일명 Firebug.next)는 현재 Firefox 35 – 36과 호환되며 다가오는 다중 프로세스 (및 비 다중 프로세스) 브라우저를 지원합니다.

Firebug 3.0 (Firebug.next라고도 함)은 기본 Firefox 개발자 도구 위에 구축 된 차세대 Firebug 세대를 나타냅니다.

Firebug 2를 다중 프로세스 (e10s) 지원 브라우저에 설치하는 경우 Firebug 3으로 업그레이드하거나 다중 프로세스 지원을 끄라는 메시지가 표시됩니다.

Mozilla는 이미 Electrolysis의 출시를 여러 번 연기했습니다. 현재 계획은 Firefox 46이 안정적인 채널로 출시되는 2016 년 4 월 19 일에 다중 프로세스 Firefox를 안정적인 채널로 출시하는 것입니다.

그러나 이것은 예정된 출시 일일 뿐이며 전기 분해가 더 지연 될 수 있습니다.

Mozilla가 브라우저 사용자에게 릴리스를 덜 고통스럽게 만들어야한다는 흥미로운 아이디어 중 하나는 추가 기능이없는 Firefox 버전과 호환 가능한 추가 기능 만 설치된 Firefox 버전에서만 Electrolysis를 활성화하는 것입니다.

우리는 한동안 Firefox 개발자 도구와 Firebug를 통합하기 위해 노력해 왔습니다. Firefox 49부터 Firebug.next가 내장되어 있습니다.

Firebug 대신 내장 Firefox 개발자 도구를 사용하는 경우이 병합에 추가 한 DOM 패널 및 Firebug 테마가 마음에들 수 있습니다.

또한 몇 가지 일반적인 Firebug 확장 (PixelPerfect, FireQuery 및 HARExportTrigger 이전의 NetExport)을 이식했습니다. 그리고 우리가 그 동안 새로운 WebSocket Monitor 확장을 좋아할 것입니다.

Firebug 기능을 내장 도구로 포팅하는 일환으로 Firebug 테마도 포팅하여 Firebug 사용자에게 더 친숙한 환경을 제공합니다.

이 테마는 뜨겁고 뜨겁고 뜨겁습니다! 개발자 도구 용 Firebug 테마에 인사

Mozilla는 오늘 Windows, Mac, Linux 및 Android 용 Firefox 48을 출시했습니다. 브라우저는 다중 프로세서 지원 (마지막으로), 유해한 다운로드에 대한 보호 강화, Android에서 미디어 개선을 얻었습니다. 이전 OS X 버전 및 Android Gingerbread에 대한 지원이 중단되었습니다.

Firefox 48에서 Mozilla는 사용자의 1 %부터 시작하여 Firefox 릴리스 채널의 거의 절반까지 증가하면서 다중 프로세스 지원을 천천히 활성화하고 있습니다. Electrolysis 그룹에 있는지 확인하려면 URL 표시 줄에 "about : support"를 입력하고 Multiprocess Windows 항목 아래에 "1/1 (기본적으로 활성화 됨)"으로 표시되는지 확인합니다.

참고 문헌

• Firebug는 Firefox DevTools에 있습니다.

• Firebug를 내장 된 Firefox 개발자 도구에 병합

• Mozilla, Firefox 베타에서 다중 프로세스 테스트 시작

• Firebug 로드맵

• Firebug 3 및 다중 프로세스 Firefox (e10s)

• Firebug.next Github 리포지토리

• Firebug 및 Firefox DevTools 통합

• Developer Edition 48 – Firebug 기능, 편집 가능한 저장소, 검사기 개선 등…

• Firebug 3.0 프로젝트 페이지

• 원격 디버깅 : Firefox 데스크톱 디버깅

• Firefox 48 릴리스 정보 : 개발자 도구

• Firefox 48은 다중 프로세스 지원과 함께 출시되고 이전 OS X 버전 및 Android Gingerbread를 삭제합니다.

Network Panel & Timeline 기능을 구현 한 후에도 여전히 가장 큰 장점 은 YSlow, Page Speed, FirePython 등과 같은 다양한 Firebug Extensions 의 가용성입니다 .

결국 당신에게 가장 편리함과 속도를 가져다주는 무기를 선택하는 것은 당신의 개인적인 선호도에 따른 선택 일 것입니다.

이 결정에 대한 흥미로운 세부 사항은 Firebug가 한때 Firefox에 가장 큰 부정적인 성능 영향을 미쳤던 플러그인 중 하나였습니다. 특히 내장 된 개발 도구가 Firebug보다 성능면에서 더 잘 작동하는 경우에 대한 현재 연구에 대해서는 잘 모릅니다.

현재 firebug 버전에 비해 기본 개발 도구의 한 가지 장점은 firebug가없는 소스 맵이 있다는 것입니다.

Firebug에는 있지만 Firefox의 내장 검사기에는없는 고유 기능은 다음과 같습니다.

• XPath 복사
• 최소 XPath 복사
• CSS 경로 복사

Firefox의 내장 검사기가 있지만 Firebug에는없는 고유 한 기능은 다음과 같습니다.

• 고유 선택기 복사

대형 편집기 모드의 콘솔 명령 줄을 사용하면 현재 컨텍스트에 대해 코드를 실행할 수 있습니다. 새 Scratchpad에는 현재 중단 점 범위가 표시되지 않습니다. 이것은 끔찍한 손실입니다.