<script> एलिमेंट में nonce एट्रिब्यूट जोड़ना

नॉन्स पर आधारित सीएसपी के साथ, हर <script> एलिमेंट में एक nonce एट्रिब्यूट होना चाहिए, जो सीएसपी हेडर में बताई गई रैंडम नॉन्स वैल्यू से मेल खाता हो. सभी स्क्रिप्ट में एक ही नॉन्स हो सकता है. पहला चरण, सभी स्क्रिप्ट में ये एट्रिब्यूट जोड़ना है:

सीएसपी ने ब्लॉक किया है

<script src="/path/to/script.js"></script>
<script>foo()</script>

सीएसपी इन स्क्रिप्ट को ब्लॉक कर देगा, क्योंकि इनमें `nonce` एट्रिब्यूट नहीं हैं.

सीएसपी ने अनुमति दी है

<script nonce="${NONCE}" src="/path/to/script.js"></script>
<script nonce="${NONCE}">foo()</script>

अगर `${NONCE}` को CSP के रिस्पॉन्स हेडर में मौजूद nonce से मैच करने वाली वैल्यू से बदल दिया जाता है, तो CSP इन स्क्रिप्ट को चलाने की अनुमति देगा. ध्यान दें कि कुछ ब्राउज़र, पेज के सोर्स की जांच करते समय `nonce` एट्रिब्यूट को छिपा देंगे.