Home-theater-designers
개똥 벌레 웹 개발자의 가장 친한 친구입니다. 웹 페이지를 매우 쉽게 디버그하고 개발할 수 있게 해주는 Firefox 추가 기능입니다. 페이지 요소를 검사하고 다른 많은 기능도 수행하는 방법을 제공합니다. 그러나 Firebug는 어떻습니까? 다른 브라우저?
IE, Safari, Chrome 또는 Opera에 Firebug 설치
Firebug Lite를 사용하면 Firebug를 다음 위치에 설치할 수 있습니다. 어느 웹 브라우저! Firebug는 Internet Explorer, Opera, Safari, Chrome 및 JavaScript를 지원하는 기타 브라우저에서 사용할 수 있어야 합니다. Firebug Lite는 JavaScript로 작성되었으므로 다음 코드를 사용하여 웹페이지에 포함할 수 있습니다.
검사 버튼 기능에는 몇 가지 문제가 있는 것 같으므로 요소를 검사하는 또 다른 방법은 HTML 트리를 탐색하는 것입니다. 그렇게 하려면 + 트리 보기에 표시하여 HTML을 확장하고 검사하려는 요소가 표시되면 HTML에서 해당 요소에 대한 코드 줄을 클릭합니다. 오른쪽에는 계산된 스타일과심판요소의 (문서 개체 모델) 속성입니다.
Firebug Lite에는 JavaScript 콘솔도 있어 JavaScript를 실행할 수 있습니다. 한 번에 한 줄씩 작성하거나 확장 보기에서 한 번에 여러 줄을 작성한 다음 코드를 실행할 수 있습니다.
강조 표시된 요소의 CSS를 편집할 수는 없지만 Firebug Lite는 CSS 편집 메커니즘을 제공합니다. 자신의 CSS 코드를 작성하고 결과가 어떻게 보이는지 볼 수 있는 더 나은 용어가 없는 일종의 'CSS 콘솔'입니다.
물론 Firebug Lite와 같은 이름으로 Firebug의 모든 기능을 가질 것이라고 기대할 수는 없습니다. 불행히도 JavaScript 디버깅은 포함되어 있지 않습니다(Javascript로 JavaScript 디버거를 작성하는 것이 얼마나 어려운지 상상조차 할 수 없습니다). 불행히도 브라우저에서 찾을 수 있는 JavaScript 디버깅 도구가 무엇이든 여전히 막혀 있습니다. 최소한 페이지에 로드된 스크립트 파일의 코드를 쉽게 볼 수 있는 편리함을 제공합니다.
Firebug Lite는 또한 일반 Firebug의 레이아웃 기능이 부족하여 검사 중인 요소의 좌표와 패딩, 테두리 크기 및 여백을 보여줍니다.
전체적으로 Firebug가 없는 것보다 다른 브라우저에 Firebug Lite를 사용하는 것이 좋습니다. 다른 브라우저에서 레이아웃을 디버그하고 문제를 확인하려는 경우 시도해 볼 수 있는 좋은 도구입니다.
Firebug Lite를 사용해 본 적이 있습니까? 이전에 IE, Safari, Chrome 또는 Opera에서 Firebug를 사용한 적이 있습니까? 그렇다면 가장 좋아하는 기능은 무엇입니까?
공유하다 공유하다 트위터 이메일 FBI가 하이브 랜섬웨어에 대한 경고를 발령한 이유FBI는 특히 악성 랜섬웨어 변종에 대해 경고했습니다. Hive 랜섬웨어를 특히 조심해야 하는 이유가 여기에 있습니다.
다음 읽기 관련 항목- 브라우저
- HTML
- 웹 개발
- 웹마스터 도구
- 프로그램 작성
- 웹 디자인
저는 집에서뿐만 아니라 직장에서도 컴퓨터 모니터 앞에서 몇 시간을 보내는 꽤 전형적인 괴짜입니다. 나는 또한 멋진 도구와 도구를 조립하는 것을 즐깁니다.
링크드인 프리미엄으로 무엇을 얻을 수 있습니까?호르헤 시에라가 참여한 작품 더보기
뉴스레터 구독
뉴스레터에 가입하여 기술 팁, 리뷰, 무료 전자책 및 독점 거래를 확인하십시오!
구독하려면 여기를 클릭하세요.