Content Security Policy बिल्डर

प्रीसेट टेम्पलेट, प्रति-डायरेक्टिव नियंत्रण, वैलिडेशन चेतावनियों, सख्ती स्कोरिंग और report-only मोड के साथ CSP हेडर विज़ुअली बनाएं।

अपडेट किया गया

Share:
Home/Website Tools/Content Security Policy Builder

Content Security Policy Builder

Visually build Content Security Policy headers with preset templates, per-directive controls, validation warnings, and strictness scoring.

Preset Templates

Use Content-Security-Policy-Report-Only header (monitors violations without enforcing)

Strictness Score
0/100
Weak

0 directives enabled

Directives

अक्सर पूछे जाने वाले प्रश्न

CSP क्या है?

एक HTTP हेडर जो यह नियंत्रित करता है कि ब्राउज़र कौन-से संसाधन लोड कर सकता है, जिससे XSS और डेटा इंजेक्शन हमले रोके जाते हैं।

लागू बनाम केवल-रिपोर्ट?

लागू मोड उल्लंघनों को रोकता है। केवल-रिपोर्ट मोड उन्हें अनुमति देता है लेकिन रिपोर्ट करता है — लागू करने से पहले परीक्षण के लिए उपयोगी।

unsafe-inline/eval से क्यों बचें?

unsafe-inline शोषण योग्य इनलाइन स्क्रिप्ट की अनुमति देता है। unsafe-eval डायनामिक कोड निष्पादन को सक्षम करता है। दोनों CSP सुरक्षा को काफ़ी कमज़ोर कर देते हैं।

क्या Content Security Policy Builder इस्तेमाल करने के लिए मुफ़्त है?

हाँ, Content Security Policy Builder 100% मुफ़्त है — बिना किसी पंजीकरण, छिपे शुल्क या उपयोग सीमा के। सारी प्रोसेसिंग आपके ब्राउज़र में स्थानीय रूप से होती है, जिससे पूर्ण गोपनीयता सुनिश्चित होती है।

क्या Content Security Policy Builder मोबाइल डिवाइस पर काम करता है?

हाँ, Content Security Policy Builder पूरी तरह रिस्पॉन्सिव है और स्मार्टफ़ोन तथा टैबलेट पर काम करता है। आप इसे आधुनिक वेब ब्राउज़र वाले किसी भी डिवाइस पर इस्तेमाल कर सकते हैं — किसी ऐप डाउनलोड की ज़रूरत नहीं।

क्या इस टूल का उपयोग करने के लिए मुझे खाता बनाना होगा?

किसी खाते या पंजीकरण की आवश्यकता नहीं है। बस अपने ब्राउज़र में Content Security Policy Builder खोलें और तुरंत इसका उपयोग शुरू करें। कोई साइन-अप बाधा या उपयोग की सीमा नहीं है।

मैं Content Security Policy Builder का उपयोग कैसे करूँ?

बस दिए गए फ़ील्ड में अपना इनपुट दर्ज करें, अपनी पसंद के अनुसार कोई भी सेटिंग समायोजित करें, और टूल इसे तुरंत संसाधित कर देगा। फिर आप परिणाम को क्लिपबोर्ड पर कॉपी कर सकते हैं या डाउनलोड कर सकते हैं।

कौन-कौन से ब्राउज़र समर्थित हैं?

Content Security Policy Builder Chrome, Firefox, Safari, Edge और Opera सहित सभी आधुनिक ब्राउज़र में काम करता है। सर्वोत्तम अनुभव के लिए, अपने पसंदीदा ब्राउज़र के नवीनतम संस्करण का उपयोग करें।

CSP में default-src और script-src में क्या फर्क है?

default-src एक फॉलबैक डायरेक्टिव है: यह हर उस रिसोर्स टाइप के लिए अनुमति-प्राप्त सोर्स तय करता है जिसे आपने स्पष्ट रूप से कॉन्फ़िगर नहीं किया है, इसलिए इसे 'none' या 'self' पर लॉक करने से एक deny-by-default बेसलाइन बनती है। script-src एक खास ओवरराइड है जो सिर्फ यह तय करता है कि JavaScript कहां से लोड हो सकती है, और स्क्रिप्ट्स के मामले में यह default-src पर प्राथमिकता रखता है। चूंकि स्क्रिप्ट्स क्रॉस-साइट स्क्रिप्टिंग का मुख्य ज़रिया हैं, इसलिए भले ही default-src पहले से प्रतिबंधात्मक हो, फिर भी आपको लगभग हमेशा एक टाइट script-src चाहिए होता है — उदाहरण के लिए default-src 'self' के साथ एक अलग script-src 'self' जिसमें nonce जोड़ा गया हो। style-src, img-src, और connect-src जैसी बाकी per-type डायरेक्टिव्स भी इसी तरह काम करती हैं, एक रिसोर्स टाइप को संकुचित करती हैं जबकि default-src बाकी को कवर करता है। यह बिल्डर आपको default-src एक बार सेट करने और सिर्फ ज़रूरत पड़ने पर अलग-अलग डायरेक्टिव्स ओवरराइड करने देता है।

Nginx या Apache में CSP हेडर कैसे जोड़ें?

Nginx में आप server या location ब्लॉक के अंदर add_header Content-Security-Policy "आपकी पॉलिसी यहां" always; जोड़ते हैं; always फ्लैग यह सुनिश्चित करता है कि हेडर 404 जैसे एरर रिस्पॉन्स पर भी भेजा जाए। Apache में आप संबंधित VirtualHost या .htaccess के अंदर Header set Content-Security-Policy "आपकी पॉलिसी यहां" इस्तेमाल करते हैं, और mod_headers इनेबल होना चाहिए। दोनों मामलों में वैल्यू पूरी डायरेक्टिव स्ट्रिंग होती है, और असर के लिए आपको सर्वर रीलोड करना पड़ता है। हाथ से सिंटैक्स बिल्कुल सही करना गलती-प्रवण होता है, इसलिए यह बिल्डर आपके कॉन्फ़िगर की गई पॉलिसी से Nginx, Apache, Express.js, और Next.js के लिए तैयार कॉपी-पेस्ट स्निपेट्स जनरेट करता है। अपनी डायरेक्टिव्स विज़ुअली बनाएं, अपना सर्वर चुनें, और जनरेट हुए ब्लॉक को सीधे अपने कॉन्फ़िग में पेस्ट करें।

मैं meta टैग वाली CSP में frame-ancestors या report-uri क्यों इस्तेमाल नहीं कर सकता?

CSP दो तरीकों से भेजी जा सकती है: एक Content-Security-Policy HTTP रिस्पॉन्स हेडर के रूप में, या पेज के head में एक HTML <meta http-equiv="Content-Security-Policy"> टैग के रूप में। meta-टैग तरीका तब सुविधाजनक होता है जब आप सर्वर कॉन्फ़िग एडिट नहीं कर सकते, लेकिन स्पेसिफिकेशन जानबूझकर उस संदर्भ में कुछ खास डायरेक्टिव्स को नज़रअंदाज़ करती है। frame-ancestors, report-uri, report-to, और sandbox सिर्फ तभी काम करते हैं जब असल HTTP हेडर के रूप में भेजे जाएं, क्योंकि इन्हें पेज रेंडर होने से पहले पता होना ज़रूरी है या ये रिस्पॉन्स-लेवल रिपोर्टिंग से जुड़े होते हैं। अगर क्लिकजैकिंग से सुरक्षा आपके लिए मायने रखती है, तो frame-ancestors हेडर से ही आना चाहिए, meta टैग से नहीं। यह बिल्डर आपको हेडर और meta आउटपुट फॉर्मेट के बीच स्विच करने देता है और चेतावनी देता है कि meta मोड में कौन-सी डायरेक्टिव्स छूट जाती हैं, ताकि आप ऐसी पॉलिसी न भेजें जो चुपचाप अपनी एंटी-क्लिकजैकिंग सुरक्षा खो दे।

स्ट्रिक्टनेस स्कोर कैसे काम करता है और CSP का स्कोर ज़्यादा किस चीज़ से होता है?

हर बदलाव के साथ 100 में से एक स्ट्रिक्टनेस स्कोर दोबारा कैलकुलेट होता है, जो Weak, Fair, Good, या Excellent में ग्रेड होता है। यह स्कोर सिर्फ पॉलिसी के होने भर से नहीं, बल्कि सच में सुरक्षा देने वाले चुनावों से मिलता है। सबसे ज़्यादा पॉइंट्स आपको एक प्रतिबंधात्मक default-src ('none', 'self' से बेहतर है), unsafe-inline या unsafe-eval कीवर्ड्स से मुक्त script-src, object-src 'none', और परिभाषित frame-ancestors के लिए मिलते हैं। base-uri, form-action, एक साफ-सुथरा style-src, और दूसरी संकुचित करने वाली डायरेक्टिव्स जोड़ने से नंबर और बढ़ता है, जबकि wildcard सोर्स और unsafe कीवर्ड्स इसे नीचे रखते हैं। रिपोर्ट-ओनली मोड इनेबल करने से स्कोर थोड़ा कम हो जाता है, क्योंकि रिपोर्ट-ओनली हेडर एनफोर्समेंट लागू करने तक कोई असल ब्लॉकिंग नहीं करता। Analysis टैब बताता है कि आपके स्कोर के पीछे बिल्कुल क्या वजह है, ताकि आप देख सकें कि Good से Excellent तक जाने के लिए किन कमज़ोरियों को ठीक करना है।

CSP में nonce या hash क्या होता है और unsafe-inline की जगह इसे कब इस्तेमाल करना चाहिए?

nonce एक रैंडम टोकन है जिसे आपका सर्वर हर पेज लोड पर जनरेट करता है और इसे CSP में तथा हर भरोसेमंद <script> टैग पर लगाता है; ब्राउज़र सिर्फ मैचिंग nonce वाली स्क्रिप्ट्स ही चलाता है। hash भी ऐसे ही काम करता है लेकिन यह किसी खास इनलाइन स्क्रिप्ट को उसके sha256 फिंगरप्रिंट से पहचानता है, जिसमें per-request टोकन की ज़रूरत नहीं होती। दोनों आपको ज़रूरी इनलाइन स्क्रिप्ट्स रखते हुए 'unsafe-inline' हटाने देते हैं, जो वरना किसी भी इंजेक्ट की गई इनलाइन स्क्रिप्ट को चलने देकर आपकी XSS सुरक्षा को बेकार कर देता है। nonce को 'strict-dynamic' के साथ जोड़ने से भरोसेमंद स्क्रिप्ट्स हर डोमेन को व्हाइटलिस्ट किए बिना अपनी खुद की डिपेंडेंसी लोड कर पाती हैं। यह बिल्डर nonce और sha256 प्लेसहोल्डर सोर्स वैल्यू शामिल करता है और unsafe-inline से nonce- या hash-आधारित तरीके पर स्विच करने की सलाह देता है। यहां nonce प्लेसहोल्डर के साथ script-src कॉन्फ़िगर करें, फिर अपने सर्वर पर असली टोकन जोड़ें।

संबंधित टूल

मुफ़्त वेबसाइट स्पीड टेस्ट

अपनी वेबसाइट के पेज लोड समय, प्रदर्शन मेट्रिक्स और अनुकूलन के अवसरों का विश्लेषण करें। मुफ़्त, तेज़ और पूरी तरह आपके ब्राउज़र में काम करता है, बिना साइन-अप के।

मुफ़्त मोबाइल फ्रेंडली टेस्ट

जांचें कि आपकी साइट मोबाइल डिवाइस के लिए अनुकूलित है या नहीं। मुफ़्त, तेज़ और पूरी तरह आपके ब्राउज़र में काम करता है, बिना साइन-अप के।

मुफ़्त मेटा टैग एक्सट्रैक्टर

SEO और सोशल मीडिया विश्लेषण के लिए किसी भी वेबपेज से सभी मेटा टैग निकालें और समीक्षा करें। मुफ़्त, तेज़ और पूरी तरह आपके ब्राउज़र में, बिना साइन-अप के।

मुफ़्त वेबसाइट स्क्रीनशॉट टूल

डिज़ाइन समीक्षा और परीक्षण के लिए किसी भी वेबपेज के पूर्ण-पृष्ठ या व्यूपोर्ट स्क्रीनशॉट कैप्चर करें। मुफ़्त, तेज़ और पूरी तरह आपके ब्राउज़र में, बिना साइन-अप के।

Content Security Policy Builder के बारे में

Content Security Policy Builder एक बेहद उलझे हुए सिक्योरिटी हेडर को माउस-क्लिक जितना आसान बना देता है। लंबा Content-Security-Policy स्ट्रिंग हाथ से लिखने और उसके सही होने की उम्मीद करने के बजाय, आप बस अपनी ज़रूरत की डायरेक्टिव्स चुनते हैं, उनके लिए अनुमति-प्राप्त सोर्स चुनते हैं, और टूल रियल टाइम में आपके लिए एक वैध पॉलिसी तैयार कर देता है। यह उन डेवलपर्स, साइट ओनर्स और सिक्योरिटी-फोकस्ड टीमों के लिए बनाया गया है जो पूरी CSP स्पेसिफिकेशन याद किए बिना XSS और इंजेक्शन से सुरक्षा चाहते हैं।

Content Security Policy एक HTTP रिस्पॉन्स हेडर है जो ब्राउज़र को बताता है कि स्क्रिप्ट, स्टाइल, इमेज, फॉन्ट, फ्रेम और बाकी रिसोर्स लोड करने के लिए किन ओरिजिन की अनुमति है। जब कोई पेज ऐसी चीज़ लोड करने की कोशिश करता है जिसकी पॉलिसी इजाज़त नहीं देती, तो ब्राउज़र उसे ब्लॉक कर देता है। यह एक ही मैकेनिज्म ज़्यादातर क्रॉस-साइट स्क्रिप्टिंग (XSS) हमलों को रोकता है, बिना इजाज़त डेटा एक्सफिल्ट्रेशन को ब्लॉक करता है, और frame-ancestors के ज़रिए क्लिकजैकिंग से भी बचाता है।

डायरेक्टिव-दर-डायरेक्टिव पॉलिसी बनाएं

यह बिल्डर 15 स्टैंडर्ड फ़ेच और नेविगेशन डायरेक्टिव्स देता है, जिनमें default-src, script-src, style-src, img-src, connect-src, frame-ancestors, base-uri, form-action, और worker-src शामिल हैं। किसी भी डायरेक्टिव को इनेबल करें और एक क्यूरेटेड लिस्ट से सोर्स वैल्यू असाइन करें: 'self', 'none', 'strict-dynamic' जैसे कीवर्ड्स, nonce और sha256 प्लेसहोल्डर्स, और https:, data:, blob: जैसे स्कीम सोर्स। आप अपने CDN, एनालिटिक्स, या एम्बेडेड मीडिया प्रोवाइडर को व्हाइटलिस्ट करने के लिए कस्टम डोमेन (जैसे https://cdn.example.com या *.example.com) भी जोड़ सकते हैं।

अगर आप शुरुआत से बनाना नहीं चाहते, तो छह प्रीसेट टेम्पलेट सेंसिबल कॉन्फ़िगरेशन पहले से भर देते हैं:

  • Basic Secure'self' पर आधारित पॉलिसी जो सामान्य डायरेक्टिव्स को कवर करती है
  • Strictdefault-src को 'none' पर लॉक करती है और सिर्फ ज़रूरी चीज़ों की स्पष्ट अनुमति देती है
  • Permissive — इनलाइन कोड इस्तेमाल करने वाली पुरानी साइटों के लिए ढीली शुरुआत
  • WordPress — इनलाइन स्क्रिप्ट्स, Google Fonts, और YouTube/Vimeo एम्बेड को ध्यान में रखता है
  • Next.js — फ्रेमवर्क की इनलाइन और eval ज़रूरतों को संभालता है
  • SPA (React/Vue) — सिंगल-पेज ऐप्स और blob वर्कर्स के लिए ट्यून किया गया

अपनी पॉलिसी को स्कोर करें और कमज़ोरियां पकड़ें

हर बदलाव के साथ 100 में से एक स्ट्रिक्टनेस स्कोर अपडेट होता है, जो Weak से लेकर Fair, Good, और Excellent तक ग्रेड होता है। यह स्कोर सच में सुरक्षा देने वाले चुनावों को इनाम देता है — एक प्रतिबंधात्मक default-src, unsafe कीवर्ड्स से मुक्त script-src, object-src 'none', और परिभाषित frame-ancestors — और Analysis टैब बताता है कि स्कोर के पीछे क्या वजह है।

दो खतरनाक सोर्स तुरंत फ्लैग किए जाते हैं। 'unsafe-inline' एक्सप्लॉइट किए जा सकने वाले इनलाइन स्क्रिप्ट्स की अनुमति देता है और यह सबसे आम वजह है जिसकी वजह से CSP XSS को रोकने में नाकाम रहता है; 'unsafe-eval' eval() और दूसरे डायनामिक कोड एग्ज़िक्यूशन की अनुमति देता है। बिल्डर दोनों को चेतावनी के साथ मार्क करता है और सुरक्षित nonce- या hash-आधारित विकल्प सुझाता है। सुझाव आपको base-uri और form-action जैसी गायब सुरक्षात्मक डायरेक्टिव्स की ओर भी इशारा करते हैं।

सुरक्षित तरीके से टेस्ट करें, फिर किसी भी सर्वर पर भेजें

CSP किसी वैध रिसोर्स के ब्लॉक हो जाने पर साइट को तोड़ सकती है, इसलिए बिल्डर में एक रिपोर्ट-ओनली मोड शामिल है। यह Content-Security-Policy-Report-Only हेडर जनरेट करता है, जो बिना कुछ असल में ब्लॉक किए एक वैकल्पिक रिपोर्टिंग एंडपॉइंट पर उल्लंघनों को लॉग करता है — प्रोडक्शन में एनफोर्समेंट लागू करने से पहले पॉलिसी को वैलिडेट करने का सुझाया गया तरीका। ध्यान रहे कि इससे स्ट्रिक्टनेस स्कोर थोड़ा कम हो जाता है, क्योंकि रिपोर्ट-ओनली हेडर एनफोर्समेंट में बदलने तक कोई असल सुरक्षा नहीं देता।

पॉलिसी तैयार होने पर, इसे रॉ HTTP हेडर के रूप में या HTML <meta http-equiv> टैग के रूप में कॉपी करें (टूल आपको याद दिलाता है कि frame-ancestors, report-uri, और sandbox को meta टैग के ज़रिए सेट नहीं किया जा सकता)। Nginx, Apache, Express.js, और Next.js के लिए तैयार स्निपेट्स जनरेट होते हैं, और आप नतीजे को फ़ाइल के रूप में डाउनलोड भी कर सकते हैं।

सब कुछ पूरी तरह आपके ब्राउज़र में ही चलता है। कोई पॉलिसी, डोमेन, या कॉन्फ़िगरेशन सर्वर पर नहीं भेजा जाता, कोई साइन-अप ज़रूरी नहीं, और Content Security Policy Builder किसी भी आधुनिक ब्राउज़र पर काम करता है, मोबाइल सहित।