W JavaScript, mogę uzyskać wysokość ekranu z window.screen.height
. Teraz, jeśli mam dwa monitory i dwa monitory mają różne rozmiary, a ja przenosimy okno przeglądarki z jednego monitora na drugi, czy istnieje sposób, aby to wykryć, poza odpytywaniem rozmiaru okna w odstępach czasu?Czy mogę wykryć ruch okna przeglądarki z jednego ekranu na drugi w JavaScript?
Odpowiedz
Nie ma niezawodnego sposobu na zrobienie tego, screen.height
zawsze zwróci wysokość głównego monitora, nie ma znaczenia, ile masz monitorów, więc to w niczym nie pomoże.
Używanie screenX/Y tak naprawdę nie pomaga, ponieważ nie ma wskazań, kiedy kończy się jeden ekran, a drugi zaczyna, a próba obliczenia byłaby trudna, ponieważ nie ma żadnej gwarancji, że użytkownik zacznie z przeglądarką przy górny lewy na jednym z ekranów lub przeglądarka zajmuje cały ekran i nie można uzyskać wymiarów dla żadnego innego monitora niż główny ekran, więc nie ma możliwości poznania rozmiaru innych ekranów.
Innymi słowy, będzie to trudne, jeśli nie niemożliwe, a każde rozwiązanie prawdopodobnie nie będzie niezawodne ani przenośne, więc lepiej po prostu trzymać się okna przeglądarki i wykrywać zmiany w tym , co jest łatwe i generalnie wszystko czego potrzebujesz.
Dlaczego nie możesz użyć screen.availWidth? Czy nie zapewnia łącznej szerokości obu ekranów? Czy nie można odjąć szerokości ekranu głównego, aby określić szerokość drugiego ekranu? Następnie można uzyskać zgadywaną domysły na wysokości drugiego ekranu tylko dzięki znanym standardowym rozmiarom ekranu. –
@GaryHayes - Mam cztery ekrany, a 'screen.availWidth' daje tylko' 1920', co stanowi szerokość ekranu głównego, jak zauważono w mojej odpowiedzi, ekran nie daje wymiarów dla niczego innego niż podstawowy ekran. – adeneo
OK. Mam tylko jeden ekran. Czy istnieje sposób, aby zmienić ostrość na inny ekran za pomocą javascript i uzyskać z niego dostęp? –
- 1. Okno przesuwania okna przeglądarki WPF Przewijanie ekranu?
- 2. Skopiuj plik z jednego serwera na drugi
- 3. Jak wykryć ruch obrotu w systemie Android?
- 4. Tworzenie pełnego ekranu przeglądarki BXslider (wypełnianie całego okna przeglądarki)
- 5. Javascript, aby wykryć, czy użytkownik zmienia zakładkę
- 6. Jak wykryć rotację ekranu?
- 7. Jak wykryć miganie przeglądarki?
- 8. Javascript do wykrywania szerokości ekranu przeglądarki mobilnej?
- 9. javascript wykryć Adobe Reader wtyczki dla przeglądarki
- 10. Java: Przenieś projekt Eclipse z jednego komputera na drugi?
- 11. jQuery: Jak wykryć szerokość okna w locie?
- 12. C#: Jak wykryć, czy działa czytnik ekranu?
- 13. Czy mogę przekazać obiekt JavaScript do przeglądarki Android WebView?
- 14. Jak skopiować plik z jednego serwera na drugi?
- 15. Jak przenieść zmiany z jednego commitowania na drugi?
- 16. Kopiowanie z jednego pliku xml na drugi - powershell
- 17. Zrzut ekranu okna z pytonem:
- 18. Wykrywanie Javascript Javascript rodzimej przeglądarki
- 19. Jak mogę wykryć klawisz shift + w javascript?
- 20. Ruch przechwytujący ruch globalny
- 21. Tworzenie okna i wyskakiwanie z krawędzi ekranu
- 22. JavaScript - Uzyskaj wysokość przeglądarki
- 23. przenoszenie linii z jednego okna do drugiego
- 24. Jak wykryć przeglądarkę przeszła na pełny ekran
- 25. Jak wykryć zminimalizowanie formy okna?
- 26. Jak wykryć typ przeglądarki w Django?
- 27. javascript na zdarzeniu zamykania okna
- 28. Czy mogę wykryć wiążące zmiany w Silverlight?
- 29. Zrzut ekranu z całego ekranu przy użyciu html5/javascript?
- 30. jak zapobiegać Lite-serwer z otwarciem okna przeglądarki na starcie?
Czy istnieje funkcja javascript, którą chcesz osiągnąć, czy jest to tylko prezentacja? Jeśli nie masz logiki biznesowej i tylko prezentacji, możesz zajrzeć do rzutni css: https://developer.mozilla.org/en/docs/Mozilla/Mobile/Viewport_meta_tag –
Przepraszam, poprawiłem pytanie, miałem na myśli "wysokość ekranu" . –
Można próbować korzystać z zapytań o media, w szczególności z reguł "wysokość urządzenia" i "szerokość urządzenia". Możesz dołączyć detektory zdarzeń, aby otrzymać powiadomienie, gdy te wartości się zmienią. Może to ci pomoże. Przeczytaj [tutaj] (https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries#device-width). – dfsq