Résumé
Vidéo
Présentation
Hoverify est une suite d'outils pour améliorer votre expérience de développement Web et augmenter votre productivité.
Conçu pour améliorer et faciliter votre expérience de développement quotidienne.
Inspectez HTML et CSS en survolant simplement l'élément.
Choisissez des couleurs n'importe où sur la page, même à partir d'images et d'iframes.
Sachez quelles technologies un site utilise en un clic.
Prévisualisez n'importe quel site sur plusieurs tailles d'écran côte à côte.
Récupérez rapidement des images, des svgs, des vidéos et des animations de loterie à partir de n'importe quelle page.
Prenez une capture d'écran de la page ou de chaque onglet à la fois.
Vérifiez les liens brisés, les éléments sémantiques HTML, videz le cache, etc.
Hoverify facilite radicalement l'inspection de n'importe quel site en survolant simplement l'élément.
Vue calculée
Tous les styles d'éléments compilés pour s'afficher dans une vue compacte.
Affichage du sélecteur
Les styles sont séparés en fonction de leurs sélecteurs appropriés.
Requêtes multimédias et animations
Extrait tous les styles des requêtes multimédias et des animations d'images clés.
Pseudo-élément et classes
Inspecter le pseudo-élément (:hover, :focus, etc) & élément (:after, :before, etc.).
Styles d'édition en direct
Modifiez en direct tous les styles, même les requêtes multimédias et les animations.
Copier les styles
Appuyez sur la barre d'espace pour copier les styles de l'élément.
Exporter vers Codepen
Exportez facilement le composant entier avec l'élément enfants vers codepen.
Polices Google
Extrait et recherche la police utilisée dans un élément sur Google Fonts.
Des lignes directrices
Vérifier l'alignement vertical et horizontal d'un élément
Grilles
Dessinez un contour autour de chaque élément pour connaître la structure de la page
Mise en évidence de la syntaxe
Tous les styles sont syntaxiquement mis en évidence pour une meilleure lecture
Modifier l'élément
Vérifiez à quel point la copie est différente sur votre page en modifiant le contenu de l'élément
Masquer/supprimer des éléments
Déboguez facilement la structure de la page en supprimant l'élément. Les modifications peuvent être conservées si vous le souhaitez !
Éléments de recherche
Trouvez l'élément par le nom de la balise, l'identifiant ou les classes. Même avec des sélecteurs CSS
CSS et JS personnalisés
Ajoutez du CSS et du Javascript personnalisés à la page injectée automatiquement lors de votre prochaine visite sur la page.
Palette de couleurs
Inspectez la palette de couleurs de l'ensemble du site de manière visuelle.
Afficheur de polices
Sachez quelle police chaque balise utilise.
Rechargement à chaud
Redémarre facilement chaque fois que la page est rechargée.
Pipette de couleur
Choisissez des couleurs n'importe où sur la page, même à partir d'images et d'iframes.
Assets
Extrayez des images, des svgs, des vidéos et des animations de loterie de la page et téléchargez-les.
Mode Responsive
Prévisualisez tous les écrans cibles dans une seule fenêtre côte à côte. Réduit votre temps de développement !
Interactions en miroir
Tout clic, défilement ou navigation que vous effectuez sur un appareil sera répliqué sur tous les appareils en temps réel.
Gérer les appareils
Ajoutez de nouveaux profils d'appareils personnalisés à votre guise et organisez les appareils en fonction de votre style.
Rechargement à chaud pris en charge
Votre serveur de développement prend-il en charge le rechargement à chaud ? Alors nous aussi ! Rechargez à chaud tous les appareils en temps réel pour chaque sauvegarde.
Construit avec
Le moyen le plus simple d'obtenir des informations sur l'hébergement, la technologie, le DNS et le SSL du site.
Captures d'écran
Capturez une page entière ou une région spécifique sur la page. Hoverify peut tout faire.
Déboguer
Effacer le cache, rechercher des balises méta, tester des hyperliens, analyser des éléments sémantiques HTML ou exécuter une vérification orthographique en un seul clic.
