Jenkins – HTML Publisher Plugin – No CSS is displayed when report is viewed in Jenkins Server

by

Figured out the issue. Sharing it here for other users.

CSS is stripped out because of the Content Security Policy in Jenkins. (https://wiki.jenkins-ci.org/display/JENKINS/Configuring+Content+Security+Policy)

The default rule is set to:

sandbox; default-src 'none'; img-src 'self'; style-src 'self';

This rule set results in the following:

  • No JavaScript allowed at all
  • No plugins (object/embed) allowed
  • No inline CSS, or CSS from other sites allowed
  • No images from other
    sites allowed
  • No frames allowed
  • No web fonts allowed
  • No XHR/AJAX allowed, etc.

To relax this rule, go to

  1. Manage Jenkins->
  2. Manage Nodes->
  3. Click settings(gear icon)->

  4. click Script console on left and type in the following command:

    System.setProperty("hudson.model.DirectoryBrowserSupport.CSP", "")

and Press Run. If you see the output as ‘Result:’ below “Result” header then the protection disabled. Re-Run your build and you can see that the new HTML files archived will have the CSS enabled.

More Related Contents:

  1. Jenkins Content Security Policy
  2. Set width on div
  3. Bad: [html] in html code i can’t make two form input in one row [closed]
  4. How to Make columns in row [closed]
  5. How to center an element horizontally and vertically
  6. Make container shrink-to-fit child elements as they wrap
  7. How to overlay one div over another div
  8. Element will not stay centered, especially when re-sizing screen
  9. Is it wrong to change a block element to inline with CSS if it contains another block element?
  10. CSS selector by inline style attribute
  11. Position an element relative to its container
  12. curved div with transparent top
  13. Horizontal list items
  14. HTML/CSS – Best practice for preserving white space on certain elements?
  15. Why does CSS work with fake elements?
  16. How to stretch flex child to fill height of the container?
  17. Set width of dropdown element in HTML select dropdown options
  18. Deploying just HTML, CSS webpage to Tomcat
  19. CSS selector with period in ID
  20. Loading an external font via inline CSS
  21. How remove border around image in css?
  22. Why doesn’t vertical-align work properly when using float in CSS?
  23. Center align container and left align child elements
  24. a href link for entire div in HTML/CSS
  25. Flexbox on IE11: image stretched for no reason?
  26. Load a low-res background image first, then a high-res one
  27. Can I use an image from my local file system as background in HTML? [duplicate]
  28. How to keep styles after animation?
  29. How to make Bootstrap cards the same height in card-columns?
  30. overflow-y:visible not working when overflow-x:hidden is present [duplicate]

Leave a Comment