reset and begin
11/07/2010

add ons cần cho web developer

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.

Bloger Comments
G+ Comments
Comments FaceBook

No comments:

List

Profiles Information


About me : Nothing is 1 vài thứ - 1985

Places I've Lived : I Hà Nội

Home Page : http://www.shimivn.blogspot.com/

Think : 1:1000000000

Languages spoken : Vietnamese,English.

Mobile : sony C2305

dell : i3-Ram 3GB- HDD 250GB .