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

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é.

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

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

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

1. Ouvrez les DevTools ( F12)

2. Ouvrez les paramètres

   

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

   

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é.

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