Aide rapide sous Ctrl+Shift+H — un guide complet sur la page
Le raccourci Ctrl+Shift+H était autrefois un petit détail — il ouvrait une courte aide sur l'API de la Console de sortie. Dans la version 3.0, nous l'avons reconstruit en un guide complet de l'interface de l'extension sur la page : raccourcis globaux, raccourcis dans une fenêtre, Console de sortie, interaction à la souris avec les fenêtres, mode édition de la barre d'actions, journalisation. Il fonctionne globalement sur chaque page où l'extension est activée, dans une mise en page sur deux colonnes, en 8 langues. Cet article passe en revue ce que vous obtenez sous cette unique touche.
Ce que montre désormais l'Aide rapide
La fenêtre contextuelle comporte six cartes de section, chacune avec des puces :
- Raccourcis globaux —
Ctrl+Alt+G/H/J/K(fenêtres TEMP),Ctrl+Alt+\(Assistant IA),Ctrl+Alt+S(mode édition de la barre d'actions),Ctrl+Alt+I/O/P(panneau d'édition dans une fenêtre séparée). - À l'intérieur d'une fenêtre —
Ctrl+Enter(exécuter le code),↑/↓(historique de la Console JS),Ctrl+L(effacer la console),Esc(fermer la barre de recherche). - Console de sortie —
Ctrl+Shift+L/K, six onglets numérotés,Alt+clic/Alt+Shift+clicsur Network (inclure / exclure le domaine), colonnes DataLayer redimensionnables. - Fenêtres sur la page — à la souris — glisser, 8 poignées de redimensionnement, accrochage aux bords, menu d'en-tête, double-clic sur la barre = bascule de la taille de la fenêtre TEMP, confinement du défilement (la molette ne fait pas défiler la page en dessous).
- Mode édition de la barre d'actions —
Ctrl+Z(annuler),Delete,Esc, sélection avec Shift/Ctrl+clic, étiquettes. - Journalisation dans la Console de sortie — le canal
window.JUSTZIX.log/warn/error/info/debug(ainsi que les aliasJZet__JUSTZIX__) etconsole.*intercepté.
Le pied de la fenêtre contextuelle renvoie au manuel complet (help-*.html à l'intérieur de l'extension) — toujours à portée de main lorsque vous avez besoin d'un contexte plus approfondi.
Mise en page sur deux colonnes (v3.0.1)
La première version était une seule colonne étroite (640 px) qu'il fallait faire défiler. Désormais, la fenêtre contextuelle fait min(1040px, 94vw) de large — elle utilise l'espace que l'écran lui offre. Le contenu est disposé sur deux colonnes, chaque section est une carte distincte (arrière-plan, bordure, ombre subtile) — une mise en page claire au lieu d'un mur de texte. Le pied de page avec le lien vers le manuel complet se trouve en dehors de la zone de défilement — toujours visible en bas. Sur les écrans plus étroits que 720 px, les colonnes s'effondrent en une seule, sans perte de lisibilité.
Fonctionne globalement — pas besoin de la Console de sortie
Les anciens écouteurs de Ctrl+Shift+H ne s'enregistraient qu'une fois la première Console de sortie rendue sur la page. Si un onglet n'avait aucune Console de sortie, le raccourci ne faisait tout simplement rien. À partir de v3.0, l'écouteur s'installe au démarrage du content script et fonctionne globalement sur chaque onglet où l'extension est active. Que vous ayez ou non des fenêtres ouvertes — appuyez sur Ctrl+Shift+H et l'antisèche complète apparaît.
Comment l'ouvrir et la fermer
Le raccourci fonctionne de la même manière sur chaque système d'exploitation : Ctrl+Shift+H ouvre la fenêtre contextuelle, en appuyant à nouveau elle se ferme. Vous pouvez aussi la fermer via :
Esc— le geste de sortie naturel ;- un clic en dehors de la fenêtre contextuelle (n'importe où sur la page) ;
- la croix × dans le coin supérieur droit de la fenêtre contextuelle.
La fenêtre contextuelle est déplaçable — attrapez la barre d'en-tête et déplacez-la si elle couvre ce que vous êtes en train de lire. La position est mémorisée pour l'onglet.
Huit langues — aucune ressource externe
Le contenu est traduit en 8 langues (PL, EN, DE, ES, FR, IT, RU, ZH) et se trouve dans le dictionnaire lib/i18n.js sous la clé helpPopup.*. La langue de la fenêtre contextuelle suit la langue de l'interface de l'extension — changez-la dans les options et la fenêtre contextuelle se met à jour avec elle. La fenêtre contextuelle elle-même est rendue par le content script sans polices ni ressources externes — elle fonctionne même hors ligne.
Pourquoi nous avons fait ce changement
Auparavant, un nouvel utilisateur appuyait sur Ctrl+Shift+H et voyait quelques lignes sur l'API window.JUSTZIX.log. C'était une aide précise, mais étroite. Pendant ce temps, la grande majorité des questions portaient sur la gestion des fenêtres, les raccourcis TEMP, l'édition de la barre d'actions et la Console de sortie — des choses qu'il fallait déterrer du manuel complet. La fenêtre contextuelle était censée être « l'antisèche à portée de main » mais était devenue un guide d'une seule surface d'API. La version 3.0 revient à l'intention d'origine : une antisèche complète sur la page sous une seule touche.
Voir aussi
- Raccourcis clavier JustZix — l'antisèche complète — la version textuelle de ce que la fenêtre contextuelle montre visuellement
- Panneau d'édition à côté de votre page — Ctrl+Alt+I/O/P — l'un des groupes de raccourcis présents dans la fenêtre contextuelle
- Fenêtres sur la page — les fenêtres de développeur décrites sous « Fenêtres sur la page — à la souris »
Installez JustZix — et gardez l'antisèche complète sur la page sous une seule touche, sur chaque page.
Notez cet article
Aucune note — soyez le premier.