Comparaison des navigateurs pour une conception réactive

De nombreuses applications de bureau visent à afficher simultanément votre site Web à différentes dimensions, facilitant le développement CSS et les tests de la fenêtre. Ces applications partagent des similitudes, y compris la "mise en miroir des événements" - des actions comme le défilement et la cliquetis dans une fenêtre sont reproduits à travers d'autres. Le zoom permet de visualiser plusieurs périphériques à l'échelle. Examinons leurs principales différences.

Grésillement

• Plateformes: Windows, Mac, Linux
• Prix: plans payants à partir de 5 $ / mois

Sizzy possède de nombreuses caractéristiques centrées sur les développeurs:

• Le port de port via l'entrée de commande.
• Le mode d'inspection universel (bien que les modifications de Devtools ne soient pas universellement appliquées).
• La limitation en un clic, le mode hors ligne, la désactivation JavaScript et l'activation du mode de conception.
• Bascule pour la cachette d'image, la désactivation du style, la découverte des éléments et les remplacements de polices Google.

Application de manière réactive

• Plateformes: Windows, Mac, Linux
• Prix: open source (gratuit)

Les fonctionnalités incluent:

• Mode d'inspection universel avec une sélection de contexte Devtools correcte.
• Option de désactivation de validation SSL.
• Mode sombre en un clic.

Baliser

• Plateformes: Windows, Mac
• Prix: GRATUIT (avec des mises à niveau payantes à 10 $ / mois)

Offres de Blisk:

• Fonctionnalité automatique à refoulement en fonction des modifications de fichiers.
• Devtools individuels, ainsi qu'un outil personnalisé pour les dimensions du modèle des boîtes d'élément.
• Rapports d'erreur personnalisés.
• "Mode de navigation" pour la fonctionnalité standard du navigateur.

Polypane

• Plateformes: Windows, Mac, Linux
• Prix: GRATUIT (avec des plans payants à partir de 10 $ / mois)

Caractéristiques clés:

• Extensions du navigateur pour transfert d'onglet sans couture.
• Le mode d'inspects universels sans couture (les changements non universellement propagés, mais "Live CSS" injecte CSS sur tous les appareils).
• Ouverture de dispositifs basée sur les points d'arrêt basé sur CSS.

Duo

• Plateforme: Mac (Mac App Store, 5 $)
• Statut: semble inactif; site Web hors ligne.
• Caractéristiques minimales: vue côte à côte et résidante à deux colonnes.

Revoir

• Type: Extension du navigateur (pas une application autonome)
• Statut: semble être un projet inactif; Les fonctionnalités "points d'arrêt" semblent brisées.

Conclusion

Bien que l'intégration de Polypane soit quelque peu intrusive, son ensemble de fonctionnalités est le plus complet. Sizzy est un concurrent fort mais a une interface plus encombrée. L'accent mis par Blisk sur les vues mobiles et plus grandes s'aligne sur certains workflows. Responsivement, la nature open-source de l'application est attrayante, mais sa durabilité à long terme est incertaine. Re: L'approche d'extension du navigateur de View est pratique, mais son statut inactif le rend peu pratique. Par conséquent, le polypane apparaît comme le choix supérieur.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!