Debug CSS dành cho Google Chrome

Gỡ lỗi CSS cho chrome từ Pranay Joshi

Gỡ lỗi CSS là một tiện ích mở rộng nhẹ dành cho Google Chrome cho phép bạn xem đường viền của tất cả các phần tử trên trang. Đây là một công cụ hữu ích dành cho các nhà phát triển, nhà thiết kế và nhà sản xuất trò chơi để giúp họ gỡ lỗi các trang web và ứng dụng của họ.

Với tiện ích mở rộng này, bạn có thể dễ dàng xem phong cách của tất cả các phần tử trên trang. Chỉ cần nhấp vào biểu tượng để bật hoặc tắt.

Sau khi cài đặt xong, bạn có thể sử dụng nó bằng cách nhấn nút Ctrl và di chuột qua phần tử. Bạn sẽ thấy tên và giá trị của phần tử.

Tên và giá trị của phần tử sẽ được hiển thị bằng màu khác.

Đây là một công cụ rất hữu ích cho các nhà phát triển và nhà thiết kế để giúp họ gỡ lỗi các ứng dụng và trang web của họ.

Cách sử dụng?

Sau khi cài đặt, bạn sẽ cần thêm mã sau vào tệp CSS:

` p >

* {

outline: 1px solid red;

} `

Bạn cần đảm bảo rằng mình có phiên bản Chrome mới nhất.