Firebug Lite

구글 크롬은 웹서퍼들 사이에서뿐만 아니라 파이어폭스와 인터넷 익스플로러의 대안으로 인기를 얻고 있다. 웹 개발자는 Chrome의 속도와 유연성, 오픈 소스 구성 요소를 좋아합니다. Google Chrome용 Firebug Lite는 널리 사용되는 Firebug 웹 개발 도구의 기능을 Chrome 인터페이스에 추가하는 무료 확장 프로그램입니다. Firebug Lite를 사용하면 HTML을 실시간으로 검사 및 수정하고, 네트워크 성능과 활동을 분석하고, 브라우저에서 사용할 수 있는 가장 진보된 디버거라고 주장하는 것으로 JavaScript를 디버그할 수 있습니다.

Chrome용 Firebug Lite 설치는 Chrome에서 페이지를 열고 다운로드 링크를 클릭하고 변경을 허용하는 것만 큼 간단했습니다. Firebug Lite 아이콘은 도구 모음 오른쪽의 확장 공간에 나타납니다. 그것을 클릭하면 프로그램의 하단 패널이 열리고 닫힙니다. 이 확장형 분리형 패널은 Chrome 인터페이스의 너비에 걸쳐 있습니다. 파일 메뉴에는 대상 웹 페이지를 분석하기 위한 검사와 필드를 재설정하기 위한 지우기의 두 가지 항목이 있습니다. 탭이 있는 도구 트레이에는 콘솔, HTML, CSS, 스크립트 및 DOM이라는 항목이 포함되어 있습니다. 하단 프레임의 작은 화살표는 스크립트를 입력하고 실행하기 위한 측면 패널을 토글했습니다. 탐색 버튼을 사용하면 현재 페이지에서 Firebug Lite를 비활성화할 수 있을 뿐만 아니라 팝업 창에서 프로그램을 열 수 있으므로 Chrome과 독립적으로 이동할 수 있습니다.

Firebug Lite를 사용하기 전에 우리는 프로그램의 다양한 도구를 통해 새로운 사용자를 안내하는 훌륭한 작업을 수행하는 개발자의 간단한 비디오 자습서를 보았습니다. 우리는 개인 웹 페이지로 이동하여 검사를 클릭했습니다. HTML 탭은 메인 패널에 코드를 표시했고 작은 측면 패널은 세 개의 탭(스타일, 계산됨, DOM)이 표시되어 열렸고 DOM은 포괄적인 Java 정보를 표시했습니다. 튜토리얼의 지시에 따라 우리는 사이트에서 눈에 띄는 변화를 볼 수 있을 만큼 HTML을 빠르게 변경할 수 있었지만 아무런 해를 끼치지 않았습니다. CSS를 클릭하면 Cascading Style Sheets 도구와 검사를 위해 연결된 모든 사이트를 나열하는 기본 작업 표시줄의 드롭다운 메뉴가 열립니다.

Chrome용 Firebug Lite는 여기에서 모든 것을 적절하게 다루기에는 너무 많은 작업을 수행하지만 실제로 알아야 할 것은 다음과 같습니다. 무료이고 Chrome과 원활하게 통합되며 실제로 매우 잘 작동합니다.