Firebug Lite

Google Chrome đang trở nên phổ biến và được chấp nhận như một giải pháp thay thế cho Firefox và Internet Explorer, và không chỉ trong số những người lướt Web; Các nhà phát triển web thích tốc độ và tính linh hoạt của Chrome cũng như các thành phần nguồn mở của nó. Firebug Lite dành cho Google Chrome là một tiện ích mở rộng miễn phí bổ sung chức năng của công cụ phát triển Web Firebug phổ biến vào giao diện Chrome. Firebug Lite cho phép bạn kiểm tra và sửa đổi HTML trong thời gian thực, phân tích hiệu suất và hoạt động mạng cũng như gỡ lỗi JavaScript với những gì được cho là trình gỡ lỗi tiên tiến nhất hiện có trong trình duyệt.

Cài đặt Firebug Lite cho Google Chrome đơn giản như mở trang trong Chrome, nhấp vào liên kết tải xuống và cho phép các thay đổi. Biểu tượng Firebug Lite xuất hiện trong không gian mở rộng ở bên phải thanh công cụ; nhấp vào nó để chuyển đổi mở và đóng bảng điều khiển phía dưới của chương trình. Bảng điều khiển có thể mở rộng, có thể tháo rời này kéo dài theo chiều rộng của giao diện Chrome. Menu tệp của nó có hai mục: Kiểm tra, để phân tích trang Web mục tiêu và Xóa, để đặt lại trường. Khay công cụ có thẻ chứa các mục nhập có tên Console, HTML, CSS, Script và DOM. Một mũi tên nhỏ trên khung dưới cùng bật mở một bảng điều khiển bên để nhập và chạy các tập lệnh. Các nút điều hướng cho phép chúng tôi hủy kích hoạt Firebug Lite cho trang hiện tại cũng như mở chương trình trong cửa sổ bật lên, cho phép chúng tôi di chuyển nó độc lập với Chrome.

Trước khi sử dụng Firebug Lite, chúng tôi đã xem video hướng dẫn ngắn gọn của nhà phát triển, hướng dẫn này thực hiện rất tốt việc hướng dẫn người dùng mới thông qua các công cụ khác nhau của chương trình. Chúng tôi đã điều hướng đến trang Web cá nhân và nhấp vào Kiểm tra. Tab HTML hiển thị mã trong bảng điều khiển chính, trong khi bảng điều khiển bên nhỏ hơn mở ra với ba tab được hiển thị: Kiểu, Đã tính và DOM, với DOM hiển thị thông tin Java toàn diện. Thực hiện theo hướng dẫn của hướng dẫn, chúng tôi đã nhanh chóng có thể thay đổi HTML đủ để thấy được sự thay đổi rõ ràng trên trang web nhưng không gây hại gì. Nhấp vào CSS đã mở công cụ Trang tính kiểu xếp tầng và menu thả xuống trên thanh tác vụ chính liệt kê tất cả các trang web được liên kết để kiểm tra.

Firebug Lite dành cho Chrome còn quá nhiều thứ để trình bày đầy đủ ở đây, nhưng tất cả những gì bạn thực sự cần biết là: Nó miễn phí, tích hợp liền mạch với Chrome và thực sự nó hoạt động rất tốt.