주요 브라우저 및 iOS 장비에 방화범 설치 가이드

Firebug는 웹 페이지 요소를 검사하고 웹 페이지를 디버깅하고 개발할 수있는 멋진 도구가 포함 된 Firefox 부가 기능입니다. 그러나 Firefox와 다른 웹 브라우저에서 이러한 도구를 사용할 수있는 방법은 없습니다..

다른 브라우저를위한 유사한 도구를 개발하는 것은 힘든 일 이겠지만, 방화범이 다른 브라우저에서도 작동하도록 할 수 있다면 큰 도움이 될 것입니다. 모두가 선호하는 브라우저.

자, 파이어 버그 라이트가 여러분의 필요를 해결하기 위해 들어오는 곳입니다. Firebug Lite는 Firebug의 단순 버전이지만 유사한 옵션과 기능을 유지하면서 IE, Opera, Chrome, Safari, iPad 및 iPhone에서 사용할 수 있습니다..

Opera, Safari 및 Chrome에 Firebug Lite 설치

Firebug Lite를 사용하면 설치가 필요하지 않습니다. 자바 스크립트로 작성되어 Firebug Lite 링크를 북마크 할 수 있으며 페이지 검사 준비가 완료됩니다. 따라서 아래 링크를 북마크에 추가하면됩니다 (브라우저의 북마크 바에 링크를 드래그 할 수도 있습니다).

Firebug Lite

Chrome 브라우저를 사용하는 경우 북마크 바가 표시되면 북마크가 다음과 같이 표시됩니다..

이제 Firebug Lite가 필요할 때 작동 할 것입니다..

Opera, Safari 및 Chrome에서 Firebug Lite 사용

이제 Firebug Lite를 사용하여 거의 모든 웹 페이지를 검사 할 수 있습니다. 이 예제에서는 Wikipedia.org를 사용합니다..

웹 페이지가로드되면 이전에 저장 한 Firebug Lite 북마크를 클릭하면 웹 페이지 하단에 콘솔 상자가 나타납니다..

페이지를 닫으면 페이지 왼쪽 하단에 표시됩니다..

이제 많은 선의 시작점에서 (+)와 (-)를 볼 수 있습니다. (+)는 html의 한 줄짜리 줄로 닫힌 줄이 더 많다는 것을 의미하며 줄을 강조하면 페이지의 어느 부분이 표시되는지 알 수 있습니다..

그러나 웹 페이지 자체의 텍스트, 사진, 링크 또는 기타 요소로 표시된 선을 더 쉽게 발견 할 수있게하려면 'Inspect'버튼을 클릭하십시오..

이제 웹 페이지에서 사용할 수있는 요소의 부분으로 마우스 커서를 가져 가면 html 행이 강조 표시됩니다. 이렇게하면 몇 가지 검사를 더 쉽게 할 수 있습니다..

iPad 및 iPhone에 Firebug Lite 설치

Bookmarklets는 iPad 및 iPhone과 잘 어울리지 않습니다. Firebug Lite를 iPad 및 iPhone에 설치하려면 다음과 같이하십시오.

iPad 또는 iPhone에이 페이지 북마크하기.
책갈피의 이름을 "방화 광부"로 변경하십시오..

아래의 모든 스크립트를 선택하고 복사하십시오..

자바 스크립트 : (함수 (F, i, r, e, b, u, g, L, I, T, E) E [r] ( 'id', b), E [r] (E '), E [ E [r] (b, u); (F [e] ( 'head') [0] || F [e] ( 'body') [0]). (문서, 'createElement', 'setAttribute', 'getElementsByTagName', 'FirebugLite', '4', appendChild (E), E = new % 20Image, E [r] 'firebug-lite.js', 'releases / lite / latest / skin / xp / sprite.png', 'https : //getfirebug.com/','startOpened');

북마크 옵션으로 이동하여 '수정'을 누르십시오. 그런 다음 "방화 광"북마크를 선택하십시오..
원래 URL을 제거하고 북마크를 붙여 넣습니다..
고르다 “끝난” 키보드에서.

이제 어떤 웹 사이트를 열어 "Firebug"북마크를 선택하면 iPad 화면 하단에 작동중인 Firebug가 표시됩니다..

결론

Firebug Lite는 빠른 페이지 검사를 수행 할 수있을 정도로 좋습니다. html, css 및 웹 페이지를 작성하는 데 사용 된 스크립트를 볼 수 있습니다. Chrome에는 자체 웹 개발자 확장 기능이 있지만 Firebug Lite는 1 마일 정도 실망시키지 않습니다..