Trình kiểm tra CSS là công cụ miễn phí mạnh mẽ cho phép bạn di chuột qua bất kỳ phần tử nào trên trang web để xem ngay các thuộc tính CSS đã tính toán.
Cho dù bạn đang khắc phục sự cố bố cục hay nghiên cứu một trang web bạn yêu thích, CSS Inspector cung cấp mọi thứ bạn cần trong một bảng điều khiển nổi sạch sẽ. Kiểm tra dễ dàng mà không cần mở DevTools của trình duyệt.
Xem ngay phông chữ, kích thước, màu sắc, khoảng cách và nhiều nội dung khác khi di chuột qua bất kỳ phần tử nào.
Nhấp vào phần tử để khóa bảng điều khiển không bị biến mất, cho phép kiểm tra chi tiết.
Nhấp đúp vào các giá trị để thay đổi chúng trực tiếp. Các chỉnh sửa của bạn sẽ phản ánh ngay lập tức trên trang.
Sao chép các thuộc tính riêng lẻ hoặc toàn bộ khối kiểu thiết kế vào khay nhớ tạm của bạn bằng một cú nhấp chuột.
Xem các giá trị lề (margin), viền (border) và đệm (padding) một cách trực quan.
Hiển thị chiều rộng, chiều cao và vị trí của phần tử trên trang.
CSS Inspector hiển thị hơn 40 thuộc tính:
font-familyfont-sizefont-weightline-heightletter-spacingtext-aligntext-transformcolorwidthheightpaddingmarginborderborder-radiusbox-sizingdisplaypositiontoprightbottomleftz-indexfloatoverflowbackground-colorbackground-imagebackground-sizebackground-positionopacitybox-shadowtext-shadowtransformtransitioncursorKiểm tra các phần tử bị lệch hàng với độ chính xác cao.
Nghiên cứu các kiểu dáng của trang web yêu thích của bạn.
Kiểm tra các thay đổi trước khi viết mã.
Hiển thị các thay đổi trực tiếp trong các cuộc họp.
Dễ dàng lấy mã CSS cho các phần tử mới.
Nhấp vào biểu tượng CSS Inspector trong thanh công cụ DevSuite Pro.
Di chuyển con trỏ của bạn qua bất kỳ phần tử nào để xem các thuộc tính của nó.
Nhấp vào phần tử để ghim bảng thông tin.
Nhấp đúp vào các giá trị để điều chỉnh chúng.
Sao chép mã đã cập nhật và sử dụng nó trong dự án của bạn.
Cài đặt DevSuite Pro miễn phí và mở khóa hơn 39 công cụ dành cho nhà phát triển cho trình duyệt của bạn.