Sử dụng thước đo trang để đo kích thước các phần tử trang trong đơn vị pixel một cách dễ dàng.
😉 Xin chào, những tâm trí tò mò!
🌟 Bao giờ bạn ước mình có một thước đo trực tuyến ma thuật cho trang web của mình để đo đạc pixel trên chúng? ✨
📏 Thế thì đoán xem? Gặp Page Ruler, đồng minh đáng tin cậy của bạn trong thế giới đo đạc trang! 🚀
Thịnh hành là gì?
Page Ruler không phải là tiện ích mở rộng thông thường; nó giống như có một siêu năng lực ngay trong trình duyệt của bạn! Chỉ cần nhấp chuột, bạn có thể đo lường mọi thứ trên màn hình của mình (ví dụ: đo lường một hình ảnh trên một phần tử div. 🖱️ Muốn biết chiều rộng của bức hình mèo dễ thương đó là bao nhiêu không? Hoặc chiều cao của biểu ngữ chơi game ngầu đó là bao nhiêu? Page Ruler sẽ giúp bạn.
Dễ như ăn bánh
Sử dụng thước đo rất dễ dàng như ăn bánh 🥧 (và ai mà không thích bánh?). Nhấp vào nút hành động, và voilà! Bạn có kích thước của bất kỳ đối tượng nào trên màn hình của bạn. Không có phức tạp ở đây, chỉ có phép màu đo lường đơn giản và thuần túy. ✨
Xem lưới đồ sộ
📊 À, và đây là điều tuyệt vời nhất: thước đo pixel đi kèm với chế độ xem lưới siêu tiện lợi! Giống như có một tờ giấy kẻ ô nhỏ gọn đè lên trang của bạn, giúp việc đo đạc trở nên dễ dàng. Không cần nhìn chăm chú và đoán. Chỉ cần đo lường chính xác, mỗi lần.
😉 Vậy, bạn còn chờ gì nữa?
Sẵn sàng khám phá thế giới đo lường dễ dàng và làm mới tự động chưa? Tải Page Ruler ngay bây giờ và tham gia vào hàng ngũ các phù thủy web! 🌐 Dù bạn là một chuyên gia lão luyện hay chỉ mới bắt đầu cuộc phiêu lưu trực tuyến của mình, Page Ruler là công cụ lý tưởng của bạn để làm cho việc duyệt web trở nên dễ dàng. Hãy thử ngay! Trang web của bạn sẽ biết ơn bạn.
✨ Ứng dụng này là một tiện ích nhẹ tương thích với nhiều trình duyệt, được thiết kế để giúp bạn đo khoảng cách trong trang web một cách dễ dàng. Khi bạn duyệt qua một trang web, chỉ cần di chuột, và voilà! Một thước đo hình chữ nhật xuất hiện, đầy đủ với chiều rộng, chiều cao, điểm bắt đầu và kết thúc, tất cả được ghi nhãn một cách gọn gàng bằng pixel. 📏 Mỗi khi di chuyển chuột, hình chữ nhật sẽ điều chỉnh kích thước của mình, cập nhật tất cả các giá trị số theo thời gian thực. Để kích hoạt tiện ích mở rộng, chỉ cần nhấp một lần vào nút thanh công cụ. Và nếu bạn cần tắt nó, chỉ cần nhấp một lần vào nút thanh công cụ là xong. Đối với những người sử dụng thiết bị hỗ trợ cảm ứng, đừng lo lắng! Bạn vẫn có thể sử dụng thước đo bằng cách kéo hình chữ nhật trực tiếp trên trang. 🖱️
🎨 Bắt đầu với công cụ đo trực tuyến trên trang web là một điều dễ dàng! Chỉ cần truy cập trang web mà bạn muốn đo, sau đó nhấp vào nút thanh công cụ để kích hoạt tiện ích bổ sung. Khi đã kích hoạt, bạn sẽ thấy một lưới đồng nhất (50x50 pixel) che phủ trang, kèm theo thanh thông tin tiện lợi ở góc trên bên trái được ghi là "Chế độ Ruler" (nó bị vô hiệu hóa mặc định từ ngày 25.04.2024). Cần tắt tiện ích bổ sung hoặc loại bỏ lưới? Chỉ cần nhấn nút thanh công cụ một lần nữa. Khi tiện ích bổ sung đang hoạt động, bạn có thể tự do di chuyển chuột trên trang để vẽ hình chữ nhật. Từ đó, bạn có thể dễ dàng đọc các kích thước trong pixel, bao gồm chiều rộng, chiều cao, điểm bắt đầu và kết thúc. Ngoài ra, nếu cần điều chỉnh tinh chỉnh, bạn có thể điều chỉnh điểm cuối bằng cách sử dụng các phím mũi tên trên bàn phím.
🌟 Tò mò về việc khám phá mã nguồn của công cụ đo trang? Bạn may mắn! Hãy truy cập Chrome Web Store và tải tiện ích mở rộng. Chỉ cần một cú nhấp chuột đơn giản, bạn có thể tải mã nguồn dưới dạng ZIP hoặc CRX trực tiếp vào máy của bạn. Và đối với người dùng Firefox, đừng lo lắng! Bạn có thể lấy mã nguồn bằng cách nhấp chuột phải vào nút "Thêm vào Firefox" và chọn "Lưu liên kết dưới dạng...". Chọn thư mục đích, lưu tệp dưới dạng XPI, sau đó chuyển đổi nó sang định dạng RAR hoặc ZIP. Mặc dù một số tiện ích có thể có kho GitHub, việc tải từ cửa hàng web chính thức đảm bảo bạn luôn có phiên bản mới nhất.
🛠️ Bao giờ bạn tự hỏi PageRuler hoạt động như thế nào? Tiện ích này hoạt động hoàn toàn trên mã JavaScript thuần, không cần thư viện bên thứ ba. Ngoài ra, nó tương thích với tất cả các trình duyệt hiện đại trên cả hai nền tảng di động và máy tính để bàn, bất kể hệ điều hành.
🌐 Mặc dù Page Online Ruler cung cấp các phép đo chính xác, hiện tại nó thiếu tùy chọn di chuyển hình chữ nhật sau khi đã vẽ. Tuy nhiên, bạn có thể dễ dàng điều chỉnh kích thước bằng cách sử dụng bàn phím hoặc chuột. Còn về cài đặt hoặc tùy chọn, Page Ruler giữ nó đơn giản - không có gì để điều chỉnh, mang lại trải nghiệm người dùng trực quan.
✨ Và trong khi Page Ruler là một công cụ hữu ích, quan trọng là lưu ý rằng nó chỉ hoạt động trên các trang web có nội dung - không có tab trống, không may mắn! Nếu bạn cần phục hồi trang về trạng thái ban đầu, chỉ cần tải lại trang. Tất cả các thay đổi được thực hiện bởi tiện ích bổ sung sẽ biến mất sau khi tải lại, để lại trang của bạn như mới.