Hoverify

Mise à jour le 23 octobre, 2023
Auteur : ericoutilsdigitaux
Temps de lecture : 
4 minute(s)
Environnement :
-
Retour Applications

Résumé

PROMO : 49$ pour une licence à vie
Hoverify est une suite d'outils pour améliorer votre expérience de développement Web et augmenter votre productivité, via un navigateur, pour vérifier et analyser des pages internet.

Vidéo

Présentation

Extension de navigateur tout-en-un pour le développement Web

Hoverify est une suite d'outils pour améliorer votre expérience de développement Web et augmenter votre productivité.

Examen de l'extension Hooverfy.

Outils pour les développeurs Web professionnels.

Conçu pour améliorer et faciliter votre expérience de développement quotidienne.

INSPECTEUR

Inspectez HTML et CSS en survolant simplement l'élément.

POMPE COULEUR

Choisissez des couleurs n'importe où sur la page, même à partir d'images et d'iframes.

CONSTRUIT AVEC

Sachez quelles technologies un site utilise en un clic.

SENSIBLE

Prévisualisez n'importe quel site sur plusieurs tailles d'écran côte à côte.

DES ATOUTS

Récupérez rapidement des images, des svgs, des vidéos et des animations de loterie à partir de n'importe quelle page.

CAPTURES D'ÉCRAN

Prenez une capture d'écran de la page ou de chaque onglet à la fois.

DÉBOGUER

Vérifiez les liens brisés, les éléments sémantiques HTML, videz le cache, etc.


Inspecteur

Hoverify facilite radicalement l'inspection de n'importe quel site en survolant simplement l'élément.

Capture d'écran d'une page Web contenant les mots "Créez rapidement un Web moderne" sans quitter votre navigateur.

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.

Capture d'écran d'une page Web montrant un groupe de personnes.

Assets

Extrayez des images, des svgs, des vidéos et des animations de loterie de la page et téléchargez-les.

Animations légères et évolutives pour la publicité sociale.

Mode Responsive

Prévisualisez tous les écrans cibles dans une seule fenêtre côte à côte. Réduit votre temps de développement !

Une capture d'écran d'un appareil mobile avec différentes applications dessus.

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.

Capture d'écran d'un navigateur Web affichant une page Web.

Captures d'écran

Capturez une page entière ou une région spécifique sur la page. Hoverify peut tout faire.

Une capture d'écran du site Web du MacBook Pro.

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.

Une capture d'écran d'un site Web avec les mots « où le monde construit des logiciels ».
* le texte ci-dessus provient du site marchand (traduction dans certains cas)
Aimer partager ses idées et ses trouvailles
Euro Sino Trade
Unit 04, 7/F, Bright Way Tower No. 33 Mongkok Road,
Kowloon Hong Kong SAR
Copyright © - 2024 - Outils Digitaux .FR
Cliquez pour copier
exitundocrossmenu