Chủ đề: Web Developer - Công cụ cần thiết cho thiết kế Website

Bài này hướng dẫn bạn cài và sử dụng 1 addon rất hữu dụng trong firefox. Addon này tên là Web Developer
Add-on này giúp bạn tìm hiểu cấu trúc, các thành phần trong (Images, Javascript, CSS, Flash, HTML…) một trang web

.Sử dụng Web Developer

• Mở Firefox, vào 1 trang web nào đó, ví dụ [Chỉ có thành viên mới có thể nhìn thấy link. CLICK VÀO ĐÂY ĐỂ ĐĂNG KÝ]
• Hiện/ẩn kích thước từng khối : Nhắp nút Information >> Block Size
• Hiện/ẩn id hoặc class của các thành phần:: Nhắp nút Information >> Display Id and Class Details
• Hiện/ẩn địa chỉ của từng hyperlink : Nhắp nút Information >> Display Link Details
• Hiện/ẩn thông tin của các Flash: Nhắp nút Information >> Display Object Information
• Hiện/ẩn các màu mà trang web đang dùng : Nhắp nút Information >> View Color Information
• Xem các HTTP heaser trả về từ server : Nhắp nút Information >> View Response Headers
• Xem thông tin về trang web hiện hành: Nhắp nút Information >> View Page Information
• Xem topographic : Nhắp nút Information >> Display Topographic Information
• Hiện/ẩn thông tin chi tiết của 1 đối tượng: Nhắp nút Information >> Display Element Information. Nhắp
  chọn 1 đối tượng sẽ thấy các thông tin của đối tượng hiện ra
• Hiện/ẩn kích thước các hình: nhắp nút Images >> Display Image Demensions
• Hiện/ẩn kích thước file của các hình: nhắp nút Images >> Display Image File Sizes
• Hiện/ẩn địa chỉ của các hình: nhắp nút Images >> Display Image Paths
• Hiện CSS của trang: nhắp nút CSS >> View CSS

Kết luận: công cụ này giúp các bạn tìm hiểu rõ, sau hơn vào cấu trúc Images, Javascript, CSS, Flash, HTML… của một trang web. Hãy thử sử dụng nha!.

[Chỉ có thành viên mới có thể nhìn thấy link. CLICK VÀO ĐÂY ĐỂ ĐĂNG KÝ]
Không bấm thanks, mọi thắc mắc sẽ không giải đáp

View more random threads:

• [Plug In] Để Microsoft Office trở nên hoàn...
• [Extension] 6 extension tăng cường bảo mật...
• [Extension] TidyRead - Loại bỏ quảng cáo và...
• [Extension] Chrome Toolbox - Bắt Chrome phải xác nhận...
• [Extension] Crypter - Tạo và giải mã "mật...
• Các tiện ích mở rộng của Google Chrome
• [Extension] Instagram for Chrome - Duyệt...
• [Add on - Extension] Visual Hashing - Thước...
• [Extension] WAV Player for Gmail - Nghe file...
• [Soft] Messenger Plus! 5.0.1 - Thêm 10 tính...