Screen Ruler
Screen Ruler là công cụ không thể thiếu cho các nhà phát triển và thiết kế web, cho phép đo và xác thực kích thước, khoảng cách và căn chỉnh của các phần tử trên trang web.
Liệt kê trong các danh mục:
Tiện ích mở rộng ChromeCông cụ thiết kếCô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 trang web. 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ề các phần tử trên trang, bao gồm tên thẻ, ID và lớp.
Cách sử dụng Screen Ruler?
Bật Thước Kẻ Màn Hình bằng cách nhấp vào biểu tượng tiện ích mở rộng, chọn nó từ menu ngữ cảnh khi nhấp chuột phải, hoặc sử dụng phím tắt Alt/Option + Shift + R. Di chuột qua các phần tử để hiển thị kích thước và thuộc tính của chúng, và chọn các phần tử để đo khoảng cách giữa chúng.
Tính năng chính của Screen Ruler:
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️⃣
Truy cập tên thẻ HTML, tên lớp và ID
4️⃣
Lựa chọn phản hồi có thể thay đổi kích thước theo cửa sổ trình duyệt của bạn
5️⃣
Sao chép CSS đã tính toán vào clipboard
Tại sao nên sử dụng Screen Ruler?
| # | Trường hợp sử dụng | Trạng thái | |
|---|---|---|---|
| # 1 | Các nhà phát triển web xác thực bố cục trang web | ✅ | |
| # 2 | Các nhà thiết kế đảm bảo việc triển khai thiết kế chính xác đến từng pixel | ✅ | |
| # 3 | Các đội đảm bảo chất lượng kiểm tra sự căn chỉnh và khoảng cách của các phần tử web | ✅ | |
Do ai phát triển Screen Ruler?
Thước Kẻ Màn Hình được phát triển bởi Mr. Violets, một nhà phát triển tập trung vào việc tạo ra các công cụ nâng cao trải nghiệm phát triển web. Tiện ích mở rộng được thiết kế để ổn định trên Google Chrome và tương thích với các trình duyệt Chromium khác.