Wtyczka przeglądarki do zmiany rozmiaru okna do testowania przeglądarki

9

Tworząc witrynę, pracuję na moim 22-calowym wyświetlaczu zewnętrznym, co jest w porządku, ale aby uzyskać lepszy obraz tego, jak strona będzie wyglądać na mniejszych ekranach, muszę zmienić rozmiar okna przeglądarki.

W tej chwili korzystam z http://resizemybrowser.com/ (która ma także rozszerzenie do safari), ale błąkałem się, jeśli jest tam Firefox lub wtyczka do przeglądarki Chrome, które dawkują coś podobnego, szukałem, ale jak dotąd nie byłem w stanie nic znaleźć.

sam
źródło
Jakich narzędzi używasz do tworzenia stron internetowych?
MDMoore313
Sublime Text i dreamwaver ale znajdę się przechyla się bardziej ku wzniosłości coraz więcej czasu
Sam

Odpowiedzi:

13

Po prostu przekopałem się w firefoxie i odkryłem, że ma on również tryb „Responsive design”. Idź do Web DeveloperResponsive Design View .

wprowadź opis zdjęcia tutaj

Następnie pojawi się menu z ustawionymi rozdzielczościami:

wprowadź opis zdjęcia tutaj

sam
źródło
Czy istnieje interfejs API dla tej opcji? Jak zmienić go z wewnętrznego kodu dodatku?
Kamal Reddy
3

To jest właściwie wbudowana funkcja w Chrome.

  1. Otwórz DevTools ( F12)

  2. Otwórz Ustawienia

    wprowadź opis zdjęcia tutaj

  3. Ustaw żądany rozmiar okna w panelu Przesłania .

    wprowadź opis zdjęcia tutaj

Uwaga: po wybraniu agenta użytkownika w tym panelu Chrome automatycznie spróbuje wybrać prawidłowe parametry urządzenia dla wybranego agenta.

Der Hochstapler
źródło
2

W przypadku Chrome możesz użyć programu Window Resizer . W przeglądarce Firefox można użyć programu Firesizer .

Bibhas
źródło
2
Należy pamiętać, że w grudniu 2013 r. Pojawiły się pewne kontrowersje z tą wtyczką po tym, jak aktualizacja zaczęła przekierowywać wyszukiwania Google za pośrednictwem strony trzeciej
Charles Wesley