Cài đặt IE Developer Toolbar
- Download và cài đặt phiên bản 3
- Khởi động lại Internet Explorer
- Thêm nút IE Developer Toolbar vào thanh công cụ của trình duyệt

- Sau khi hoàn thành thì đóng cửa sổ lại

- Nút hiển thị sẽ xuất hiện trên thanh công cụ :

Khởi đầu với IE Developer Toolbar
Nhấn vào nút IE Developer Toolbar mà bạn đã thêm vào thanh công cụ. Mặc định cửa sỏ chương trình sẽ xuất hiện dưới đáy của cửa sổ trình duyệt IE. Nhưng nếu bạn không thích nó xuất hiện trong cửa sổ trình duyệt thì có thể nhấn vào nút ở góc trên bên phải nhằm unpin nó.
Như bạn đã thấy IE Developer Toolbar đã phân tích toàn bộ mã nguồn HTML của trang web. Bạn có cải thiện thêm các tính năng của nó thông qua các menu xuất hiện trong giao diện.
Sử dụng
Có lẽ chức năng tuyệt vời nhất của tiện ích này "Select Element by Click"
mà bạn có thể bật được nó qua nhấp chuột vào menu Find hay nhấp chuột vào biểu tượng
.
Khi bạn click vào bất kỳ một thành phần HTML,DOM hay Javascript nào trên trang web lập tức mã nguồn của nó sẽ được phân tích ra ngay cho bạn thấy.
Ngoài ra nếu bạn muốn bạn có thể chỉnh sửa ngay lập tức mã nguồn đó và nó sẽ lập tức được áp dụng trong việc hiển thị( nhờ chức năng này nhà phát triển có thể nhanh chóng đưa ra giải pháp cải thiện mã trang web của mình hơn).Ví dụ như trong một Form như hình vẽ trên, bạn có thể thêm thuộc tính cho form input đó bằng cách nhấn vào nút
.
Chọn màu nền(background-color) và đánh 'orange' vào. kết quả được áp dụng ngay tức khắc:
Một tiện ích khác, vào Find(của IE Developer Toolbar)>>Find element...
Như đã thấy, bạn có rất nhiều tuỳ chọn cho việc này.
Lối tắt(Shortcuts)
Nhấp chuột phải vào một nút trên cây hiển thị:
Bạn có thể xem mã nguồn của Element này(như các phần tử CSS chẳng hạn):
Một đường tắt khác là vào Current Style nhấn vào phần tử mà bạn muốn xem(chuột phải>>Trace Style)
Hiển thị ra như sau:
Các menu công cụ
Ruler
Ví dụ:
Bạn có thể dùng nó để đo kích thước các hình ảnh, đồng thời tuỳ chọn màu của ruler cũng tồn tại để bạn có thể tuỳ ý chỉnh sửa.
Color picker
Kết luận
Có thể so sánh với công cụ tuyệt vời cho phát triển web FireBug của Firefox,IE Developer Toolbar là một công cụ tuyệt vời cho trình duyệt IE. Hy vọng bài viết này sẽ có chút ích lợi với các thành viên VVN.
Ngoài ra đây là Link download bản IE Developer 2 có serial + crack đầy đủ :
http://www.mediafire.com/?nnmmmmyettg






