Snippets CSS et JavaScript pratiques, cas d'usage, astuces UX — avec du code prêt à coller dans JustZix.
Aucun article ne correspond à votre recherche.
Quatre petits ajustements UX de l’éditeur de règles qui, ensemble, changent l’usage au quotidien : un badge de comptage de lignes dans les onglets CSS/JS/Actions (v3.2.82), un scrollbar de 10 → 14 px (v3.2.80), une limite de libellé d’action de 8 → 12 caractères (v3.2.81) et une barre d’outils de dossier réorganisée (v3.2.80).
Le rendu de 700 entrées de log dans l’Output Console est passé de ~5 secondes à ~100 millisecondes (v3.2.30). La première fenêtre de l’extension dans un shadow DOM — un pas vers l’isolation des styles de la page vis-à-vis de l’UI de l’extension, plus un gain de performance sérieux.
Un menu déroulant dans l’en-tête de la fenêtre de l’AI Helper (v3.2.81) avec deux options : copier toute la conversation au format Markdown, ou copier la dernière entrée API avec le contexte complet de la conversation. Le flux « déplacer une idée d’un domaine à un autre » ne nécessite plus de copier-coller manuel.
L'indicateur de contexte de l'AI Helper (v3.2.71–73) n'estime plus — il utilise désormais les valeurs réelles de tokens depuis l'API du fournisseur (Anthropic, OpenAI, Gemini), ventilées en input frais / cache / output. Un coût IA réaliste sans calculatrice.
La fenêtre de l'Assistant IA (v3.2.76) est rendue comme un shadow root, donc le CSS de la page ne peut plus fuiter dans l'UI de l'extension. Elle fonctionne à l'identique sur play.google.com, Notion et tout domaine au style agressif.
Le popup browser-action et tous les modales de l'extension ont enfin un mode sombre complet. Un nouveau thème auto suit le système d'exploitation. Le sélecteur de thème a été refait avec 3 boutons (clair / sombre / auto) au lieu d'un seul bouton cyclique.
Une refonte complète de l'onglet Réseau dans la Console de sortie : deux champs de domaines acceptant plusieurs entrées via « | », Alt+clic pour ajouter instantanément, curseurs exponentiels avec champs de saisie, colonnes DataLayer redimensionnables, raccourcissement des URL longues.
La croix × dans TEMP CSS/JS effaçait le contenu — corrigé en v3.2.2. En prime, un nouveau bouton « effacer » avec annulation (v3.2.3). Deux intentions, deux boutons.
L'ancienne « aide API » sous Ctrl+Shift+H est devenue un guide complet sur deux colonnes de l'interface de l'extension sur la page — 8 sections, fonctionne globalement sur chaque page, en 8 langues. À partir de v3.0.0 et v3.0.1.
Trois nouveaux raccourcis introduits en v3.2.4 ouvrent le panneau d'édition JustZix dans une fenêtre de navigateur séparée, sélectionnent automatiquement la première règle active sur la page courante et placent le focus sur l'onglet CSS, JS ou Actions. Les mêmes raccourcis utilisés à l'intérieur du panneau permettent de changer d'onglet.
JustZix embarque désormais deux moteurs de tutoriel intégrés : l'un dans le panneau d'édition, l'autre directement sur la page. 19 étapes du scénario « Votre premier projet », des extraits de code copiables, 8 langues, Échap pour fermer.
Les sites au CSP le plus strict — Facebook, X, GitHub — bloquent l'injection JS classique. JustZix passe grâce à une stratégie à trois niveaux : chrome.userScripts, new Function, blob-script. Aucune configuration dans 99 % des cas, une autorisation unique pour le reste.
Des règles prêtes à l'emploi pour Slack, Trello, Discord, Outlook, Notion, GitHub, GitLab, Telegram et Gmail — densité, barres latérales et mode focus.
Des règles prêtes à l'emploi pour Wikipédia, Medium, BBC, Goodreads, Hacker News et Stack Overflow — largeur de lecture, typographie, modes sombre et sépia.
Des règles prêtes à l'emploi pour Netflix, Disney+, Spotify, SoundCloud, Twitch, Vimeo et YouTube — arrêtez les bandes-annonces en lecture automatique et allégez les rangées de recommandations.
Des règles prêtes à l'emploi pour Amazon, eBay, AliExpress, Etsy et Allegro — masquez les annonces sponsorisées, les compteurs de pression et les carrousels de vente croisée, mettez le prix en avant.
Des règles CSS et JS prêtes à l'emploi pour YouTube, Reddit, X, Instagram, Facebook, TikTok, Threads, Pinterest et LinkedIn — masquez le fil « Pour vous », les suggestions et les compteurs.
Une nouvelle option par jeu de règles empêche le JavaScript de se ré-exécuter lors de la navigation SPA — fini les écouteurs dupliqués et les intervalles parallèles.
L'onglet Network de l'Output Console dispose d'un jeu complet de filtres : par domaine (Domaines+/Domaines-), par taille et par durée — plus l'ajout de domaines en un clic.
Tous les raccourcis clavier intégrés de JustZix au même endroit : éditeurs de code, console, fenêtre Output, onglet Network, fenêtres TEMP et raccourcis d'actions.
Un guide pratique pour diagnostiquer et corriger les différences entre appareils dans JustZix à l'aide de l'historique de synchronisation et de la resynchronisation complète.
L'onglet Statut du panneau de synchronisation JustZix affiche désormais un historique de synchronisation, l'état de votre bibliothèque sur le compte et un bouton de resynchronisation complète.
JustZix détecte la navigation SPA via pushState — les règles, barres d'actions et fenêtres associées à un chemin d'URL s'activent sans rechargement manuel de la page.
La synchronisation cloud de JustZix couvre désormais votre thème, la langue de l'interface et les statistiques d'usage additionnées sur chaque appareil appairé.
Quatre nouveaux outils d'AI Helper : l'assistant teste le code dans des fenêtres TEMP, lit les erreurs de la console de la page et crée non seulement des règles mais aussi des barres et des boutons d'actions.
Ouvrez le panneau d'édition JustZix et le tableau de bord vous accueille — des tuiles avec l'inventaire de votre bibliothèque, les statistiques d'usage, l'état de l'extension et des raccourcis vers le travail récent.
Remodelez le tableau de bord Booksy avec JustZix — un calendrier plus dense, le jour même et les rendez-vous non confirmés mis en évidence, les promotions masquées et un mode focus sans distractions.
Remodelez Allegro avec JustZix — masquez les annonces sponsorisées, obtenez une grille de résultats plus dense, mettez en évidence la livraison gratuite et Smart, et supprimez bannières et carrousels.
Masquez les bannières Pro et les promotions de modèles, agrandissez le canevas de l'éditeur et désencombrez les panneaux latéraux de Canva avec quelques règles CSS et JS dans JustZix.
Masquez les posts sponsorisés, les modules « Connaissances que vous pourriez avoir » et le rail d'actualités à droite. Un fil LinkedIn plus calme avec quelques règles CSS et JS.
Densifiez les tableaux de produits et de commandes, mettez en évidence le stock faible et les commandes impayées, masquez les bannières promotionnelles — règles CSS et JS prêtes à l'emploi pour l'administration Shopify.
Masquez les avis promotionnels des extensions, désencombrez le menu d'administration, élargissez l'éditeur d'articles et épinglez la boîte Publier — règles CSS et JS prêtes à l'emploi pour wp-admin.
Désencombrez et remodelez Gmail, Google Agenda, Docs et Sheets : masquez Meet et les panneaux promotionnels, compactez la boîte de réception, élargissez le volet de lecture, ajoutez un mode focus.
Remodelez Notion à votre goût : pages pleine largeur, mode focus, polices personnalisées, blocs de rappel stylisés, lignes de base de données en zébrures et en-têtes de tableau collants.
Un guide pratique pour déplacer les userscripts vers les règles JustZix : comment le modèle de règles associées à une URL se compare et quand utiliser quel outil.
Nettoyez les paramètres de suivi des liens, neutralisez les pixels de suivi et rangez les URL partagées avec des règles JustZix défensives à copier-coller.
Élargissez les vues de code, épinglez les en-têtes de fichiers et apprivoisez le bruit de l'interface GitHub avec des règles CSS JustZix pratiques conçues pour les développeurs qui lisent beaucoup de code.
Masquez les posts promus, le contenu suggéré et l'appât à engagement sur Reddit et X avec des règles CSS JustZix limitées que vous pouvez copier-coller.
Masquez les Shorts, éliminez le désordre de l'écran de fin et verrouillez une vitesse de lecture par défaut sur YouTube avec des règles CSS et JS JustZix à copier-coller.
Un guide pratique pour améliorer les images sur n'importe quelle page : zoom au survol, forcer le chargement immédiat, et ajouter un bouton de téléchargement en un clic avec JustZix.
Remplacez les lecteurs vidéo personnalisés cassés ou masqués par la barre de contrôle native du navigateur grâce à une seule règle JavaScript et CSS JustZix.
Une règle JustZix qui met en pause et coupe le son des vidéos et audios à lecture automatique dès qu'ils démarrent, pour que les pages s'ouvrent en silence sans son surprise.
Utilisez l'API Picture-in-Picture avec une règle JustZix pour faire flotter n'importe quelle vidéo dans une fenêtre, même sur les sites qui masquent le bouton natif.
Ajoutez des contrôles de vitesse de lecture personnalisés à chaque élément vidéo avec une règle JavaScript JustZix, y compris des raccourcis clavier et un badge de vitesse flottant.
Transformez des scripts ponctuels pratiques en boutons d'action JustZix : copier une page en markdown, retirer les paramètres de suivi, et ouvrir les liens externes dans de nouveaux onglets.
Liez des touches au défilement, à la navigation et aux clics sur les sites dépourvus de raccourcis. Une règle JavaScript JustZix transforme n'importe quelle page en application pilotée au clavier.
Arrêtez de cliquer sur « voir plus » et « page suivante ». Une règle JavaScript JustZix peut déployer les sections repliées et charger toutes les pages pour vous.
Les pop-ups de consentement aux cookies interrompent chaque visite. Utilisez une petite règle JavaScript JustZix pour les écarter automatiquement dès qu'ils apparaissent.
Certains sites bloquent la sélection de texte, la copie et le menu contextuel. Réactivez tout cela avec trois courts snippets JavaScript et une règle CSS.
Un petit snippet JavaScript JustZix qui mesure n'importe quel article et affiche un badge flottant de temps de lecture et de nombre de mots.
Éliminez les rails de recommandation, les barres collantes et les fils de commentaires toxiques de n'importe quel article avec quelques règles d'affichage JustZix ciblées.
Remplacez les pages blanches éblouissantes par des surfaces de lecture chaudes et peu éblouissantes avec des recettes CSS pour le sépia, le crème et les tons papier doux.
Pourquoi la longueur de ligne fait ou défait la lisibilité, et les règles CSS exactes pour verrouiller n'importe quel article à une mesure confortable.
Transformez n'importe quelle page d'article encombrée en une vue de lecture propre et apaisante grâce à une poignée de règles CSS injectées par JustZix.
Stylisez les barres de défilement et construisez des thèmes à fort contraste ou en niveaux de gris pour n'importe quel site web avec des règles CSS JustZix. Recettes pratiques axées sur l'accessibilité.
Rendez lisibles les sites web à l'étroit en ajustant la taille de police, la hauteur de ligne et la largeur du contenu avec des règles CSS JustZix. Recettes à copier-coller pour une page plus apaisante.
Remplacez les polices laides ou difficiles à lire sur n'importe quel site grâce à des règles CSS JustZix. Recettes pour les polices système, les polices web personnalisées et le monospace adapté au code.
Recolorez les liens, les boutons et les surlignages sur n'importe quel site avec des règles CSS JustZix. Recettes pratiques pour surcharger les couleurs d'accentuation sans toucher au balisage.
Transformez n'importe quel site web lumineux en un thème sombre confortable avec quelques règles CSS JustZix. Recettes à copier-coller pour les modes sombres natifs et basés sur filtre.
Éliminez les posts sponsorisés, le contenu suggéré et les barres latérales bruyantes de vos fils sociaux avec un ensemble complet de recettes CSS et JS JustZix à copier-coller.
Les barres de navigation collantes mangent votre écran et masquent le texte quand vous sautez aux ancres. Récupérez l'espace avec ces recettes CSS JustZix à copier-coller.
Masquez les bannières publicitaires, les emplacements d'annonces et les blocs de contenu sponsorisé grâce à des règles CSS JustZix légères qui se chargent instantanément, sans bloqueur de pub supplémentaire.
Empêchez les pop-ups modaux de newsletter et les superpositions à intention de sortie d'interrompre votre lecture grâce à des règles CSS et JavaScript JustZix prêtes à copier.
Éliminez les bannières cookies et les superpositions de consentement avec quelques règles CSS et JS à copier-coller, pour que les pages se chargent proprement à chaque visite.
Un récapitulatif de la dernière mise à jour de JustZix : le nouvel assistant AI Helper, la recherche de code dans l'éditeur et la console de sortie reconstruite à 6 onglets.
La nouvelle barre de recherche dans l'éditeur : compteur de correspondances, surlignage bleu et jaune, flèches de navigation et tous les raccourcis clavier pour les éditeurs CSS et JS.
Un regard honnête sur l'utilisation d'OpenAI, Anthropic et Gemini dans l'AI Helper de JustZix : comment les trois fonctionnent pareil, les vraies différences et le changement.
AI Helper ne change jamais votre configuration silencieusement. Il teste le code dans des fenêtres TEMP visibles et chaque dossier, groupe ou règle nécessite votre accord explicite.
Un tutoriel pratique : décrivez un objectif à AI Helper, regardez-le inspecter la page, tester dans une fenêtre TEMP et enregistrer la règle après votre accord.
Comment AI Helper inspecte le DOM en direct avec query_page et lit votre bibliothèque de règles avec list_structure, et pourquoi l'inspection à la demande vaut mieux que tout transmettre.
Où AI Helper stocke vos clés API, pourquoi les appels passent par le worker d'arrière-plan, la synchronisation cloud optionnelle par clé et une hygiène de clé honnête.
Comment AI Helper exécute une boucle agentique : le protocole @@JZ_TOOL@@, la limite de 8 étapes, chaque outil, et pourquoi cela fonctionne pareil sur tous les fournisseurs.
Étape par étape : obtenez une clé API OpenAI, Anthropic ou Gemini, saisissez-la dans les Paramètres de JustZix, choisissez un fournisseur par défaut et un modèle.
AI Helper est un assistant de chat qui vit dans n'importe quelle page. Apportez votre propre clé API, donnez-lui le contexte de la page et laissez-le construire des règles CSS/JS avec vous.
Greasemonkey ne fonctionne que sur Firefox. Voici un guide honnête des équivalents pour Chrome : Tampermonkey, Violentmonkey et JustZix, avec comment choisir le bon.
Apprenez à exécuter du JavaScript sur n'importe quelle page web : la console des DevTools, les bookmarklets et une approche persistante basée sur des règles avec JustZix, plus des exemples réels.
Apprenez à ajouter du CSS personnalisé à n'importe quel site web. Les DevTools, les outils du navigateur et une approche par extension expliqués, avec un pas à pas JustZix et des exemples.
Vous voulez une alternative sûre à Stylish pour du CSS personnalisé ? Un regard honnête sur l'histoire de Stylish, sur Stylus open source, et sur JustZix — sans télémétrie.
Vous cherchez des alternatives à Tampermonkey ? Une comparaison honnête de Violentmonkey, Greasemonkey, Stylus et JustZix — ce que chacun fait bien et quand le choisir.
L'Output Console de JustZix dispose d'un onglet Network qui capture les requêtes via chrome.webRequest — dans l'onglet, avec un buffer d'arrière-plan, des filtres et des curseurs.
L'Output Console de JustZix est un visualiseur de logs en lecture seule dans l'onglet — 6 onglets pour la console, le réseau, les erreurs et le dataLayer, avec filtres et recherche en direct.
Faites en sorte que les règles JustZix se comportent différemment selon l'heure ou le jour de la semaine : un mode focus pendant les heures de travail, une teinte chaude nocturne, des mises en page réservées au week-end et plus encore.
Déboguez les mises en page responsives sans DevTools : un badge de viewport en direct, le nom du breakpoint, un détecteur de débordement et une règle de grille injectés directement sur la page.
Construisez un bouton d'action JustZix qui copie une page ou votre sélection de texte en Markdown propre — titres, liens, listes, code — sans navigation ni publicités.
Injectez une surcouche d'accessibilité en JavaScript : repérez les textes alternatifs manquants, les champs non étiquetés, les faibles contrastes et les sauts de titres en quelques secondes, sur n'importe quelle page.
Injectez une feuille de style @media print pour corriger l'impression et l'enregistrement en PDF sur les sites qui s'impriment mal. Masquez la navigation, contrôlez les sauts de page, économisez l'encre.
Surveillez un élément de prix ou de disponibilité avec MutationObserver, alertez quand le prix passe sous un seuil ou qu'un article en rupture revient en stock.
Neutralisez les dark patterns avec du CSS et du JavaScript : masquez les faux comptes à rebours et les faux compteurs de visiteurs, figez les minuteurs et décochez les cases d'options pré-cochées.
Les paywalls souples cachent un article déjà dans le DOM derrière une surcouche et un blocage du défilement. Apprenez à retirer la surcouche, débloquer le défilement et défloutter le texte.
Interceptez fetch et XMLHttpRequest dans le navigateur pour renvoyer du faux JSON, simuler de la latence, des erreurs 500 et des listes vides — sans serveur de mock.
Bloquez-vous dans n'importe quel groupe de test A/B ou variante de feature flag en écrasant la valeur de cookie ou de localStorage utilisée par le site, pour que la QA puisse tester chaque branche.
Un testeur construit la barre d'outils QA lui-même et la remet à l'équipe avec un seul lien TTL. Comment le configurer, et quand utiliser un lien plutôt que la synchro.
La majeure partie d'un userscript se recolle sans changement. Ce qui fonctionne différemment — l'en-tête de métadonnées, les fonctions GM_* — et ce qui le remplace.
Le JavaScript injecté s'exécute avec les pleins droits de la page que vous visitez. Ce qu'un snippet peut vraiment faire, ce qu'il ne peut pas, et à qui faire confiance.
Vous entrez une clé de synchro sur un autre ordinateur et vos règles sont simplement là. Comment ça marche sous le capot — et pourquoi JustZix n'écrasera pas votre travail.
Cinq règles, vous les gardez en tête. Cinquante, non. Comment la hiérarchie JustZix à quatre niveaux passe à l'échelle de 100+ règles.
Le motif d'URL décide où une règle s'exécute. Cinq motifs à connaître, comment ils s'empilent dans la hiérarchie, et les erreurs courantes.
window.JUSTZIX journalise directement dans la fenêtre Output Console — diagnostiquez une page sans ouvrir les DevTools. Patterns d'usage et pièges.
Les actions JustZix peuvent s'appeler entre elles. Avec window.JZ, vous construisez des workflows multi-étapes à partir de boutons — sans bibliothèque.
Une règle bâtie sur une classe .css-1a2b3c meurt au prochain déploiement du site. Quatre règles pour écrire des règles qui survivent à une refonte.
Une règle s'exécute une fois, mais les pages changent après leur chargement. Un MutationObserver fait réagir la règle aux nouveaux éléments du DOM.
Trois actions JustZix universelles utiles presque partout : copier une URL propre, exporter un tableau en CSV et le Picture-in-Picture.
Combien de temps prendra cet article ? Une règle JustZix ajoute en haut de chaque texte une barre avec le nombre de mots et un temps estimé.
Parallaxe, carrousels et vidéos en lecture automatique peuvent fatiguer. Une règle CSS plus JS apaise le mouvement sur n'importe quelle page.
Les pages « attendez 5 secondes » vivent de votre temps. Une règle JustZix extrait l'URL de destination et saute la redirection aussitôt.
Une règle CSS montre quels liens vous avez déjà ouverts. Plus : pourquoi le sélecteur :visited est si fortement restreint par les navigateurs.
Les en-têtes sticky et les barres flottantes peuvent manger un tiers de l'écran. Comment les décoller ou les masquer avec une seule règle CSS.
Les sections de commentaires et les longs posts cachent du contenu derrière « voir plus ». Une règle JustZix avec un MutationObserver les déplie tous automatiquement.
Le mode lecture intégré est aléatoire. Construisez le vôtre comme action JustZix — il réduit la page à l'article, exactement comme vous le voulez.
Survolez une vignette, voyez un aperçu agrandi près du curseur. Une lightbox légère en pur JavaScript comme règle JustZix — sans bibliothèque.
Contenu réparti sur 40 pages ? L'auto-pager récupère la page suivante et l'ajoute quand vous atteignez le bas. Défilement infini en une règle.
Le lecteur intégré s'arrête à 2x. Une règle JustZix ajoute le contrôle de playbackRate au clavier à chaque vidéo HTML5.
Une page bloque la sélection de texte et le clic droit ? Une seule règle JustZix lève le blocage — CSS plus interception d'événements en phase de capture.
Les pages avec une Content-Security-Policy stricte bloquent les scripts étrangers. JustZix y injecte quand même votre JS — via chrome.scripting.executeScript et un pont postMessage.
L'Output Console de JustZix capture désormais les exceptions non interceptées et les rejets de promesses non gérés, pas seulement les console.log explicites. Ce qui change, et ce qu'elle n'attrape toujours pas.
Chaque fenêtre de dev JustZix s'ouvre en pane persistant ou en TEMP éphémère. Un modèle de décision simple : quand choisir laquelle, et comment promouvoir l'une en l'autre.
Invoquez une fenêtre CSS, JS, REPL ou Output sur n'importe quelle page avec un raccourci Ctrl+Alt. Les TEMP panes disparaissent au rechargement — zéro config, zéro trace dans vos règles.
PerformanceObserver capture LCP (Largest Contentful Paint), CLS (Cumulative Layout Shift), INP (Interaction to Next Paint). Injectez une fois via une règle JS JustZix, l'Output Console affiche les résultats pour chaque page visitée. Sans Lighthouse, sans F12.
Les posts sponsorisés se mélangent aux fils des réseaux sociaux à côté du contenu organique. Les sélecteurs CSS les ratent (hash de classes aléatoires). Recette JustZix : matchers d'attributs CSS + MutationObserver JS avec text matching pour 3 plateformes.
Tampermonkey/Greasemonkey, ce sont des userscripts (JS uniquement, métadonnées d'en-tête). JustZix, c'est userscripts + userstyles + couche UI (barres d'actions, panes, dashboard snap). Comparatif fonction par fonction + migration de 3 scripts Tampermonkey typiques vers des règles JustZix.
UI YouTube par défaut : spam de Shorts, vidéos suggérées qui coupent le flux, aucun raccourci pour « sauter intro/sponsor ». Pack JustZix de 6 règles : masquages CSS + auto-skip JS + raccourcis clavier (J/L saut, S skip sponsor, Shift+S partage capture).
Stylish (controversé) et Stylus sont des extensions classiques d'injection de CSS. JustZix fait la même chose + règles JS + barres d'actions + 4 types de fenêtres + snap connections + sync + liens de partage TTL. Migration étape par étape avec comparaison fonctionnalité par fonctionnalité.
Le bouton flottant est « l'entrée de JustZix » sur chaque page — une goutte à 3 lettres par folder, 4 états (on/mixed/off/globally-off), drag+snap avec barres/panes, menu contextuel au clic droit, popup widget basculant toutes les règles. Anatomie complète, de la position au clavier.
Les 3 apps de chat IA les plus populaires ont des UI par défaut calibrées pour les nouveaux venus. Pour les power users : bulles de messages trop étroites, blocs de code faibles, overlays « Upgrade to Pro ». Snippets CSS + observer JS dans JustZix, un clic, toujours là.
INPUT est un <input type="text"> natif dans la barre d'actions. Entrée → blur → exécuter le code. Mémoire persistante par onglet (sessionStorage + chrome.storage.local). Différence clé vs TEXTAREA : Entrée déclenche l'action. Cas d'usage : barre de commande, recherche rapide, override de filtre, navigation URL personnalisée.
SELECT est un dropdown dans la barre d'actions JustZix. Deux variantes : static (options codées en dur dans le schéma) et js (le code génère les options dynamiquement). La première est idéale pour des presets fixes (Light/Dark, choix de langue), la seconde pour des listes dynamiques (catégories du DOM, marque-pages hotkey).
BUTTON est le type d'action JustZix le plus ancien et le plus utilisé. Clic = exécuter le code dans le MAIN world. Pas d'état, pas de mémoire — une fonction pure. Personnalisation complète (fond, couleur du texte, padding) + customStyles pour une intégration au pixel près dans la barre d'actions.
Depuis v2.13.42/55/70, les clics droits sur les en-têtes de pane (CSS / JS / JS Console / Output Console) ouvrent un menu contextuel : déconnecter les snap connections, désactiver un pane, changer la police + la taille — sans retourner à la page d'options.
Quatre listeners en capture-phase sur document (v2.13.75 + v2.13.78) : Ctrl+Shift+L (clear), Ctrl+Shift+S (basculer la recherche), Ctrl+Shift+K (faire défiler le viewMode), Ctrl+Shift+H (popup d'aide API). Tous actifs quand au moins une Output Console est rendue sur la page. Plus un popup d'aide déplaçable (v2.13.80).
L'action TEXTAREA (v2.13.21) est un <textarea> natif dans la barre d'actions JustZix. Mémoire persistante par onglet (sessionStorage + backup chrome.storage.local). Entrée = saut de ligne natif (PAS de blur). Le code se déclenche au blur. Cas d'usage : bloc-notes QA, brouillons de commentaires, snippets SQL/curl/JSON par domaine.
Un guide de toutes les fenêtres JustZix du frontend et des types d'actions. Quatre types de panes (CSS pane / JS Console / JS pane / Output Console), les deux actions les plus puissantes (TOGGLE3 / SLIDER), l'API window.JZ + window.JUSTZIX, et les snap connections pour tout disposer en mini-dashboard. La carte complète du « mini-IDE dans un onglet » — quoi choisir quand, et comment tout s'imbrique.
CSS pane + JS pane + JS Console + Output Console + barres d'actions + bouton flottant — tous vivent dans un espace d'ID snap partagé. Glissez l'un près d'un autre → ils s'aimantent en un groupe. Glissez le groupe → tout bouge ensemble. Le positionnement par anchor garde la disposition stable lors des redimensionnements de fenêtre.
L'Output Console (v2.13.66+) est le 4e type de fenêtre de JustZix. Un visualiseur de logs en lecture seule capture tous les console.log/warn/error/info/debug de la page (sync + async). Un canal window.JUSTZIX.log dédié (principal depuis v2.13.76, au nom de marque, risque de collision infime) avec viewMode [C/J/C+J]. Filtres par niveau + recherche + 2000 lignes. Immunisé contre la CSP via l'injection chrome.scripting (v2.13.74).
L'action SLIDER est un input range natif dans la barre d'actions. Le glissement en direct met à jour la mémoire sans déclencher de code (événement input), le relâchement déclenche le code (événement change). La valeur est un Number, pas un String. Cas d'usage : luminosité, zoom, taille de police, vitesse d'animation.
L'action TOGGLE3 est un contrôle segmenté avec exactement 3 états. Chaque état a son propre label, sa valeur, sa couleur et son code JS. La mémoire conserve l'état actif par action. 5 couleurs configurables : actif bg/texte + inactif bg/hover/texte.
Chaque action JustZix obtient deux namespaces MAIN-world : window.JZ (helpers d'action — click/value/setValue sur les éléments data-jz-action-*) et window.JUSTZIX (logger — log/warn/error/info/debug dans l'Output Console). Le JUSTZIX nommé d'après la marque n'entre jamais en collision avec les scripts de la page. Construisez des mini-applis où des boutons cliquent d'autres boutons et des curseurs pilotent des variables CSS.
Du code JS persistant avec Ctrl+Enter / clic sur ▶ pour l'exécuter. Pas d'auto-exécution au chargement. État dirty, overlay d'erreur, sessionStorage par onglet. Cas d'usage : scripts destructifs + opérations en masse.
Une fenêtre REPL flottante avec historique des commandes, Ctrl+L = effacer, Ctrl+Enter = eval. Capture console.log/warn/error/info depuis le contexte de la page. Persistance par onglet.
Une textarea flottante injectée sur la page avec injection <style> en direct (debounce 200ms). Persistance par onglet, multi-pane, hiérarchie de scope. Ce qu'elle fait et comment démarrer en 30 secondes.
Cinq techniques de marquage visuel pour les environnements hors production : bannière rouge, badge flottant, échange de favicon, teinte du viewport, préfixe de titre. CSS+JS copier-coller pour JustZix.
Comment construire votre propre barre QA : remplir des formulaires, réinitialiser l'état, copier l'URL avec token d'authentification, avancer les dates, déboguer les requêtes. Tout dans JustZix, sans support dev.
Quatre patterns JavaScript pour ajouter vos propres raccourcis clavier sur n'importe quel site. Sans attendre l'auteur, sans extensions lourdes à la Vimium. Copier-coller pour JustZix.
Quatre snippets JavaScript pour vérifier que les événements GTM se déclenchent au bon moment avec la bonne payload. Aucune modification du code de production. Prêt à copier-coller pour JustZix.
Quatre façons de forcer le mode sombre sur n'importe quel site : filtre invert, override de prefers-color-scheme, override de variables CSS, thème dédié par site. Code copier-coller pour JustZix.
Cinq snippets CSS et JavaScript testés pour masquer les bannières cookies sur n'importe quel site. Du code à copier-coller qui fonctionne immédiatement dans JustZix.