Adding nonce or hashes to inline scripts

In case you need to add SRI to script file resources, this great approach should do the trick.

https://joshuatz.com/posts/2020/adding-extra-attributes-to-style-and-script-tags-in-wordpress/

It provides a tool to add any attribute to script and style elements added by wp_enqueue_, and has a good example there, with exactly this thought in mind.

One caveat is it works for scripts in the head and maybe not in the body right now.

*For inline scripts, I am still looking for a good solution myself.

Related Posts:

  1. How to use wp.hooks.addAction() in React JS/Gutenberg?
  2. Extend core block in Gutenberg
  3. Hooking a callback into the code within a Gutenberg block
  4. How to add extra attributes to the script tag added via wp_localize_script()
  5. What do the args for Gutenberg subpackage “hooks” function “doAction” mean?
  6. Use useSelect/useDispatch instead of withSelect/withDispatch
  7. How to use wp.hooks.addAction() in React JS/Gutenberg?
  8. useSelect second parameter
  9. is_front_page() variable not found
  10. Get terms of a taxonomy using useSelect
  11. Hook a script as the very last one before the closing body tag
  12. Issue migrating a checkbox-type meta field to the block editor
  13. Client side pre-save Javascript hook on all admin pages
  14. Call javascript function when add_attachment hook fires
  15. Use add_action to run a script, but only on the post editor page
  16. Javascript split regex question
  17. Find object by id in an array of JavaScript objects
  18. Cannot set property InnerHTML of null [duplicate]
  19. How can I submit a form using JavaScript?
  20. How do I empty an array in JavaScript?
  21. JavaScript TypeError: Cannot read property ‘style’ of null
  22. JavaScript string newline character?
  23. How to create a GUID / UUID
  24. How does “/\s/g” replace spaces with other characters?
  25. What is the correct way to check for string equality in JavaScript?
  26. JavaScript TypeError: Cannot read property ‘style’ of null
  27. Number converted in 1e+30
  28. Static variables in JavaScript
  29. ReferenceError : window is not defined at object. Node.js
  30. Node.js Port 3000 already in use but it actually isn’t?
  31. Uncaught TypeError: $.post is not a function
  32. Unable to verify leaf signature
  33. XML Parsing Error: no root element found Location in Console FF
  34. TypeError: app.use() requires middleware functions
  35. Possible to extend types in Typescript?
  36. JavaScript enumerator?
  37. How to format numbers as currency strings
  38. Understanding how data-dismiss attribute works in Bootstrap
  39. Add table row in jQuery
  40. Obtain form input fields using jQuery?
  41. Npm install cannot find module ‘semver’
  42. How to download a file with Node.js (without using third-party libraries)?
  43. Getting current date and time in JavaScript
  44. What is ViewChild in Angular2?
  45. Permutations in JavaScript?
  46. How do I remove documents using Node.js Mongoose?
  47. jQuery make global variable
  48. Mixed Content Page: requested an insecure stylesheet error
  49. How to do integer division in javascript (Getting division answer in int not float)?
  50. javascript unexpected identifier
  51. How to send email by using javascript or jquery
  52. Access to Image from origin ‘null’ has been blocked by CORS policy
  53. Onclick on bootstrap button
  54. Read XML file using javascript
  55. Load Image from javascript
  56. Most efficient method to groupby on an array of objects
  57. Don’t make functions within a loop [duplicate]
  58. Difference between ?:, ?! and ?=
  59. JavaScript post request like a form submit
  60. How to check ‘undefined’ value in jQuery
  61. Detecting arrow key presses in JavaScript
  62. Data column(s) for axis #0 cannot be of type string in google chart dashboard [duplicate]
  63. JavaScript – Count Number of Visitor for Website
  64. Jquery Value match Regex
  65. replace space with dash JavaScript
  66. Using “&times” word in html changes to ×
  67. How do I store an array in localStorage?
  68. How to check if the URL contains a given string?
  69. How to enable CORS in AngularJs
  70. bootstrap buttons onclick events
  71. how to use addHTML function in jsPDF
  72. Rock, Paper, Scissors, Lizard, Spock in JavaScript
  73. How to fix “TypeError: Right-hand side of ‘instanceof’ is not callable” when I use another module class?
  74. Change the selected value of a drop-down list with jQuery
  75. Uncaught SyntaxError: Unexpected token var
  76. window.location.href doesn’t redirect
  77. DeprecationWarning: Calling an asynchronous function without callback is deprecated. – how to find where the “function:” is?
  78. What are the benefits of using wp_enqueue_script?
  79. Get loading state of wp data selector
  80. Filter medias from the Media Uploader (wp.media) modal with a post meta
  81. Adding a text element in between title and blocks container
  82. Remove type attribute from script added by wp_localize_script
  83. Block Editor: How to get title and post content within the WordPress admin UI in Javascript?
  84. Google Map iframe in a tab issue
  85. Using wp_localize_script inside template page to transfer var from php to js
  86. Multiple Conditional Controllers
  87. Adding javascript trigger to user role selection on the user-edit page
  88. Vue and wordpress.Bad Request ajax request
  89. How to add if lt IE9 conditional scripts to functions.php
  90. Looping over wordpress meta to create “ ‘s?
  91. How to include a JSON file on my page?
  92. Adding inline JavaScript after wp_enqueue_scripts
  93. Update media library attachments
  94. JavaScript Libraries in WordPress
  95. how to use nimble-API and Display data?
  96. Create new product with woocommerce REST API with javascript (clientside)?
  97. Combining results from WP-API using AngularJS
  98. dropdown does not work [closed]
  99. Anyway to disable the auto excerpt creation?
  100. How do I cycle a JS function in WordPress? [closed]