Trong JavaScript, tôi có thể có chiều cao của màn hình với window.screen.height
. Bây giờ, nếu tôi có màn hình kép và hai màn hình có kích thước khác nhau và tôi di chuyển cửa sổ trình duyệt từ màn hình này sang màn hình khác, có cách nào để phát hiện ra, ngoài việc bỏ chọn kích thước cửa sổ trong khoảng thời gian không?Tôi có thể phát hiện chuyển động của cửa sổ trình duyệt từ màn hình này sang màn hình khác trong JavaScript không?
Trả lời
Không có cách nào đáng tin cậy để thực hiện việc này, screen.height
sẽ luôn trả về chiều cao của màn hình chính, bất kể bạn có bao nhiêu màn hình, vì vậy điều đó sẽ không giúp ích chút nào.
Sử dụng màn hình X/Y không thực sự hữu ích, vì không có chỉ báo khi một màn hình kết thúc và một màn hình khác bắt đầu, và cố gắng tính toán nó sẽ khó khăn vì không đảm bảo người dùng bắt đầu với trình duyệt tại trên cùng bên trái ở một trong các màn hình hoặc trình duyệt chiếm toàn bộ màn hình và bạn không thể lấy kích thước cho bất kỳ màn hình nào khác ngoài màn hình chính, vì vậy không có cách nào để biết kích thước của các màn hình khác.
Nói cách khác, sẽ rất khó để làm điều này, nếu không phải là không thể, và bất kỳ giải pháp nào có thể sẽ không đáng tin cậy hoặc di động, vì vậy bạn chỉ cần gắn bó với cửa sổ trình duyệt và phát hiện thay đổi , dễ dàng và thường là tất cả những gì bạn cần.
Tại sao bạn không thể sử dụng screen.availWidth? Nó không cung cấp cho bạn chiều rộng kết hợp của cả hai màn hình? Bạn có thể không trừ chiều rộng của màn hình chính để xác định chiều rộng của màn hình thứ hai không? Sau đó, bạn có thể thực hiện dự đoán có giáo dục ở chiều cao màn hình thứ hai chỉ bằng cách biết kích thước độ phân giải màn hình chuẩn. –
@GaryHayes - Tôi có bốn màn hình và 'screen.availWidth' chỉ cung cấp cho tôi' 1920', đó là chiều rộng của màn hình chính, như được ghi trong câu trả lời của tôi, màn hình không cung cấp cho bạn kích thước cho bất kỳ thứ gì khác ngoài màn. – adeneo
OK. Tôi chỉ có một màn hình. Có cách nào để thay đổi tập trung vào màn hình khác với javascript và nhận được availWidth từ nó? –
- 1. Chế độ toàn màn hình trên màn hình A trong quá trình thiết lập màn hình kép Khi di chuyển các cửa sổ từ màn hình B sang
- 2. Trang web có thể buộc trình duyệt chuyển sang chế độ toàn màn hình không?
- 3. Tôi có thể chuyển biến JavaScript sang một cửa sổ trình duyệt khác không?
- 4. Có thể, trong JavaScript, để phát hiện khi màn hình bị tắt trong các trình duyệt Android và iOS
- 5. Cách điều hướng từ một màn hình này sang màn hình khác
- 6. Cửa sổ ứng dụng Java Swing biến mất khi di chuyển sang màn hình/màn hình/màn hình khác trên Mac OS X
- 7. Di chuyển cửa sổ từ màn hình thứ hai sang màn hình chính khi màn hình thứ hai không hiển thị
- 8. Javascript để phát hiện chiều rộng màn hình trình duyệt di động?
- 9. Đặt một cửa sổ trên màn hình
- 10. Không thể chuyển chức năng từ cửa sổ này sang cửa sổ khác trong IE
- 11. Có thể hiển thị cửa sổ của tôi trên màn hình đăng nhập Windows không?
- 12. Android - Không chụp màn hình của màn hình hiện tại
- 13. Có thư viện JavaScript nào cho thông báo trên màn hình của trình duyệt chéo không?
- 14. Chuyển từ chế độ toàn màn hình sang pop/slide toàn màn hình
- 15. Phát hiện chiều rộng màn hình cho nhiều màn hình
- 16. Tôi có thể di chuyển cửa sổ trò chơi pygame xung quanh màn hình (pygame)
- 17. Phát hiện ảnh chụp màn hình Android
- 18. | Màn hình chính của NSScreen | không cập nhật khi tiêu điểm bàn phím/chuột chuyển sang màn hình khác?
- 19. Pycharm toàn màn hình trên 2 màn hình: điều này có khả thi không?
- 20. X11 Cửa sổ toàn màn hình (OpenGL)
- 21. QT Cửa sổ mờ và màn hình từ xa
- 22. Chụp màn hình màn hình hiện tại của thiết bị
- 23. Di chuyển toàn màn hình sang màn hình phụ với Win32/SDL
- 24. Phát hiện xem trình duyệt có ở chế độ toàn màn hình hay không
- 25. Mac OS X: Phím tắt để di chuyển cửa sổ đang hoạt động sang màn hình khác
- 26. Đính kèm phiên 'màn hình' với việc tạo cửa sổ màn hình mới
- 27. Sử dụng màn hình riêng biệt trên màn hình ngoài?
- 28. Màn hình ứng dụng của tôi xuất hiện trong các trình duyệt
- 29. GLFW Toggling Chế độ toàn màn hình có cửa sổ
- 30. cửa sổ trình duyệt toàn màn hình trên tài liệu tải
Có chức năng javascript nào bạn muốn đạt được hay chỉ là về mặt trình bày? Nếu bạn không có logic kinh doanh và chỉ trình bày bạn có thể xem xét trong các khung nhìn css: https://developer.mozilla.org/en/docs/Mozilla/Mobile/Viewport_meta_tag –
Xin lỗi, tôi đã sửa câu hỏi, ý tôi là "chiều cao màn hình" . –
Bạn có thể thử sử dụng các truy vấn phương tiện, cụ thể là các quy tắc 'thiết bị-chiều cao' và' chiều rộng thiết bị'. Bạn có thể đính kèm người nghe sự kiện để được thông báo khi những giá trị đó thay đổi. Có lẽ nó có thể giúp bạn. Đọc [tại đây] (https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries#device-width). – dfsq