Commandes pratiques de la barre d'outils du développeur Firefox 16 pour les utilisateurs avancés

Sorti la semaine dernière, Firefox 16 présentait quelque chose d'important pour les développeurs - la nouvelle barre d'outils pour les développeurs. La nouvelle barre d'outils vous permet de contrôler tous les autres outils de développement, à savoir le débogueur, la console Web et l'inspecteur. Il dispose également de quelques commandes supplémentaires pour contrôler les modules complémentaires ou Firebug. Lorsque la barre d'outils est destinée aux développeurs, elle propose quelques options qui pourraient faciliter la vie d'un utilisateur avancé. Ce message détaille l'utilisation et la portée de la barre d'outils du développeur, ainsi que les commandes qu'un utilisateur expérimenté pourrait trouver utile.

Guide du débutant pour la barre d'outils du développeur

Accès et mise en page

Pour ouvrir la barre d'outils développeur, accédez à Outils> Développeur Web> Barre d'outils développeur ou appuyez sur la touche F2. La barre d'outils apparaît en bas de la fenêtre, si vous avez activé la barre d'extension, la barre d'outils développeur apparaîtra au-dessus. Il possède un champ de saisie pour taper et exécuter des commandes, et trois boutons qui basculent la console Web, l'inspecteur et le débogueur. Les éléments de n'importe quel menu affiché par la barre d'outils du développeur peuvent être sélectionnés à l'aide des touches fléchées haut / bas et exécutés en appuyant sur la touche Entrée.

Syntaxe

La barre d'outils du développeur possède sa propre syntaxe pour l'exécution des commandes. Ce n'est pas difficile et devrait être facile à retenir après quelques jours d'utilisation, mais étant donné qu'il est nouveau et que les utilisateurs pourrait être enclin à l'oublier, Firefox a ajouté des conseils pour mettre en évidence ce qui vient après lorsque vous tapez une commande. Par exemple, si vous saisissez Aidez-moi, [chercher] apparaîtra indiquant que vous pouvez entrer la commande pour laquelle vous souhaitez rechercher de l'aide.

Recherche de commandes

Rechercher une commande, ce qu'elle fait et quelle est la syntaxe de la commande, est facile; tapez Aidez-moi dans la barre d'outils et appuyez sur Entrée (ignorez le [chercher] chaîne qui apparaît). Une liste des commandes prises en charge par la barre d'outils et la syntaxe d'accès à l'aide pour chacune d'elles s'affiche. Vous pouvez également appuyer sur la touche F1 pour afficher la liste, mais elle n'est pas aussi complète que celle que vous obtenez en tapant Aidez-moi.

Lorsque vous tapez de l'aide, une fenêtre contextuelle contenant 17 commandes s'ouvre. Chaque commande a des commandes supplémentaires et ce pop-up vous indique quoi taper pour accéder à l'aide pour ces commandes et une brève description de ce que fait chaque commande.

Commandes

Ajouter

Cette commande, selon sa description, vous permet de manipuler des modules complémentaires. Plus précisément, il vous permet d'activer ou de désactiver l'un des modules complémentaires installés ou d'afficher une liste complète de tous les modules complémentaires installés. La syntaxe suivante est utilisée (sans les crochets).

• [Ajouter enable] pour activer un module complémentaire à partir de liste
• [Ajouter disable] pour désactiver un module complémentaire à partir de liste
• [Ajouter list] pour afficher une liste de tous les modules complémentaires installés

Vous pouvez ajouter une chaîne supplémentaire à la dernière commande pour affiner le type de modules complémentaires que vous souhaitez répertorier, c'est-à-dire dictionnaire, extension, locale, plugin, thème ou tout. Si vous n'entrez pas le Type chaîne et appuyez sur retour, vous verrez une liste de tous les modules complémentaires installés avec ceux désactivés barrés.

Pref

Cette commande vous permet de vérifier la valeur d'une préférence Firefox. Normalement, vous devriez visiter le:page de configuration et recherchez une préférence pour rechercher sa valeur. Tapez le nom ou une partie du nom d'une préférence et la barre d'outils du développeur la recherchera pendant que vous tapez. Cela s'applique aux trois commandes suivantes.

• [pref reset] réinitialise la valeur d'une préférence à sa valeur par défaut, se développe pour inclure le nom de la préférence.
• [pref set] modifie la valeur d'une préférence. La syntaxe se développe pour inclure le nom du pref et la valeur que vous souhaitez lui attribuer. La valeur peut être en termes de vrai / faux, 1/0 ou une valeur numérique
• [pref show] affiche la valeur actuelle de la préférence que vous entrez.

Redimensionner

Dans Firefox 15, Mozilla a introduit un outil de conception réactif qui a permis aux utilisateurs de redimensionner le page Web dans le cadre de la fenêtre à n'importe quelle taille ou à l'un des préréglages. La commande Redimensionner vous permet d'ouvrir / fermer, de basculer l'outil de conception réactif ou de redimensionner à n'importe quelle largeur ou hauteur.

• [redimensionner off] désactive l'outil de conception réactive
• [redimensionner on] active l'outil de conception adaptative
• [redimensionner à] vous permet de modifier la taille d'une page Web dans l'outil de conception adaptative. Au fur et à mesure que vous tapez, la syntaxe se développe pour inclure la largeur et la hauteur de la page
• [Redimensionner bascule] bascule l'outil de conception réactive, plutôt redondant avec la commande marche / arrêt déjà là

Redémarrer

Firefox n'a jamais vraiment eu de bouton de redémarrage, ce qui est ennuyeux si vous considérez la fréquence à laquelle vous devez le redémarrer. Même avec certains modules complémentaires sans redémarrage, un redémarrage est nécessaire pour que les modules complémentaires fonctionnent. La commande Redémarrer vous permet de redémarrer Firefox dans l'un des deux modes. Si vous suivez la commande avec True, elle ne chargera pas le contenu de son cache et si vous la suivez avec False, elle rechargera le contenu du cache

• [redémarrer true] ne se charge pas du cache
• [redémarrer false] charge le contenu de cache

Capture d'écran

Avec la nouvelle CLI de Firefox, vous n'avez plus besoin de recourir à des extensions pour prendre une capture d'écran d'une page Web. La barre d'outils du développeur est livrée avec un utilitaire de capture d'écran qui vous permet de capturer des captures d'écran ainsi que de prendre une capture d'écran différée d'un page Web.

[capture d'écran] Cela s'étend pour inclure le nom avec lequel le fichier sera enregistré, le temps de retard et s'il faut prendre une capture d'écran de la zone visible de la page Web ou de la page entière. Par exemple:

capture d'écranaddictivetips 5 vrai

Il capturera une capture d'écran d'un page Web, enregistrez le fichier sous le nom ‘addictivetips », il y aura un délai de 5 secondes avant la capture d'écran, et il capturera l'intégralité page Web. Les tests ont montré que quelle que soit la valeur page entière a été défini, il n'a capturé que la zone visible. De plus, vous pouvez définir un élément CSS particulier à capturer dans la capture d'écran.

Inclinaison

La vue 3D inclinée, introduite pour la première fois dans Firefox 11, vous permet de visualiser des tranches de votre page Web avec chaque élément dans sa couche distincte. La fonctionnalité est utile pour trouver du code HTML cassé ou vérifier quel élément se répande sur le suivant ou, pour le plaisir, tout simplement. Les commandes d'inclinaison de la barre d'outils du développeur vous permettent de l'ouvrir et de la fermer. Définir les dimensions pour la faire pivoter, réinitialiser les dimensions, traduire les dimensions le long des axes X et Y et zoomer sur la page Web.

• [inclinaison close] & [tilt open] Fermez et ouvrez la vue 3D, respectivement
• [inclinaisonréinitialiser] réinitialise les valeurs de rotation sur le page Web
• [inclinaisontourner] vous permet de saisir des valeurs pour faire pivoter la page. La syntaxe se développe pour entrer une valeur pour les axes X, Y et Z respectivement.
• [inclinaisonZoom] effectue un zoom avant sur la page Web, se développe pour inclure le niveau de zoom. Le zoom n'est pas appliqué sur le niveau de zoom absolu mais sur la valeur de zoom relative de la page en cours.

Si la fonctionnalité ne fonctionne pas, WebGl est peut-être désactivé. Aller à propos de:config ou utilisez la commande Pref décrite ci-dessus pour définir la valeur de webgl.désactivée à faux et la valeur de webgl.activé par la force à vrai.

Il y a quelques autres commandes dans la nouvelle barre d'outils Développeur, mais à moins que vous ne soyez développeur, il est peu probable qu'elles vous intéressent. Pour les utilisateurs avancés, ceux-ci semblent avoir le plus d'utilité, bien que les utilisateurs réguliers devront probablement le transmettre.