Firebug Lite for Google Chrome 1.4 Công cụ phát triển web

Firebug Lite for Google Chrome là công cụ phát triển web trên trình duyệt Chrome cho phép xem code HTML, CSS, JavaScript của 1 trang web cụ thể đi kèm với tính năng gỡ lỗi JavaScript mà bất kì nhà phát triển web nào cũng mong muốn tìm kiếm.

Thông tin về trang web hiển thị khi click vào biểu tượng của tiện ích trên trình duyệt

Firebug Lite for Google Chrome không phải là một phiên bản thay thế cho Firebug hay Chrome Developer Tools mà nó hoạt động song song cùng những công cụ này. Công cụ xem mã nguồn trang web Firebug Lite for Google Chrome không những mang đến hình ảnh trực quan khi làm việc cùng các yếu tố HTML, DOM hay đổ bóng Box Model tương tự như Firebug mà còn cung cấp rất nhiều tính năng tuyệt vời khác như khả năng truy vấn HTML bằng cách sử dụng chuột, biên tập thuộc tính CSS...

Giới thiệu công cụ phát triển web Firebug Lite for Google Chrome

Sau khi thêm tiện ích vào trình duyệt, biểu tượng của Firebug Lite for Google Chrome sẽ xuất hiện trên thanh địa chỉ. Click vào đó sẽ cung cấp cho nhà phát triển những công cụ phát triển được trang web hiện thời sử dụng. Bạn có thể xem các yếu tố HTML cùng với style, thuộc tính, metrics, điểm DOM...

Firebug Lite for Google Chrome thực hiện truy vấn thông tin HTML khi click vào thẻ HTML và chọn Inspect

Thêm vào đó, người dùng cũng có thể xem được tài nguyên web như khung, bộ nhớ cache, bộ nhớ local và session, các thông tin liên quan tới mạng, nguồn (như biến phạm vi, gọi bộ giả lập, điểm XHR...), dòng thời gian (sự kiện...), hồ sơ (thu thập CPU JavaScript hoặc CSS Selector Profile)... Nó cũng cho phép chọn một yếu tố từ trang web để kiểm tra.

Firebug Lite for Google Chrome không khác gì mấy Firebug khi sử dụng bookmarklet hay các thẻ script trong trang nhưng dưới dạng tiện ích trên Google Chrome, nó có một vài lợi ích như sau:

• Tích hợp trong toolbar của trình duyệt giúp truy cập nhanh chóng.
• Làm việc ngoại tuyến, không cần kết nối Internet.
• Tải nhanh hơn và không xảy ra hiện tượng FOUC (Flash of Unstyled Content).
• Firebug Lite for Google Chrome sẽ được tải trước tất cả các script khác, cho phép nó nắm được tất cả các yêu cầu XHR của trang.
• Tiện ích tự động kích hoạt Firebug Lite với một số domain cụ thể nên lần tới khi truy cập trang, domain đó có thể được tự động kích hoạt.

Không hề tiêu tốn tài nguyên máy tính và có thời gian phản hồi rất tốt, Firebug Lite for Google Chrome là công cụ xem tài nguyên web HTML và CSS rất hữu ích. Được cung cấp hoàn toàn miễn phí cùng với khả năng làm việc vô cùng trơn tru trên trình duyệt Chrome, đây sẽ là tiện ích hữu dụng với bất cứ nhà phát triển nào.

Nguyễn Thúy