HTML页面显示为断开的UI，同时使用'HTML Publisher Plugin'在Jenkins上发布范围报告HTML文件

Question

HTML页面显示有损坏的UI，当使用'HTML Publisher Plugin'发布范围报告HTML文件时，任何人都可以指导我如何使用正确的UI打印完整的报告

我使用HTML Publisher插件打开html报告时的报告屏幕截图

当我使用Firefox浏览器打开相同的html报告文件时的报告屏幕截图

Answer 1

[当我尝试查看Jenkins的范围报告时，我遇到了类似的问题。

此问题的原因：问题是由于Jenkins从v1.641引入的“ Content-Security-Policy”，它阻止了内联CSS，JS Ajax资源的加载]

解决方案：

更改默认的内容安全策略。转到管理Jenkins->脚本控制台，然后在控制台中键入以下命令：

System.clearProperty("hudson.model.DirectoryBrowserSupport.CSP");

System.setProperty("hudson.model.DirectoryBrowserSupport.CSP", "sandbox allow-scripts; default-src 'self'; script-src * 'unsafe-eval'; img-src *; style-src * 'unsafe-inline'; font-src *");

在完成上述步骤后重新启动Jenkins
这对我有用：）

Answer 2

找到了解决问题的方法，问题是由于Jenkins从v1.641开始引入的'Content-Security-Policy'，它阻止了内联CSS，JS Ajax资源的加载

为了克服这个问题，我们需要使用'java -Dhudson.model.DirectoryBrowserSupport.CSP =“” -jar jenkins.war'命令从命令提示符启动Jenkins服务器

参考：https://wiki.jenkins-ci.org/display/JENKINS/Configuring+Content+Security+Policy#ConfiguringContentSecurityPolicy-HTMLPublisherPlugin

Answer 3

请使用以下命令删除扩展报告中损坏的UI。

打开您的终端。
1. Cd / etc / default
2. 打开文件
3. sudo vim jenkins
4. 在文件中添加以下命令。
5. JAVA_ARGS =“-Djava.awt.headless = true -Dhudson.model.DirectoryBrowserSupport.CSP =”
6. 重新启动詹金斯服务器。
7. sudo服务詹金斯重启。

Answer 4

[Groovy尝试使用Pre Step构建Jenkins Job来对该问题进行不同的排序。

1）安装Groovy插件[https://plugins.jenkins.io/groovy]

2）完成工作->配置->前置步骤->使用以下脚本在“执行系统Groovy脚本”构建步骤中执行它：-

System.clearProperty("hudson.model.DirectoryBrowserSupport.CSP")

System.setProperty("hudson.model.DirectoryBrowserSupport.CSP", "sandbox allow-same- 
origin allow-scripts;default-src *; script-src 'self' 'unsafe-inline' 'unsafe-eval' *; 
style-src  'self' 'unsafe-inline' *; connect-src * 'self' data:; img-src 'self' 
data:;")

System.getProperty("hudson.model.DirectoryBrowserSupport.CSP")

3）在“构建触发器”部分下，选择“定期构建”，其值为：H 12 * * *
4）运行作业->转到控制台->检查脚本是否已如下执行：
返回的脚本：sandbox allow-same-origin allow-scripts; default-src *; script-src'self''unsafe-inline''unsafe-eval'*; style-src'self''unsafe-inline'*; connect-src *'self'数据：； img-src'self'数据：;
**注意：每次执行作业时，都会预先设置此属性，并且将正确填充范围报告。