'YSlow'에 해당되는 글 3건

firebug에 쓸수 있는 5가지 익스텐션!

원문 : http://www.webmonkey.com/blog/The_Five_Best_Firebug_Extensions



파이어버그(firebug)와 관련된 5가지 익스텐션을 소개해드립니다.


1. YSlow (다운로드)


사용자 삽입 이미지


가장 잘 알려져있는 firebug 익스텐션인 YSlow입니다.

yahoo에서 발표한 웹사이트 최적화 항목들에 대해서

해당 홈페이지가 어떤 등급을 나타내는지 보여줍니다.

이를 통해서 자신의 웹사이트가 어떤 부분에서 성능개선이 요구되는지 확인할 수 있습니다.



2. firecookie (다운로드)


사용자 삽입 이미지


firebug에는 왜 이런기능이 없나 항상 생각했는데 좋은 익스텐션이 있군요.

저는 ncookie 라는 익스텐션을 그간 사용하고 있었는데 firecookie로 갈아타야겠습니다.

이 익스텐션의 기능은 내 컴퓨터에 설치되어있는 모든 쿠키들을 볼수 있습니다.

쿠키 값은 물론 수정가능합니다.



3. firephp (다운로드)


사용자 삽입 이미지

http://www.firephp.org/

php와 연동해서 firebug의 콘솔 탭에서 php버그를 확인할수 있습니다.

이 익스텐션은 워낙에 설명해야할 부분이 많으니 이쯤에서 소개 마치도록 하고

정확한 사용법에 대해서는 홈페이지를 참고하세요.

참고로 php5 이상에서 사용가능합니다.



4. Pixel Perfect (다운로드)



사용자 삽입 이미지

캡쳐 사진을 보면 알수 있듯이

실제 웹페이지와 비교해서 정확한 픽셀을 맞추도록 도와주는 익스텐션입니다.



5. Rainbow (다운로드)


firebug의 자바스크립트에 색상을 입혀줍니다.

그간 너무 심심하게 검정색으로만 나왔는데 좀더 자바스크립트 코드보기가 한결 쉬워지겠군요.

사용자 삽입 이미지








3, 4, 5번 익스텐션은 아직 테스트단계로 모질라에서 다운로드를 시도할 경우

로그인을 필요로 합니다. 참고해두시기 바랍니다.

또한 3, 4, 5 익스텐션은 이왕이면 파이어폭스 및 파이어버그 최신버전에서 사용하시는게

안정성이 있는것 같아보입니다.


파이어버그 만세!

Comment List

| 1 | 2 | 3 |