Firefox, 1 trình duyệt nổi tiếng, có nhiều addons nhất hiện nay, nó hổ trợ rất nhiều cho việc lướt web, cũng như trong từng công việc đặc thù của của chúng ta, đặc biệt là những người phát triển web, kiểm tra chất lượng chương trình.

Nay mình sẻ giới thiệu 10 addons không thể thiếu của firefox dành cho web developer và QA:

1. Screengrab
Chụp toàn bộ màng hình của trang web hoặc chúng ta có thể chụp những phần mà chúng  ta thấy.

2. GreaseMonkey
Thực thi JavaScript của bạn trên trang web bên ngoài. Bạn có thể tùy chỉnh các trang web theo nhu cầu của bạn bằng cách thao tác các phần tử DOM, chuyển hướng đến các trang web khác, làm mới trang để giữ cho session còn sống. Bạn có thể tìm thấy các script phong phú đó tại: http://userscripts.org/

3. View Source Chart
Xem source code tốt hơn trình mặc định của firefox, bạn có thể xem hình bên dưới để thấy được sự khác biệt. Click chuột phải lên trang và chọn View Source Chart.

4. Measure It
Là cây thước cho việc xử lý html, giúp bạn tính pixel 1 cách chính xác.

5. ColorZilla
Từ nay bạn sẻ không cần phải chụp hình, lưu lại và mở với photoshop và sau đó xem mã màu của nó nửa, tất cả các việc đó đều trong add on này.

6. Web Developer
Tất cả trong 1, sau khi cài đặt web developer toolbar sẻ hiển thị, cho phép chúng ta xem cookie, css, javascript, image và so much more....

7. ScrapBook

8. Firebug

Chắc chắn là 1 addon không thể thiếu đối với các web developer hiện nay, nó giúp bạn inspect html document của bạn xem code dom, css, javascript.... thậm chí có thể giúp bạn gỡ rối javascrip code.

9. FireCookie

Extension của firefox, cho phép bạn xem cookie và cũng có thể xuất chúng.

10. YSlow

Đây là một phần mở rộng tuyệt vời của Firebug từ Yahoo. Nó chỉ ra các cách để cải tiến cho trang web của bạn bằng cách kiểm tra và đề xuất các thực hành tốt nhất.

Translate and edit by Neon Quach - reference

I’ve used Google’s Page Speed plug-in for Firebug a lot since it was released last year. Even though it’s not as good as Yahoo’s YSlow plug-in, it’s still very usable for some scenarios YSlow doesn’t support – my favorite being the analysis of unused CSS and selector optimizations.

It also has a feature that will tell you how much your web page will gain by minifying the HTML.

Not only does it analyze the difference but it can also generate an optimized version of your HTML. It removes unnecessary whitespace which in most cases are pretty harmless. But, it does more than that. It actually strips out attribute quotes from the HTML elements as well as remove the closing </body> and </html> tags. This renders the entire page invalid according to any WC3 (X)HTML standards. 

Even though it is a good idea to minify your HTML, this feature of the Page Speed plug-in makes it completely useless to me. Unless you’re Google, Twitter or Facebook, this feature is just strange.

Reference