使用“HTML Publisher Plugin”在 Jenkins 上发布范围报告 HTML 文件时，HTML 页面显示为损坏的 UI答案

【问题标题】：HTML page is shown with broken UI While publishing the extent report HTML file on Jenkins using the 'HTML Publisher Plugin'使用“HTML Publisher Plugin”在 Jenkins 上发布范围报告 HTML 文件时，HTML 页面显示为损坏的 UI
【发布时间】：2016-01-20 05:20:14
【问题描述】：

HTML 页面显示 UI 损坏使用“HTML Publisher Plugin”发布范围报告 HTML 文件时，谁能指导我如何使用正确的 UI 打印完整报告

当我使用 HTML 发布者插件打开 html 报告时报告的屏幕截图

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

【问题讨论】：

标签： jenkins-plugins extentreports selenium-extent-report

【解决方案1】：

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

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

解决方案： 更改默认内容安全策略。转到 Manage Jenkins -> Script Console 并在控制台中输入以下命令：

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

这对我有用:)

【讨论】：

【解决方案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

【讨论】：

【解决方案3】：

请使用以下命令删除范围报告的损坏 UI。

打开您的终端。
cd /etc/default
打开文件
sudo vim jenkins
在文件中添加以下命令。
JAVA_ARGS="-Djava.awt.headless=true -Dhudson.model.DirectoryBrowserSupport.CSP="
重启 jenkins 服务器。
sudo service jenkins 重启。

【讨论】：

我没有使用 Jenkins。我正在从 Eclipse 运行我的代码。我仍然得到损坏的用户界面

【解决方案4】：

尝试通过 Groovy 使用 Pre Step 对 Jenkins 作业的构建进行不同的排序。

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) 运行作业--> 转到控制台--> 检查脚本已执行如下：

脚本返回：沙盒允许同源允许脚本；默认源代码 *； script-src 'self' 'unsafe-inline' 'unsafe-eval' *; style-src 'self' 'unsafe-inline' *;连接-src *“自我”数据：； img-src 'self' 数据：;

**注意：每次执行作业时，都会预先设置此属性，并正确填充范围报告。

【讨论】：