Plugin trình duyệt để thay đổi kích thước cửa sổ để kiểm tra trình duyệt

Khi tôi tạo một trang web, tôi làm việc trên màn hình ngoài 22 "của mình, điều này cũng tốt, nhưng để hiểu rõ hơn về trang web sẽ trông như thế nào trên màn hình nhỏ hơn, tôi phải thay đổi kích thước cửa sổ trình duyệt của mình.

Hiện tại tôi sử dụng http://resizemybrowser.com/ (cũng có phần mở rộng safari) nhưng tôi đã đi lang thang nếu có một plugin trình duyệt firefox hoặc chrome có giá trị tương tự, tôi đã tìm kiếm nhưng cho đến nay không thể tìm thấy gì.

Chỉ cần đào xung quanh trong firefox và thấy rằng nó cũng có chế độ "Thiết kế đáp ứng". Chuyển đến Nhà phát triển web → Chế độ xem thiết kế đáp ứng .

Bạn sẽ nhận được một danh sách thả xuống với các độ phân giải đặt trước sau đó:

Đây thực sự là một tính năng tích hợp trong Chrome.

1. Mở DevTools ( F12)

2. Mở Cài đặt

   

3. Đặt kích thước bạn muốn cho cửa sổ của bạn trong bảng Ghi đè .

   

Lưu ý: Khi chọn Tác nhân người dùng trong bảng điều khiển đó, Chrome sẽ tự động cố gắng chọn số liệu thiết bị chính xác cho tác nhân được chọn.

Đối với Chrome, bạn có thể sử dụng Window Resizer . Trước Firefox, bạn có thể sử dụng Firesizer .