Extension Firefox. Peut-être parce que la barre d'outils du développeur Web est trop puissante, de nombreuses fonctions utiles peuvent être accidentellement ignorées par les utilisateurs lors de leur utilisation. Faisons ici un petit résumé de ces compétences oubliées pour remplir le monde d’amour :
Images／Afficher les informations sur l’image
Grâce à cette option, vous pouvez afficher les attributs de tous les éléments de l'image de la page web en cours dans une nouvelle page à onglet : chemin, taille, dimensions, etc., ce qui est particulièrement pratique.
Informations/Afficher les informations sur les couleurs
La correspondance des couleurs des pages Web est une grande connaissance. De nombreuses personnes aiment utiliser Colorzilla pour afficher les informations de couleur des pages Web. Cette extension peut afficher les informations de couleur de la position actuelle du pointeur dans la barre d'état, y compris la couleur de l'image. Par rapport à la barre d'outils du développeur Web, cette fonction est un peu faible, mais vous pouvez toujours appeler toutes les couleurs appelées par CSS dans la page Web actuelle en un seul clic, ce qui est très utile pour étudier la correspondance des couleurs d'une page Web.
Informations/Informations sur les éléments d'affichage
Dans le passé, lorsque je voulais afficher l'attribut div d'un certain élément ou d'une certaine zone sur une page Web, je faisais toujours un clic droit pour appeler le fichier source, puis je commençais à utiliser la fonction de recherche pour effectuer une recherche ligne par ligne. Avec cette fonction, vous n’avez plus à vous en soucier. Lorsque vous souhaitez afficher certains attributs de la page Web, tels que la classe/l'identifiant, l'emplacement, etc., utilisez simplement doucement les touches de raccourci Ctrl+Shift+F et cliquez sur cette zone pour afficher tout ce que vous voulez savoir.
Formulaires/Afficher les mots de passe
De nombreuses personnes aiment afficher clairement leurs mots de passe pour plusieurs raisons. Cette fonctionnalité de la barre d'outils du développeur Web offre une possibilité aux utilisateurs de Firefox avec cette bizarrerie. Après avoir cliqué sur cette option, elle sera clairement affichée dans la zone de saisie du mot de passe.
Divers/Rendu sur petit écran
De plus en plus d'utilisateurs peuvent utiliser leurs téléphones mobiles et leurs PDA pour naviguer sur Internet. Cette fonction vous permet de prévisualiser l'apparence de vos pages Web sur ces appareils portables. En fonction de l'aperçu, vous pouvez optimiser la mise en page et le cadre de vos pages Web. . , ce qui leur facilite la navigation sur PDA.
Divers／Liens visités
Dans certains cas, nous souhaiterons que tous les hyperliens de la page Web actuelle soient désactivés pour faciliter l'inspection et le débogage de nos pages Web. Sous cette option, les utilisateurs peuvent sélectionner Marquer tous les liens non visités et tous les hyperliens seront temporairement désactivés.
Outils/Afficher le rapport de vitesse
Les options du menu Outils sont essentiellement liées à diverses vérifications du site Web, CSS, JS, HTML, etc. Il existe également ici une fonction très utile, qui consiste à tester la vitesse de chargement du site Web en ligne. Les données de Web Page Analyzer sont appelées ici. Après avoir cliqué sur l'option, la barre d'outils du développeur Web soumettra le site Web actuel à Web Page Analyzer pour test. Les utilisateurs peuvent comprendre quels fichiers affectent la vitesse de chargement de leur site Web en fonction de la liste de données fournie par Web. Analyseur de pages.
Divers／Modifier le HTML
La fonction la plus fréquemment utilisée dans la barre d'outils du développeur Web est peut-être Modifier le CSS. Les utilisateurs peuvent modifier le CSS de la page Web actuelle en temps réel et voir immédiatement l'effet de la modification. Les utilisateurs peuvent également utiliser la barre d'outils du développeur Web pour modifier les fichiers HTML. Cette fonction est masquée sous Divers.