Better Ruler dành cho Google Chrome

Trịnh bày HTML tốt hơn: Một công cụ đo tiện lợi cho phát triển Front-End và thiết kế giao diện người dùng.

Better Ruler là một tiện ích mở rộng Chrome cung cấp một cách tiện lợi để đo kích thước các phần tử web cho phát triển front-end và thiết kế giao diện người dùng. Với tính năng snapping của nó, nó cho phép người dùng dễ dàng đo kích thước các phần tử trên trang web.

Để sử dụng Better Ruler, chỉ cần nhấp vào biểu tượng tiện ích để chạy tiện ích. Nhấp lại sẽ thoát khỏi tiện ích. Trong quá trình sử dụng tiện ích, giữ phím Alt/Option và di chuyển chuột sẽ hiển thị kích thước của phần tử tại vị trí chuột theo thời gian thực. Ngoài ra, giữ nút chuột trái và di chuyển sẽ tự động snap ruler vào viền của phần tử.

Better Ruler cũng cung cấp chế độ chỉnh sửa, có thể kích hoạt bằng cách nhấp đúp vào layer hiện tại. Trong chế độ này, người dùng có thể kéo và thay đổi kích thước của layer. Nhấn phím Backspace sẽ xóa layer hiện tại, và nhấp đúp vào layer một lần nữa hoặc nhấn Esc sẽ thoát khỏi chế độ chỉnh sửa.

Để tăng tính sử dụng, Better Ruler cung cấp phím tắt. Nhấn 'f' để hiển thị hoặc ẩn thanh công cụ, trong khi nhấn Shift sẽ hiển thị hoặc ẩn kích thước. Người dùng cũng có thể sử dụng Alt+Z để kích hoạt hoặc vô hiệu hóa tiện ích. Nếu phím tắt này không hoạt động, người dùng có thể gán phím cho mình trong cài đặt tiện ích mở rộng Chrome. Hoặc, sau khi kích hoạt tiện ích một lần, người dùng có thể nhấn đúp 'z' để kích hoạt hoặc vô hiệu hóa tiện ích.

Đối với các tệp HTML cục bộ, người dùng có thể truy cập chrome://extensions, tìm tiện ích Better Ruler và bật "cho phép truy cập vào URL tệp" để đảm bảo hoạt động hiệu quả.

Better Ruler là một tiện ích mở rộng miễn phí cung cấp một giải pháp đơn giản và hiệu quả cho việc đo kích thước các phần tử web, là một công cụ quý giá cho nhà phát triển front-end và nhà thiết kế giao diện người dùng.