Lập trình - Áo Hai Dây

Firebug

 

Firebug là 1 extension dành cho Mozilla Firefox browser cho phép bạn debug và kiểm tra HTML, CSS, Document Object Model (DOM) và JavaScript.

Nó có nhiều tính năng rất mạnh.Ví dụ trước khi có firebug các developer sử dụng hàm alert() để biết được các biến chứa những gì hoặc tìm ra dòng code nào bị lỗi.

Với Firebug nó cho bạn biết chính xác lỗi gì và lỗi ở dòng nào.

Firebug là tool rất tốt dành cho các nhà phát triểnứng dụng AJAX. Bên cạnh thế mạnh về debug Javascript và DOM, Firebug còn ghi lại các hoạt động của mạng cho phép bạn thấy được các HTTP connection, thăm dò và sửa đổi HTML , debug và nhìn thấy được CSS của bạn.

 

Web Developer

Web Developer extention (Firefox, Flock và SeaMonkey Web browsers) là 1 add-on thêm vào toolbar với nhiều option cho việc debug và thăm dò trang web.

Nó bao gồm rất nhiều lựa chọn cho developer phát triển website như : validate CSS, validate HTML, infomation, Image…

Với các chức năng này chúng ta có thể kiểm tra website chúng ta có đúng chuẩn CSS,HTML…hay không đồng thời có thể xem nhanh cấu trúc và các thành phần khác của website .

 

YSlow

 YSlow là 1 extension của Firefox được tạo bỡi các lập trình viên của Yahoo.Nó chạy cùng với Firebug (Bạn cần phải chạy Firebug trước khi chạy YSlow) .

YSlow dùng để kiểm tra hiệu suất trang web, liệt kê các thành phần trong trang web và báo cáo hiệu suất khi load trang , load các thành phần của tran để từ đó chúng ta có các biện pháp hợp lý nhằm cải thiện hiệu suất cho website.

 

Internet Explorer Web Developer Toolbar  

 

Nếu bạn cần 1 tool có chức năng tương tự Firebug nhưng trên I.E thì bạn có thể tham khảo qua  Internet Explorer Web Developer Toolbar.

Chức năng của nó cũng tương tự như Firebug trên Firefox.

 

Fiddler Web Debugger

Fiddler là 1 extension của IE dùng để phân tích thông tin và traffic HTTP.

Nó cho bạn biết chính xác cái gì xảy ra khi 1 client request 1 trang web, qua đó bạn có thể biết được rất nhiều thông tin và các thông số khác về trang web.

 

DebugBar

DebugBar là 1 extension dùng debug website dành cho IE.

Nó có nhiều tính năng hay ví dụ như : Gửi screenshot của 1 trang web thông qua email, color picker, có thể xem cả 2 code nguyên mẫu và code sau khi phiên dịch.

DebugBar là miễn phí cho cá nhân và giáo dục nhưng đòi hỏi phải mua license nếu sử dụng với mục đích kinh tế.

 

HttpWatch

 

HttpWatch là 1 add-on khác dùng để xem HTTP traffic và debug dành cho Firefox và IE tương tự như Fiddler.

HTTPWatch có một  Basic edition là free và Professional edition là có phí.

 

Live HTTP Headers

 

Live HTTP Headers  là 1 extension của Firefox cho bạn thăm dò HTTP request and response headers.

 

Web Accessibility Toolbar

 

Web Accessibility Toolbar là 1 extension freeware dành cho IE và Opera cho phép bạn ước lượng và phân tích nội dung 1 trang web.

  

Venkman JavaScript Debugger

 

Cái tên của nó đã nói lên tất cả, Venkman là 1 add-on của Firefox dùng để debug javascript trên browser.

ColorZilla

ColorZilla  là 1 extension rất đơn giản nhưng hữu dụng . Nếu bạn muốn biết màu gì sử dụng trên trang web thì nó là 1 tool rất hữu ích cho bạn.

 

FireShot

 

FireShot cho phép bạn chụp màn hình và sau đó chú giải , sửa đổi và tổ chức nó.

 

Web Inspector

 

Web Inspector là 1 phần của webkit  open-source browser engine project . Nó cho phép bạn thao tác trên mô hình DOM.

 

FireFTP

 

FireFTP là free , là 1 trình FTP client có chức năng giống như các trình FTP client khác.

 

Fangs

 

Fangs nó có chức năng xuất ra 1 bản sao những gì mà 1 screen reader sẽ đọc cho user khi viếng thăm trang web.

Hy vọng là các tool tôi nêu trên phần nào giúp ích các bạn trong công việc đặc biệt là trong việc phát triển web. 

minh.tran Thiết kế web http://kienthucso.com/post/2008/11/20/15-Tool-huu-ich-tich-hop-Browser-danh-cho-cac-nha-phat-trien-web.aspx

Ðược xem 4832 lần, 1 hôm nay