Comment forcer Firefox à afficher la version mobile des sites Web?

12

J'ai un GPD Pocket exécutant Ubuntu 16.04 LTS avec Unity et Firefox Quantum . La poche GPD est un petit netbook (écran 7 pouces). Pour certains sites, je préférerais donc voir sur cet écran la version mobile du site (principalement sur le serveur egroupware de mon travail ).

Comment est-ce possible?

Question bonus (mais ni nécessaire ni suffisante pour obtenir la réponse acceptée): Comment faire cela sur Google Chrome / chrome?

Peu m'importe si c'est un site Web ou un paramètre global car j'utilise différents profils Firefox pour différentes choses.

Bruni
la source

Réponses:

11

Firefox

L'affichage de la version mobile des sites Web est une fonctionnalité intégrée à Firefox. Dans Firefox, sélectionnez Outils -> Développeur Web -> Mode de conception adaptative , puis dans le menu déroulant, sélectionnez le modèle de votre appareil.

Chrome / Chrome

Basculez le bouton Mode appareil pour activer ou désactiver le mode appareil. Lorsque le mode appareil est activé, l'icône est bleue ( IMG: ). Lorsque le mode appareil est désactivé, l'icône est grise ( IMG: ). Sélectionnez Outils -> Outils pour les développeurs -> cliquez sur le bouton de la barre d'outils de l'appareil Google (marqué par le curseur de la souris dans la capture d'écran ci-dessous -> cliquez sur le triangle noir vers le bas ▾ à droite de "Responsive" pour afficher le menu déroulant et sélectionnez votre appareil dans la liste déroulante menu.

entrez la description de l'image ici

Karel
la source
Merci . Une petite question. Qu'est-ce que le DPR et comment dois-je le calculer pour mon appareil?
Bruni
DPR représente D ériphérique P Ixel R atio. Pour définir un ratio de pixels de périphérique personnalisé, entrez en mode Responsive Design dans Firefox, cliquez sur la zone de liste intitulée «DPR» et sélectionnez la valeur souhaitée. Pour obtenir un contrôle plus fin sur le DPR, entrez en mode Responsive Design, dans la zone de liste des appareils, sélectionnez "aucun appareil sélectionné", modifiez le taux de zoom dans Firefox pour l'onglet qui a le focus en sélectionnant Affichage -> Zoom -> Zoom avant / Out qui modifiera la valeur du DPR actuellement sélectionné dans la zone de liste DPR.
karel
Lorsque vous changez le périphérique en mode Responsive Design dans le menu déroulant, il change automatiquement le DPR en DPR qui correspond au périphérique sélectionné. Vous pouvez également modifier le menu déroulant et créer un appareil personnalisé qui a ses propres valeurs personnalisées pour la taille de l'écran et le DPR.
karel
5

Vous pouvez utiliser un module complémentaire comme User-Agent Switcher .

Il vous permet de choisir parmi de nombreuses options:

entrez la description de l'image ici
(source de capture d'écran: lien ci-dessus)

pomsky
la source
1
+1 Cela fonctionne merci. J'accepterai la solution de @Karel car elle est moins invasive.
Bruni
@Bruni J'aurais fait la même chose aussi :-D
pomsky
0

Vous pouvez également essayer de remplacer m par www dans l'url ou un module complémentaire Firefox approprié tel que Temporary Mobile View.

BAW30s
la source