Injection de CSS et JavaScript

JustZix superpose votre propre code CSS et JavaScript à chaque page que vous visitez. Une règle liée à un domaine ou à un motif d'URL s'exécute automatiquement à chaque visite — sans attendre l'auteur du site, sans outils externes.

Télécharger gratuitement Voir les exemples

Comment fonctionne l'injection

Chaque règle dans JustZix est un petit morceau de code lié à un endroit du web. Vous choisissez où elle s'applique — un domaine entier comme example.com ou un chemin d'URL précis — vous collez du CSS, du JavaScript, ou les deux, et vous enregistrez. Dès lors, l'extension injecte ce code automatiquement à chaque chargement d'une page correspondante. Aucune étape de compilation, rien à lancer à la main.

Chaque règle a son propre éditeur avec coloration syntaxique, numéros de ligne, barre de recherche et thème clair ou sombre. Vous pouvez garder des dizaines de règles côte à côte et activer ou désactiver chacune d'un seul clic sur la barre d'outils flottante.

CSS — restylage instantané

Le CSS est injecté via une balise <style> dans le head du document, vos règles portent donc une spécificité complète et peuvent remplacer presque tout ce que le site fournit. Masquez un mur de cookies, élargissez une colonne de lecture trop étroite, forcez une palette sombre, agrandissez une police minuscule — la plupart des correctifs quotidiens tiennent en quelques lignes de CSS et prennent effet dès le rendu de la page.

JavaScript — votre propre logique

Quand le CSS ne suffit pas, une règle peut exécuter du JavaScript. JustZix l'exécute dans le MAIN world de la page, votre script voit donc le véritable objet window, les variables de la page et son DOM — et il contourne la plupart des restrictions Content-Security-Policy qui bloquent les scripts inline. C'est la différence entre simplement masquer un élément et réécrire réellement le comportement d'une page : ajouter un raccourci clavier, déplier automatiquement un contenu replié, surveiller les éléments chargés tardivement.

Fonctionne même sur Facebook, X et GitHub

Les pages avec une Content-Security-Policy stricte (Facebook, X, GitHub et bien d'autres) bloquent les scripts injectés en ligne ainsi que les appels new Function. JustZix franchit ce mur grâce à une stratégie en trois niveaux : il essaie d'abord d'exécuter votre code via chrome.userScripts (qui contourne la CSP sans exception) ; si cela échoue, il revient au classique new Function ; en dernier recours, il injecte le script sous la forme <script src="blob:…"> — une forme que la plupart des politiques autorisent. Vos règles, actions et fenêtres TEMP JS s'exécutent donc là où la plupart des extensions userscript renoncent dès la première étape.

Le chemin userScripts doit être activé une fois dans les paramètres du navigateur (« Autoriser les scripts utilisateur » ou mode développeur) — l'extension affiche les instructions exactes dès qu'une page reste hors d'atteinte par les autres voies. Le reste est automatique : JustZix choisit le meilleur chemin disponible sur chaque site.

Sans compte, sans autorisation

L'injection est entièrement locale. Les règles vivent dans votre navigateur, ne s'exécutent que pour vous et ne nécessitent aucune approbation de l'auteur du site. Aucun compte à créer, rien à payer. Vous décidez ce qui s'exécute et où, et vous le désactivez dès que vous n'en avez plus besoin.

Des règles CSS et JS prêtes à l'emploi pour les sites populaires vous attendent dans le catalogue d'exemples — copiez-en une, ajustez-la, et vous avez une règle fonctionnelle en moins d'une minute.

Articles de blog liés

Des articles qui approfondissent ce sujet.

Tutoriels Comment ajouter du CSS personnalisé à n'importe quel site web — un guide pour débutants 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. Tutoriels Comment exécuter du JavaScript sur n'importe quelle page web — guide pour débutants 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. API et helpers Comment JustZix injecte du code sur les pages à CSP strict 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.

Autres fonctionnalités

⊞ Organisation hiérarchiqueDossiers, groupes, jeux de règles et actions forment une arborescence qui garde l'ordre, d'une correction CSS à des centaines de règles. ◉ Motifs d'URL avec jokersAssociez des règles à une adresse exacte, un site entier ou tous les sous-domaines. Le joker * couvre tout fragment, les motifs d'exclusion gardent la règle à sa place. ◐ Le bouton flottantUn petit bouton rond sur la page indique l'état des règles par la couleur et bascule tout d'un clic. Le clic droit ouvre un panneau par règle. ⚡ Le panneau d'actions — 6 types de contrôlesUne barre interactive sur la page avec six types de contrôles : bouton, liste, champ, curseur, bloc-notes et interrupteur à trois états. Chaque action exécute du code. ⌨ APIs programmatiques — JZ et JUSTZIXDeux objets globaux — JZ et JUSTZIX — permettent à vos règles de déclencher des boutons d'action et de journaliser dans l'Output Console, sans DevTools. ⇄ Synchronisation multi-appareilsUne seule clé relie tous les navigateurs. Règles, dossiers et paramètres se propagent avec résolution de conflit par entité, sans écrasement en masse. ⇗ Partages et sauvegardesPartagez un dossier, un groupe ou une règle via un lien court qui expire après 1 à 48 h, et protégez vos données par des sauvegardes cloud automatiques. ▣ Fenêtres sur la page — CSS, JS et consolesCinq fenêtres de dev affichées sur la page : éditeurs CSS et JS, console REPL, visualiseur de logs et assistant IA — sans DevTools.

Toutes les fonctionnalités →