Différences

Ci-dessous, les différences entre deux révisions de la page.

--- informatique:outils:firefox:divers [2025/01/02 09:25] – supprimée - modification externe (Date inconnue) 127.0.0.1
+++ informatique:outils:firefox:divers [2025/01/02 09:25] (Version actuelle) – ↷ Page déplacée de informatique:firefox:divers à informatique:outils:firefox:divers alexis
@@ Ligne 1: / Ligne 1: @@
+====== Divers ======
+===== Faire une capture d'écran =====
+Pour accéder à la commande, il faut ouvrir ''Tools → Web Developer → Web Console'' ((Ou presser sur la touche <key>F12</key>, puis sélectionner l'onglet ''Console''. )) et utiliser la commande '':screenshot''.
+<code javascript>
+/* Enregistrer la capture d'écran dans un fichier */
+:screenshot
+/* Enregistrer la capture d'écran de la page entière (inclus la partie non visible de la page) dans un fichier */
+:screenshot --fullpage
+/* Enregistrer la capture d'écran dans le presse-papier */
+:screenshot --clipboard
+/* Afficher l'aide de la commande de capture d'écran */
+:screenshot --help
+</code>
+<WRAP tip>
+Il est possible aussi de capturer uniquement un node en le sélectionnant dans l'onglet ''Inspector'' puis en sélectionnant ''Screenshot Node'' dans le menu contextuel.
+</WRAP>
+===== Afficher des tables dans la console =====
+Il suffit d'utiliser la commande ''console.table'' dans le code ou directement dans la console. Par exemple :
+<code javascript>
+console.table({
+    "clé 1": "valeur 1",
+    "clé 2": "valeur 2",
+    "clé 3": "valeur 3"
+});
+</code>
+Pour plus d'informations sur le fonctionnement de la console
+  * [[https://medium.com/@mattburgess/beyond-console-log-2400fdf4a9d8|Beyond console.log() – Matt Burgess – Medium]]
+  * [[https://developer.mozilla.org/en/docs/Web/API/Console|Console]]
+  * [[https://constantin-boulanger.fr/en-faire-plus-avec-la-console-javascript-console-log/|En faire plus avec la Console Javascript - Il n'y a pas que le console.log() !]]
+  * [[https://medium.com/devgorilla/the-console-object-provides-access-to-the-browsers-debugging-console-354eda9d2d50|JavaScript console is more than console.log() – devgorilla – Medium]]
+===== Blague JavaScript =====
+Dans la console, saisir le code suivant et apprécier :
+<code javascript>
+new Array(15).join('Joker'-1)+' Batman'
+</code>