CSS / JS क्विक इंजेक्शन

1CSS/JS क्विक इंजेक्शन क्या है?#

क्विक इंजेक्शन आपके ऐप के लोड किए हर पेज में वही CSS और JavaScript जोड़ता है - कोई शर्त नहीं, कोई साइट-वार नियम नहीं।

इसे एक ग्लोबल स्टाइल शीट और एक ग्लोबल स्टार्टअप स्क्रिप्ट समझें जो हमेशा चलती है, यूज़र किसी भी पेज पर हो।

✅ इनके लिए बिल्कुल सही:

• ब्रांडिंग में बदलाव (रंग, फ़ॉन्ट, लोगो)
• ग्लोबल एलिमेंट छिपाना (हेडर, फ़ुटर, कुकी बैनर)
• सभी पेजों के लिए छोटे लेआउट या फ़ॉन्ट-साइज़ सुधार
• सब पेजों पर तैरता हुआ बटन जोड़ना (WhatsApp, चैट, ऊपर वापस जाएँ)

❌ इनके लिए नहीं बना:

• सिर्फ़ खास URL पर कोड चलाना → इसके बजाय स्मार्ट यूज़र स्क्रिप्ट्स इस्तेमाल करें
• समय वाले जटिल ऑटोमेशन → स्मार्ट यूज़र स्क्रिप्ट्स इस्तेमाल करें

2जनरेटर में इसे कहाँ ढूँढें#

चरण 4 (अनुमतियाँ) → नीचे स्क्रॉल करें → 🎨 CSS / JS क्विक इंजेक्शन कार्ड।

दो टेक्स्ट बॉक्स:

• 🎨 कस्टम CSS - सीधे CSS नियम पेस्ट करें
• ⚡ कस्टम JavaScript - सीधे JS पेस्ट करें (किसी रैपिंग की ज़रूरत नहीं)

दोनों वैकल्पिक हैं। छोड़ने के लिए खाली रखें।

3उदाहरण 1: कुकी बैनर और हेडर छिपाएँ#

हर पेज से स्टिकी हेडर और कुकी सहमति पॉपअप को एक साथ हटाएँ:

/* ── 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;
}

4उदाहरण 2: पूरा डार्क मोड (सिर्फ़ CSS)#

एक ही CSS फ़िल्टर से किसी भी वेबसाइट को डार्क बनाएँ - इमेज स्वाभाविक रहती हैं:

/* ── 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;
}

5उदाहरण 3: स्केल / ज़ूम ठीक करना#

वेबसाइट मोबाइल पर बहुत छोटी या बहुत बड़ी दिखती है? ज़ूम लेवल ठीक करें:

/* 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;
}

6उदाहरण 4: तैरता हुआ WhatsApp बटन (JS)#

हर पेज पर तैरता हुआ WhatsApp संपर्क बटन जोड़ता है (फ़ोन नंबर बदल लें):

// 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);
})();

7उदाहरण 5: कुकी अपने आप स्वीकार करें (JS)#

कुकी सहमति डायलॉग पर 'Accept' अपने आप क्लिक करें:

// 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();
  });
})();

8अंदर से यह कैसे काम करता है#

• CSS को लोड के बाद पेज <head> में <style id=\'__userscript_css__\'> टैग के रूप में डाला जाता है।
• JS को लोड के बाद <script id=\'__userscript_js__\'> टैग के रूप में डाला जाता है।
• दोनों हर पेज पर onPageFinished के बाद चलते हैं - बैक-नेविगेशन समेत।
• पहले एलिमेंट ID जाँचकर दोबारा इंजेक्शन को रोका जाता है।
• ऑफ़लाइन ZIP ऐप में भी काम करता है।

⚠️ सीमा: पेज लोड होने के बाद चलता है। पेज की जल्दी चलने वाली स्क्रिप्ट पहले ही चल चुकी हो सकती हैं। लोड से पहले इंजेक्ट करने के लिए स्मार्ट यूज़र स्क्रिप्ट्स (document-start) इस्तेमाल करें।