Jak zmusić Firefoksa do wyświetlenia mobilnej wersji stron internetowych?

12

Mam kieszeń GPD z systemem Ubuntu 16.04 LTS z Unity i Firefox Quantum . Kieszeń GPD to mały netbook (7-calowy wyświetlacz). Dlatego w przypadku niektórych witryn wolałbym zobaczyć na tym ekranie mobilną wersję witryny (głównie na serwerze egroupware mojej pracy ).

Jak to jest możliwe?

Pytanie bonusowe (ale ani konieczne, ani wystarczające do uzyskania akceptowanej odpowiedzi): Jak to zrobić w Google Chrome / chromium?

Nie dbam o to, czy jest to witryna internetowa czy ustawienie globalne, ponieważ używam różnych profili firefox do różnych celów.

Bruni
źródło

Odpowiedzi:

11

Firefox

Wyświetlanie mobilnej wersji stron internetowych jest wbudowaną funkcją Firefoksa. W przeglądarce Firefox wybierz Narzędzia -> Web Developer -> Tryb responsywnego projektowania, a następnie z menu rozwijanego wybierz model swojego urządzenia.

Chrom / Chrome

Przełącz przycisk Trybu urządzenia , aby włączyć lub wyłączyć Tryb urządzenia. Gdy tryb urządzenia jest włączony, ikona jest niebieska ( IMG: ). Gdy tryb urządzenia jest wyłączony, ikona jest szara ( IMG: ). Wybierz Narzędzia -> Narzędzia programistyczne -> kliknij przycisk paska narzędzi urządzenia Google (zaznaczony kursorem myszy na zrzucie ekranu poniżej) -> kliknij czarny trójkąt skierowany w dół ▾ po prawej stronie „Responsive”, aby wyświetlić menu rozwijane i wybierz urządzenie z menu rozwijanego menu.

wprowadź opis zdjęcia tutaj

Karel
źródło
Dziękuję Ci . Jedno małe pytanie. Co to jest DPR i jak powinienem ją obliczyć dla mojego urządzenia?
Bruni
DPR oznacza D evice P ixel R tio. Aby ustawić niestandardowy współczynnik pikseli urządzenia, przejdź do trybu responsywnego projektowania w przeglądarce Firefox, kliknij pole listy oznaczone jako „DPR” i wybierz odpowiednią wartość. Aby uzyskać bardziej szczegółową kontrolę nad DPR, wejdź w tryb responsywnego projektowania, w polu listy urządzeń wybierz opcję „nie wybrano urządzenia”, zmień współczynnik powiększenia w przeglądarce Firefox dla karty, która ma fokus, wybierając Widok -> Zoom -> Zoom In / Out, który zmieni wartość aktualnie wybranego DPR w polu listy DPR.
karel
Gdy zmienisz urządzenie w Responsive Design Mode z menu rozwijanego, automatycznie zmieni DPR na DPR, który odpowiada wybranemu urządzeniu. Możesz także edytować menu rozwijane i utworzyć niestandardowe urządzenie, które ma własne niestandardowe wartości rozmiaru ekranu i DPR.
karel
5

Możesz użyć dodatku takiego jak User-Agent Switcher .

Pozwala wybierać spośród wielu opcji:

wprowadź opis zdjęcia tutaj
(źródło zrzutu ekranu: link powyżej)

pomsky
źródło
1
+1 Działa, dziękuję. Zaakceptuję rozwiązanie @Karel, ponieważ jest mniej inwazyjne.
Bruni
@Bruni Zrobiłbym to samo :-D
pomsky
0

Możesz także spróbować podstawić m zamiast www w adresie URL lub odpowiedni dodatek do przeglądarki Firefox, taki jak Temporary Mobile View.

BAW30s
źródło