Injection rapide CSS / JS

1Qu'est-ce que l'injection rapide CSS/JS ?#

L'injection rapide ajoute le MÊME CSS et le MÊME JavaScript à CHAQUE page que votre application charge - sans condition, sans règle par site.

Voyez-le comme une feuille de style globale et un script de démarrage global qui s'exécutent toujours, quelle que soit la page où se trouve l'utilisateur.

✅ Parfait pour :

• Ajustements de marque (couleurs, polices, logo)
• Masquer des éléments globaux (en-tête, pied de page, bannière de cookies)
• Petites corrections de mise en page ou de taille de police pour toutes les pages
• Ajouter un bouton flottant global (WhatsApp, chat, retour en haut)

❌ Non conçu pour :

• Exécuter du code uniquement sur certaines URL → utilisez plutôt les Scripts utilisateur intelligents
• Automatisations complexes avec minutage → utilisez les Scripts utilisateur intelligents

2Où le trouver dans le générateur#

Étape 4 (Autorisations) → faites défiler vers le bas → carte 🎨 Injection rapide CSS / JS.

Deux zones de texte :

• 🎨 CSS personnalisé - collez des règles CSS brutes
• ⚡ JavaScript personnalisé - collez du JS brut (aucun encapsulage nécessaire)

Les deux sont facultatives. Laissez vide pour les ignorer.

3Exemple 1 : masquer la bannière de cookies et l'en-tête#

Supprimez globalement un en-tête fixe et une fenêtre de consentement aux cookies sur chaque page :

/* ── Hide header & nav ── */
header, nav, .navbar, #top-bar, .site-header {
  display: none !important;
}

/* ── Remove cookie/GDPR banners ── */
.cookie-banner, #cookie-notice, .gdpr-popup,
[id*="cookie"], [class*="cookie"] {
  display: none !important;
}

4Exemple 2 : mode sombre complet (CSS uniquement)#

Passez n'importe quel site en mode sombre avec un seul filtre CSS - les images restent naturelles :

/* ── Dark Mode via CSS filter ── */
html {
  filter: invert(1) hue-rotate(180deg) !important;
}
/* Keep images & media in original colors */
img, video, canvas, svg, picture {
  filter: invert(1) hue-rotate(180deg) !important;
}

5Exemple 3 : correction de l'échelle / du zoom#

Votre site web paraît minuscule ou trop grand sur mobile ? Corrigez le niveau de zoom :

/* 85% scale — adjust to your needs */
body {
  zoom: 0.85;
}

/* Force readable font size */
body, p, li, td {
  font-size: 15px !important;
  line-height: 1.65 !important;
}

6Exemple 4 : bouton WhatsApp flottant (JS)#

Ajoute un bouton de contact WhatsApp flottant sur chaque page (remplacez le numéro de téléphone) :

// Floating WhatsApp button
(function() {
  if (document.getElementById('__wa_fab__')) return;
  var btn = document.createElement('a');
  btn.id = '__wa_fab__';
  btn.href = 'https://wa.me/1234567890?text=Hello';
  btn.style.cssText = [
    'position:fixed','bottom:24px','right:20px',
    'width:56px','height:56px','border-radius:50%',
    'background:#25D366','color:#fff','font-size:26px',
    'display:flex','align-items:center','justify-content:center',
    'text-decoration:none','z-index:999999',
    'box-shadow:0 4px 12px rgba(0,0,0,.35)'
  ].join(';');
  btn.textContent = '💬';
  document.body.appendChild(btn);
})();

7Exemple 5 : acceptation automatique des cookies (JS)#

Cliquez automatiquement sur « Accepter » dans les boîtes de dialogue de consentement aux cookies :

// Auto-accept cookie banners
(function() {
  var selectors = [
    '.accept-cookies','#accept-btn','#cookie-accept',
    'button[id*="accept"]','button[class*="accept"]',
    '[aria-label*="Accept"]'
  ];
  selectors.forEach(function(sel) {
    var el = document.querySelector(sel);
    if (el) el.click();
  });
})();

8Fonctionnement interne#

• Le CSS est inséré sous forme de balise <style id=\'__userscript_css__\'> dans le <head> de la page après le chargement.
• Le JS est inséré sous forme de balise <script id=\'__userscript_js__\'> après le chargement.
• Les deux s'exécutent sur CHAQUE page après onPageFinished - y compris lors d'un retour en arrière.
• La double injection est bloquée en vérifiant d'abord l'ID de l'élément.
• Fonctionne aussi dans les applications ZIP hors ligne.

⚠️ Limite : s'exécute APRÈS le chargement de la page. Les scripts de la page qui s'exécutent tôt ont peut-être déjà tourné. Pour une injection avant le chargement, utilisez les Scripts utilisateur intelligents (document-start).