Tworzę responsywną witrynę, w której muszę przetestować renderowanie css, html i javascript mojej strony w rozdzielczości 2400px, a ekran ma tylko 1900px.
windows
display
resolution
website
metalowa przekładnia pełna
źródło
źródło
Odpowiedzi:
W przeglądarce Chrome:
Prasa F12. Spowoduje to otwarcie DevTools.
Kliknij ikonę ustawień w prawym dolnym rogu. Spowoduje to otwarcie ustawień DevTools.
Przejdź do Zastępowania w menu po lewej stronie.
Zaznacz Włącz i Wskaźniki urządzenia.
Wpisz rozdzielczość ekranu
Zawsze go używam, to naprawdę wygodne.
źródło
Jeśli naciśniesz Ctrl+ Shift+ Mw najnowszych wersjach Firefoksa, przejdziesz do responsywnego widoku projektu , który może zmienić rozmiar okienka przeglądarki, aby był większy niż rzeczywisty rozmiar ekranu. Możesz także robić zrzuty ekranu i symulować zdarzenia dotykowe od FF 26 i kolejnych.
Kliknij, aby zobaczyć pełny rozmiar
Zmiana rozmiaru może być łatwiejsza po zmniejszeniu okna - możesz przeciągać rozmiary za jednym razem. Lub po prostu wprowadź niestandardowe ustawienie wstępne z menu rozwijanego.
źródło
Możesz wypróbować tę stronę internetową, która pozwala przetestować twoją stronę internetową z dowolną rozdzielczością ekranu, którą możesz wybrać spośród ustawionych rozdzielczości lub wprowadzić własną rozdzielczość. mam nadzieję, że te linie okażą się pomocne.
źródło
To pytanie jest prawdopodobnie bardziej odpowiednie dla webmasterów, ale zrobię to i zasugeruję ViewLikeUs, które
źródło
Dodaj niestandardową rozdzielczość ekranu w panelu sterowania karty wideo.
źródło
Wypróbuj ten internetowy tester rozdzielczości, który oferuje wiele różnych rozdzielczości do testowania witryny, wystarczy wpisać adres URL witryny, wybrać rozdzielczość i sprawdzić.
http://www.webestools.com/resolution-tester-screen-size-page-design-test-screen-resolution-website-online-display.html
Mam nadzieję że to pomoże!!!
źródło
Możesz wypróbować dodatek do Chrome: Tester rozdzielczości, który obsługuje niestandardowe rozdzielczości :)
źródło
Po prostu zmień powiększenie w przeglądarce, kiedy pomniejszasz, zasadniczo rozmiar twojego okna zgłasza coraz większą szerokość twojej aplikacji.
przykład jsfiddle tutaj , po prostu kliknij przycisk, zobacz szerokość, którą zgłasza, a następnie pomniejsz nieco i kliknij ten sam przycisk - zgłosi większy rozmiar.
źródło
Wypróbuj niestandardowe ustawienia rozdzielczości w emulatorze urządzeń w Google Chrome. Daje to większą kontrolę niż korzystanie z funkcji powiększania w przeglądarce.
Włącz emulator urządzenia i zaznacz opcję „powiększ, aby dopasować”.
Ręcznie wprowadź rozdzielczości do 9999px szerokości (lub przeciągnij krawędzie emulowanego ekranu. Emulowana rozdzielczość zostanie przeskalowana, aby zmieściła się w twoim oknie roboczym.
Możesz utrzymać niską wysokość rozdzielczości, ponieważ i tak będziesz mógł przewijać w dół. W ten sposób możesz również pozostawić inspektora otwartego. Świetny przepływ pracy do tworzenia stron internetowych!
źródło