Plugin de navigateur pour redimensionner la fenêtre pour le test du navigateur

9

Lorsque je crée un site Web, je travaille sur mon écran externe de 22 pouces, ce qui est bien, mais pour avoir une meilleure idée de l'apparence du site sur des écrans plus petits, je dois redimensionner la fenêtre de mon navigateur.

En ce moment, j'utilise http://resizemybrowser.com/ (qui a également une extension safari) mais je me demandais s'il y avait un plugin de navigateur Firefox ou Chrome qui dosait quelque chose de similaire, j'ai cherché mais jusqu'à présent je n'ai rien trouvé.

sam
la source
Quels outils utilisez-vous pour le développement Web?
MDMoore313
texte sublime et dreamwaver mais je me penche de plus en plus vers le sublime de plus en plus du temps
sam

Réponses:

13

Je creusais juste dans Firefox et j'ai trouvé qu'il avait aussi un mode "Responsive design". Accédez à Web DeveloperResponsive Design View .

entrez la description de l'image ici

Vous obtiendrez ensuite une liste déroulante avec des résolutions prédéfinies:

entrez la description de l'image ici

sam
la source
Existe-t-il une API pour cette option? Comme pour le changer depuis le code de l'addon?
Kamal Reddy
3

Il s'agit en fait d'une fonctionnalité intégrée à Chrome.

  1. Ouvrez les DevTools ( F12)

  2. Ouvrez les paramètres

    entrez la description de l'image ici

  3. Définissez la taille souhaitée pour votre fenêtre dans le panneau Remplacements .

    entrez la description de l'image ici

Remarque: Lorsque vous sélectionnez un agent utilisateur dans ce panneau, Chrome essaie automatiquement de sélectionner les métriques de périphérique correctes pour l'agent sélectionné.

Der Hochstapler
la source
2

Pour Chrome, vous pouvez utiliser Window Resizer . Pour Firefox, vous pouvez utiliser Firesizer .

Bibhas
la source
2
Notez qu'en décembre 2013, une certaine controverse a surgi avec ce plugin après qu'une mise à jour a commencé à rediriger les recherches Google via un tiers
Charles Wesley