Firescope는 디버깅 패널에 레퍼런스 탭과 컨텍스트 메뉴를 추가하는 새로운 Firebug 확장기능입니다.

기능

• HTML 엘리먼트, HTML 속성, CSS 속성을 검색할 수 있습니다(조합도 가능합니다). 입력과 동시에 검색하므로, 한 두 글자만 입력해도 원하는 결과를 얻을 수 있습니다. 
• 검색 결과에는 브라우저 호환성, 표준 준수, 간략한 사용 설명 등을 포함합니다. 더 많은 정보를 원하시는 분들을 위해 SitePoint 레퍼런스 웹 사이트로 연결하는 링크도 제공합니다.
• 검색 결과에서 마우스 오른쪽 버튼을 클릭하시면 두 가지 기능을 선택할 수 있습니다. 하나는 온라인에서 더 자세한 정보를 찾는 것이고, 다른 하나는 선택한 항목의 예제 코드를 보는 것입니다.
• 예제 코드는 레퍼런스, HTML, CSS 패널의 옆에 열립니다. 그리고, 해당 항목을 사용하는 방법에 대한 실전 예제를 간략한 설명과 함께 보실 수 있습니다. 예제 코드는 편집할 수 있으며, 복사하기도 편합니다(더블클릭하면 전체선택합니다).
• HTML 패널에서 엘리먼트 이름, 속성 이름 혹은 속성 값(편집도 가능)에서 오른쪽 버튼을 클릭하면 두가지 옵션 중 하나를 선택할 수 있습니다. 클릭한 항목을 "Look up"으로 살펴보거나 "Show Code Example"로 항목의 코드 예제를 볼 수 있습니다.
• 마찬가지로 CSS 패널에서도 속성 이름과 값 위에서 오른쪽 마우스 클릭을 할 수 있으며, 옵션도 같습니다.
• HTML 패널에서 현재 선택한 엘리먼트(보통 군청색 배경으로 강조)의 태그 이름 위에서 마우스 오른쪽 버튼을 클릭하면, 컨텍스트 메뉴에는 "Look up selection(선택영역 살펴보기)"사 나타납니다. 이 메뉴를 클릭하면 해당 엘리먼트에 정의된 모든 속성과 현재 적용된 모든 CSS 속성을 볼 수 있습니다. 이 기능은 "Reference" 탭을 클릭하면 자동으로 실행되어 현재 선택한 엘리먼트의 데이터를 보여줍니다.
• 검사기를 사용해 다른 엘리먼트를 선택할 때, HTML 패널 옆의 코드 예제(Code Example)을 열면 선택한 엘리먼트에 대한 예제를 자동으로 보여줍니다.
• 이와 유사하게, DOM 계층(crumbtrail)을 클릭할 때,  코드 예제(Code Exmaple) 패널이 열려있다면 열면 코드 예제를 보여줍니다. 메인 HTML 패널과 같은 컨텍스트 메뉴 항목이 있어 선택한 항목을 살펴보거나 관련한 코드 예제를 볼 수 있습니다.

from FireScope: Add a Web reference to your Firebug

Michael Ventnor씨가 HTML5에 정의된 체크박스와 라디오버튼의 미정 상태^[각주:1]를 구현하고 이에 대한 글을 작성하셨습니다:

웹 개발을 해보셨다면, 체크박스와 라디오 버튼은 선택했거나 혹은 선택하지 않은 두 가지의 상태가 있다는 것을 아실 것입니다. 하지만, 체크박스의 경우 두 가지 상태 중간의 미정 상태를 사용하고 싶을 수도 있습니다. 예를 들면, 모든 체크박스가 하나의 상태(선택됐거나 선택되지 않은 것 중 하나)를 가질 때, 그를 표현할 수 있는 마스터 체크박스의 경우가 있습니다(아래 그림 참고). HTML5의 "미정 상태" DOM 속성을 구현한 덕분에 이 기능은 Trunk (Firefox 3.2) 에서 사용할 수 있습니다. 다음 코드면 충분하죠.

[code:js]
document.getElementById(”check1").indeterminate = true;

아래 그림을 보시면 애매하게 선택된 체크박스를 확인할 수 있습니다(첫번째 그룹의 "CheckAll" 체크박스). CSS3의 :indeterminate 수도 클래스(pseudoclass)는 아직 지원하지 않습니다.

from document.getElementById(”check1″).indeterminate = true; Now shipping in Firefox Trunk