Thử nghiệm/mô phỏng thay đổi định hướng trong Chrome?

Question

Chúng tôi đang viết một ứng dụng dành cho thiết bị di động bằng cách sử dụng jQuery dành cho thiết bị di động và thực hiện hầu hết việc gỡ lỗi javascript trong Chrome. Một điều tôi không thể kiểm tra tuy nhiên là một sự thay đổi định hướng, từ chân dung đến phong cảnh và ngược lại. Tôi phải sử dụng điện thoại để kích hoạt sự kiện đó và không thể gỡ lỗi sự kiện window.orientationchange javascript mà không cần Chrome.

Hoặc có vẻ như vậy. Có cách nào để thử sự kiện này trong Chrome bằng cách nào đó không?

Answer 1

Vì thiết bị máy tính để bàn không có bất kỳ thay đổi định hướng thực nào, như thiết bị di động, nên không sử dụng để nghe orientationchange. Bạn có thể mô phỏng định hướng bằng cách thay đổi kích thước cửa sổ trình duyệt.

David Walsh đã viết một bài báo về vấn đề này: http://davidwalsh.name/orientation-change

Answer 2

Một cách để kiểm tra truy vấn phương tiện truyền thông của bạn dựa trên khuynh hướng:

Phần mở rộng cửa sổ Resizer cho Google Chrome cho phép bạn xem và kiểm tra trang web của bạn trong hướng dọc hoặc ngang. Khi được cài đặt, nó có kích thước được xác định trước là 320 x 480 và hướng được trả về bởi jQuery bằng cách sử dụng $ .event.special.orientationchange.orientation() sẽ là "dọc". Tôi đã thêm kích thước mới là 480 x 320 cho kiểu ngang và cho biết "Loại màn hình" của thiết bị di động. Với kích thước 480 x 320, hướng được trả về bởi jQuery bằng cách sử dụng $ .event.special.orientationchange.orientation() sẽ là "landscape".

Điều này không cho phép bạn kiểm tra sự kiện thay đổi hướng cụ thể, nhưng nó rất hữu ích để kiểm tra các truy vấn phương tiện dựa trên hướng.