Screen Ruler for Google Chrome
Screen Ruler là công cụ hoàn hảo cho các nhà phát triển web và nhà thiết kế muốn đo kích thước, khoảng cách và lề của bất kỳ phần tử nào trên trang web.
Liệt kê trong các danh mục:
Công cụ thiết kếTiện ích mở rộng ChromeCông cụ phát triển
Mô tả
Thước Kẻ Màn Hình là một tiện ích mở rộng trên Chrome được thiết kế cho các nhà phát triển web và nhà thiết kế để đo kích thước, khoảng cách, lề và đệm của bất kỳ phần tử nào trên bất kỳ trang web nào. Nó cho phép người dùng xác thực việc triển khai trang web của họ bằng cách cung cấp thông tin chi tiết về kích thước phần tử, tên thẻ, ID và lớp chỉ bằng cách di chuột qua chúng.
Cách sử dụng Screen Ruler for Google Chrome?
Để sử dụng Thước Kẻ Màn Hình, hãy nhấp vào biểu tượng tiện ích mở rộng hoặc sử dụng menu ngữ cảnh nhấp chuột phải để kích hoạt nó. Di chuột qua các phần tử để xem kích thước và thuộc tính của chúng, chọn các phần tử để đo khoảng cách, và truy cập CSS đã tính toán trong bảng bên. Bạn có thể tùy chỉnh phím tắt để dễ dàng truy cập hơn.
Tính năng chính của Screen Ruler for Google Chrome:
1️⃣
Đo kích thước pixel của bất kỳ phần tử nào
2️⃣
Đo khoảng cách pixel giữa hai phần tử bất kỳ
3️⃣
Xem tên thẻ HTML, tên lớp và ID
4️⃣
Truy cập CSS đã tính toán và sao chép vào clipboard
5️⃣
Tùy chỉnh phím tắt
Tại sao nên sử dụng Screen Ruler for Google Chrome?
| # | Trường hợp sử dụng | Trạng thái | |
|---|---|---|---|
| # 1 | Các nhà phát triển web có thể xác thực việc triển khai thiết kế của họ bằng cách kiểm tra kích thước và căn chỉnh phần tử. | ✅ | |
| # 2 | Các nhà thiết kế có thể đảm bảo độ chính xác pixel hoàn hảo trong thiết kế của họ bằng cách so sánh với các trang web đã triển khai. | ✅ | |
| # 3 | Các đội ngũ đảm bảo chất lượng có thể sử dụng công cụ này để xác định các vấn đề về bố cục và căn chỉnh trước khi một trang web được công bố. | ✅ | |
Do ai phát triển Screen Ruler for Google Chrome?
Thước Kẻ Màn Hình được phát triển bởi Nontrader, một nhà phát triển tập trung vào việc tạo ra các công cụ cho các nhà phát triển web và nhà thiết kế nhằm nâng cao quy trình làm việc và cải thiện độ chính xác trong việc triển khai trang web.