Firebug Lite bookmarklet

Firebug là một addon không thể thiếu cho Firefox nếu bạn là một Web Designer ( hoặc nhưng người không chuyên nhưng thích vọc như mình ), nó được tích hợp vào Firefox như một công cụ đa năng giúp bạn làm được rất nhiều việc như chỉnh sửa, sửa lỗi hay theo dõi các thành phần của 1 trang web như CSS, HTML, Javascript trong bất kì một website nào. Bản thân Firebug là một addon nhưng nó còn có thể tích hợp thêm một số tính năng khác như : Page Speed (kiểm tra tốc độ của các thành phần trong website), hoặc YSlow (Công cụ tính điểm cho trang web dựa trên các thông số chuẩn của Yahoo).

Tuy nhiên, nếu bạn muốn sử dụng Firebug thì việc đầu tiên là bạn cần phải cài đặt và sử dụng Firefox hoặc các trình duyệt dựa trên nhân của Firefox. Nhưng nếu bạn sử dụng trình duyệt khác thì sao ? Như mình đang sử dụng Opera chẳng hạn. Câu trả lời chính là sử dụng Firebug Lite – một bookmarklet.

Firebug Lite là sự lựa chọn thay thế hoản hảo của Firebug khi :

- Bạn không dùng Firefox nhưng muốn dùng Firebug.
- Bạn dùng Firefox nhưng không muốn cài đặt thêm addon.

Ưu điểm :

- Nhẹ nhàng, tiện lợi.
- Tương thích với nhiều trình duyệt.

Nhược điểm :

- Thiếu 1 số tính năng so với addon Firebug trên Firefox. (Đọc chi tiết ở trang chủ)
- Không thể tích hợp được các tiện ích khác.

Để cài đặt Firebug Lite, bạn hãy kéo địa chỉ sau lên thanh bookmark của trình duyệt đang dùng :

Hoặc thêm 1 địa chỉ mới trên thanh bookmark rồi paste đoạn mã sau vào ô URL :

javascript:(function(F,i,r,e,b,u,g,L,I,T,E){if(F.getElementById(b))return;E=F.documentElement.namespaceURI;E=E?F[i+'NS'](E,'script'):F[i]('script');E=F[i]('script');E[r]('id',b);E[r]('src',I+g+T);E[r](b,u);(F[e]('head')[0]||F[e]('body')[0]).appendChild(E);E=new%20Image;E[r]('src',I+L);})(document,'createElement','setAttribute','getElementsByTagName','FirebugLite','1.3.0.3','firebug-lite.js','releases/lite/latest/skin/xp/sprite.png','https://getfirebug.com/','#startOpened');

Sau khi kéo Firebug Lite lên thì thanh bookmark sẽ trông tương tự như sau :

Thử mở Firebug Lite với trang Google :

Hiện Firebug Lite tương thích với các trình duyệt sau : IE6+, Firefox, Opera, Safari và Chrome.
Bạn có thể xem thêm về Firebug Lite ở đây.