Responsive Tester - Xem trên di động, kiểm tra breakpoint và sửa CSS

Xem mọi trang trên nhiều màn hình cùng lúc. Kiểm tra chế độ di động, mọi kích thước và breakpoint, chỉnh sửa CSS trực tiếp.

Responsive Tester là cách nhanh nhất để xem một trang hoạt động như thế nào ở mọi kích thước màn hình cùng một lúc. Mở bất kỳ trang web nào trong một hàng các khung nhìn được đồng bộ, gồm điện thoại, máy tính bảng và máy tính để bàn xếp cạnh nhau, rồi nhấp, cuộn và gõ trên một màn hình và xem mọi màn hình khác làm theo. Chọn một phần tử, chỉnh sửa CSS của nó theo thời gian thực, và thay đổi của bạn được áp dụng ngay lập tức trên mọi điểm ngắt. Cách sử dụng - Bật hoặc tắt tiện ích bằng cách nhấp vào biểu tượng, chọn từ menu ngữ cảnh khi nhấp chuột phải, hoặc dùng phím tắt Alt/Option + Shift + V. - Thêm khung nhìn từ các thiết bị dựng sẵn, hoặc nhập kích thước tùy chỉnh. - Phát hiện các điểm ngắt riêng của trang và dựng các khung nhìn tương ứng chỉ với một cú nhấp. - Cuộn, xoay, thay đổi kích thước, hoặc thu phóng bất kỳ khung nhìn nào, và chụp ảnh màn hình gọn gàng của bất kỳ khung nào. - Bật đồng bộ tương tác để phản chiếu các thao tác nhấp, di chuột, gõ phím và điều hướng trên mọi màn hình (Pro). - Mở trình chỉnh sửa, chọn một phần tử, và chỉnh sửa CSS của nó theo thời gian thực trên tất cả các điểm ngắt (Pro). Tính năng - Xem trước bất kỳ trang nào trên nhiều khung nhìn được đồng bộ, trong một hàng cuộn hoặc bố trí thành lưới. - Đồng bộ cuộn giữ mọi khung nhìn thẳng hàng, bao gồm cả các vùng cuộn bên trong trang. - Các thiết bị dựng sẵn cho điện thoại, máy tính bảng và máy tính để bàn phổ biến. - Kích thước khung nhìn tùy chỉnh. - Phát hiện điểm ngắt của trang đọc các quy tắc media riêng của trang và dựng các khung nhìn tương ứng. - Xoay bất kỳ khung nhìn nào giữa chế độ dọc và ngang. - Kéo để thay đổi kích thước khung nhìn và kiểm tra các chiều rộng ở giữa. - Thu phóng liên tục để hiển thị nhiều hơn trên màn hình. - Chụp ảnh màn hình bất kỳ khung nhìn nào chỉ với một cú nhấp. - Giao diện sáng và tối theo hệ thống của bạn hoặc cố định một trong hai. - Hoạt động trên mọi trang web, kể cả các trang thường từ chối tải trong khung. - Truy cập từ biểu tượng trên thanh công cụ, menu ngữ cảnh khi nhấp chuột phải, hoặc phím tắt. - Tùy chỉnh phím tắt bằng cách truy cập chrome://extensions/shortcuts. Responsive Tester PRO Gói PRO mở khóa hai tính năng biến việc xem trước thành việc xây dựng. - Đồng Bộ Tương Tác: Các thao tác nhấp, di chuột, nhập biểu mẫu, nhấn phím và điều hướng trang được phản chiếu trên mọi khung nhìn theo thời gian thực, nhờ đó bạn điều khiển một màn hình và xem cả ma trận phản hồi. Việc khớp phần tử được xác minh cho từng lần tương tác, nên một hành động được đồng bộ không bao giờ áp dụng nhầm phần tử. - Trình Chỉnh Sửa CSS Trực Tiếp: Chọn bất kỳ phần tử nào và chỉnh sửa các quy tắc của nó trong trình chỉnh sửa bên cạnh với hỗ trợ đầy đủ truy vấn @media, nhờ đó mỗi thay đổi tự động áp dụng đúng điểm ngắt. Buộc các trạng thái giả như :hover và :focus, hoàn tác và làm lại mọi thay đổi, và xem các chỉnh sửa áp dụng ngay lập tức trên mọi khung nhìn cùng một lúc. PRO yêu cầu một khoản thanh toán một lần để truy cập trọn đời, dùng được cho 3 lần kích hoạt. Mỗi lần cài đặt bao gồm bản dùng thử miễn phí 7-day mà không cần thẻ, cùng với cam kết hoàn tiền trong 30-day. Dành Cho - Nhà phát triển: Bắt các thay đổi bố cục và lỗi điểm ngắt trước khi phát hành. Xếp một điện thoại, một máy tính bảng và một máy tính để bàn, rồi điều khiển tất cả cùng lúc thay vì thay đổi kích thước một cửa sổ hết lần này đến lần khác. - Nhà thiết kế: Xác nhận một bản dựng giữ vững ở mọi kích thước và rằng hành vi responsive khớp với ý định, từ chiếc điện thoại nhỏ nhất đến máy tính để bàn rộng nhất. Cài đặt - Được thiết kế riêng để đảm bảo tính ổn định trên Google Chrome 116+. - Có thể cài đặt trên bất kỳ trình duyệt Chromium nào; tuy nhiên, để có trải nghiệm tốt nhất, hãy đảm bảo trình duyệt của bạn hỗ trợ tất cả các API cần thiết (như Offscreen). Nếu có bất kỳ vấn đề nào khi cài đặt, hãy cập nhật trình duyệt của bạn lên phiên bản mới nhất và thử lại.