Pixel Inspector - Một tiện ích Chrome để kiểm tra phần tử
Pixel Inspector là một công cụ hữu ích cho các nhà phát triển và nhà thiết kế để kiểm tra các phần tử trang web. Với tiện ích này, người dùng có thể đo khoảng cách giữa các phần tử và xem thông tin phong cách một phần.
Các tính năng chính của Pixel Inspector bao gồm:
- Hiển thị thông tin: Sau khi kích hoạt tiện ích, người dùng có thể di chuột qua một phần tử để xem thông tin phong cách một phần.
- Chọn phần tử: Có hai chế độ để chọn phần tử - chế độ bàn phím và chế độ nhấp chuột. Người dùng có thể chuyển đổi giữa hai chế độ bằng cách sử dụng phím tắt 'ctrl + m' hoặc 'command + m'. Ở chế độ bàn phím, người dùng có thể chọn một phần tử bằng cách di chuột qua nó và nhấn 'ctrl' hoặc 'command'. Ở chế độ nhấp chuột, người dùng có thể đơn giản nhấp chuột vào một phần tử để chọn nó.
- Bỏ chọn phần tử: Ở chế độ bàn phím, có ba cách để bỏ chọn một phần tử - nhấn 'ctrl' hoặc 'command' hai lần, nhấn 'ctrl' hoặc 'command' một lần trên phần tử đã chọn, hoặc nhấn 'esc'. Ở chế độ nhấp chuột, người dùng có thể bỏ chọn một phần tử bằng cách nhấp chuột vào nó một lần nữa hoặc nhấn 'esc'.
- Đo khoảng cách giữa các phần tử: Sau khi chọn một phần tử, người dùng có thể di chuột đến các phần tử khác để hiển thị khoảng cách giữa chúng.
- Hiển thị khoảng cách: Trong quá trình đo khoảng cách, người dùng có thể chọn hiển thị chỉ khoảng cách theo hướng x hoặc y để dễ nhìn hơn. Nhấn 'x' sẽ chỉ hiển thị khoảng cách theo hướng x, nhấn 'y' sẽ chỉ hiển thị khoảng cách theo hướng y, và nhấn phím lại sẽ hiển thị cả hai khoảng cách.
- Sao chép mã CSS: Người dùng có thể dễ dàng sao chép mã CSS bằng cách nhấn 'ctrl + c' hoặc 'command + c'.
Pixel Inspector là một tiện ích miễn phí dành cho Chrome được phát triển bởi lichengtao9508. Nó thuộc danh mục Trình duyệt và danh mục con Các tiện ích & Công cụ. Với các tính năng tiện lợi, nó cung cấp cho các nhà phát triển và nhà thiết kế một công cụ quý giá để kiểm tra các phần tử trang web.
