Cài đặt và sử dụng các tính năng của Add-on Web Developer cho Firefox

Bởi An Le vào December 2015

Cài đặt Web Developer

Các bạn hãy xem trong Video hướng dẫn cài đặt Web Developer dưới đây:

Bước 1: Vào Google tìm từ khóa Firebug, click vào kết quả hiển thị từ trang Addon Web Developer
Bước 2: Click vào add to Firefox
Bước 3: Chọn Install Now, khởi động lại sau khi quá trình cài đặt hoàn tất

Sử dụng một số tính năng trong Web Developer

Mở Firefox, vào 1 trang web nào đó, ví dụ http://daotaoseo.edu.vn
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

giao-dien-web-developer

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

Như vậy các bạn đã được tìm hiểu qua về cách cài đặt Web Developer cũng như cách sử dụng một số tính năng cơ bản trong Web Developer. Các bạn hãy sử dụng và khám phá thêm những tính năng khác trong tiện ích này. Nếu bạn là một người đang bắt đầu tìm hiểu về thiết kế web, học WordPress, học SEO thì đây sẽ là một công cụ quan trọng không thể thiếu cho các bạn.

Chúc các bạn thành công!
Nguồn :http://daotaoseohcm.com/Tu-van-hoc-SEO/Video-hoc-seo/Huong-dan-su-dung-cac-tinh-nang-Web-Developer-Addon-Firefox.aspx