通过Jenkins执行接口测试生成测试报告，用Jenkins的web服务打开html显示不全。

环境：

  • Jenkins版本：1.651.2
  • Jenkins发布在mac上面
  • 使用的是testng管理测试用例，reportng进行报告的优化。

问题：reportng生成的html文件index.html是一个frameset框架，但是通过Jenkins查看index.html的时候，没有显示 元素。

实际显示效果：

通过Jenkins查看网页源码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

<meta http-equiv="Content-Type" content="text/html" />

<!-- CSS Tabs is licensed under Creative Commons Attribution 3.0 - http://creativecommons.org/licenses/by/3.0/ -->

<style type="text/css">

body {

font: 100% verdana, arial, sans-serif;

background-color: #fff;

}

/* begin css tabs */

ul#tabnav { /* general settings */

text-align: left; /* set to left, right or center */

margin: 8px 0 0 0; /* set margins as desired */

font: bold 11px verdana, arial, sans-serif; /* set font as desired */

border-bottom: 1px solid #6c6; /* set border COLOR as desired */

list-style-type: none;

padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */

}

ul#tabnav li { /* do not change */

display: inline;

}

ul#tabnav li.selected { /* settings for selected tab */

border-bottom: 1px solid #fff; /* set border color to page background color */

background-color: #fff; /* set background color to match above border color */

}

ul#tabnav li { /* settings for all tab links */

padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */

border: 1px solid #6c6; /* set border COLOR as desired; usually matches border color specified in #tabnav */

background-color: #cfc; /* set unselected tab background color as desired */

color: #666; /* set unselected tab link color as desired */

margin-right: 0px; /* set additional spacing between tabs as desired */

text-decoration: none;

border-bottom: none;

cursor: pointer;

}

ul#tabnav li:hover { /* settings for hover effect */

background: #afa; /* set desired hover color */

}

/* end css tabs */

/* FF 100% height iframe */

html, body, div, iframe { margin:0; padding:0; }

iframe { display:block; width:100%; border:none; }

h1

{

    display: inline;

    float: left;

    font-size: small;

    margin: 0;

    padding: 0 10px;

}

h2

{

    display: inline;

    float: right;

    font-size: small;

    margin: 0;

    padding: 0 10px;

}

</style>

<script type="text/javascript">

function updateBody(tabId, page) {

    document.getElementById(selectedTab).setAttribute("class", "unselected");

    tab = document.getElementById(tabId)

    tab.setAttribute("class", "selected");

    selectedTab = tabId;

    iframe = document.getElementById("myframe");

    iframe.src = tab.getAttribute("value");

}

function init(tabId){

	updateBody(tabId);

	updateViewport();

	window.onresize = updateViewport;

}

function updateViewport(){

	 var viewportheight;

	 // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight

	 if (typeof window.innerWidth != 'undefined')

	 {

	      viewportheight = window.innerHeight

	 }

	// IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)

	 else if (typeof document.documentElement != 'undefined'

	     && typeof document.documentElement.clientWidth !=

	     'undefined' && document.documentElement.clientWidth != 0)

	 {

	       viewportheight = document.documentElement.clientHeight

	 }

	// older versions of IE

	 else

	 {

	       viewportheight = document.getElementsByTagName('body')[0].clientHeight

	 }

	iframe = document.getElementById("myframe");

	iframe.style.height = (viewportheight-30)+'px';

}

var selectedTab = "tab1"

</script>

</head>

<body onload="init('tab1');">

<h1><a id="hudson_link" href="#"></a></h1>

<h2><a id="zip_link" href="#">Zip</a></h2>

<ul id="tabnav">

<li id="tab1" class="unselected" onclick="updateBody('tab1')" value="index.html">index</li><script type="text/javascript">document.getElementById("hudson_link").innerHTML="Back to ufenqi_test_interface_winxin";</script><script type="text/javascript">document.getElementById("hudson_link").href="/job/ufenqi_test_interface_winxin/";</script><script type="text/javascript">document.getElementById("zip_link").href="*zip*/HTML_Report.zip";</script></ul>

<div>

<iframe id="myframe" height="100%" width="100%" frameborder="0"></iframe>

</div>

</body>

</html>

本地打开的显示效果：

本地index.html的源码如下：

<?xml version="1.0" encoding="utf-8" ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset //EN"

        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="" lang="">

<head>

  <title>Test Results Report</title>

  <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />

  <meta name="description" content="TestNG unit test results." />

</head>

<frameset cols="20%,*">

  <frame src="suites.html" name="suites" />

  <frame src="overview.html" name="main" />

</frameset>

</html>

解决办法：

Jenkins会有一些默认的安全规则集，会影响一些插件的功能，去掉就可以了。启动Jenkins的时候添加参数即可。

  • 默认的是：java -jar /usr/local/Cellar/jenkins-lts/1.651.2/libexec/jenkins.war
  • 修改为：
java -Dhudson.model.DirectoryBrowserSupport.CSP= -jar /usr/local/Cellar/jenkins-lts/1.651.2/libexec/jenkins.war

详情请参考Jenkins安全策略配置说明

Reportng 的测试报告在 Jenkins 中显示不全的更多相关文章

  1. Android 6.0+ RecyclerView嵌套在ScrollView中显示不全

    ScrollView嵌套RecyclerView在Android6.0以下能正常显示,但是在6.0以上就会出现RecyclerView显示不全的bug.尝试多种方法之后终于找到解决办法,特在此记录下. ...

  2. 托管到github上的网页图片在百度浏览器中显示不全

    这几天做了个较完整的网页放到github上,上传后看网页效果. 在Firefox浏览器中,显示正常. 在百度浏览器中,空了一大块位置(图片位置),偏偏只空了这一块,其它地方的图片都好好的. 点击f12 ...

  3. Android--------解决ScrollView中嵌套ExpandableListView显示不全的问题

    ##***Scrollview和ExpandableListView嵌套显示不全*** - 当我们将ExpandableListView嵌套在Scrollview之中时,我们必须要确保我们的不居中Ex ...

  4. eclipse中xml下Namespaces显示不全的解决办法

    1.问题描述: 如图,有时候编写spring相关的xml文件时,使用namepace中显示不全或者完全不显示 2.解决方法: Window —— Spring ——     Beans Support ...

  5. Vue系列：在vux的popup组件中使用百度地图遇到显示不全的问题

    问题描述: 将百度地图封装成一个独立的组件BMapComponent,具体见 Vue系列:如何将百度地图包装成Vue的组件(http://www.cnblogs.com/strinkbug/p/576 ...

  6. ScrollView中嵌套recycleView 出现的不显示，显示不全，终极解决方案

    最近公司项目中用到了ScrollView去嵌套recycleView, 最开始我天真的把recycleView直接放入scrollView中,结果可想而知,什么都不显示,瞬间懵逼,我心想应该是和嵌套L ...

  7. Word03-文档中的截图显示不全

    今天写文档时遇到个很蛋疼的问题,在doc文档中复制进去的截图总是显示不全,图片上半部分都被文字遮盖了,折腾半天,最后还是网上找到了答案. 解决方法如下: 将图片所在行的段落行距修改为其它值即可,原来为 ...

  8. HTML中的select下拉框内容显示不全的解决办法

    HTML中的select下拉框内容显示不全的解决办法 今天,我遇到这样一个问题:查询栏中的下拉框中的内容过长,导致部分被覆盖了. 查询了一些资料,有的说用函数控制,有的说用事件控制,有的看不懂,有的实 ...

  9. JavaScript解决select下拉框中的内容太长显示不全的问题

    JavaScript解决select下拉框中的内容太长显示不全的问题 1.说明 有些情况下,select下拉框的内容过长,导致部分看不见: 现在通过鼠标事件,让下拉框中的内容显示完全 2.实现源码 & ...

随机推荐

  1. Cam350导入Allegro的*.rou文件

    如果生产allegro的生产文件有椭圆形钻孔,生成.rou.直接自动导入到cam350是没办法成功的. 以下说说本人的步骤.allegro里面的单位都是mm 在cam350的File-->Imp ...

  2. w3cschool在线教程

    做网页开发的,没有不知道w3cschool的,如果你还不知道,那么就应该早点看下面推荐的文章,菜鸟可以帮你提升你的技能,老鸟可以温故而知新. 第一个是:http://www.w3school.com. ...

  3. Ubantu下安装FTP服务器

    在Linux中ftp服务器的全名叫 vsftpd,我们需要利用相关命令来开启安装ftp服务器,然后再在vsftpd.conf中进行相关配置,下面我来介绍在Ubuntu中vsftpd安装与配置增加用户的 ...

  4. [教程]centos卸载、安装mysql（源码编译安装方式）

    -----------1 卸载系统自带的msyql包 rpm -qa|grep mysql rpm -e --nodeps mysql-server-5.1.71-1.el6.x86_64 --强制卸 ...

  5. Ubuntu-14.04-QT开发环境搭建-(一)

    Ubuntu 14.04 QT 开发环境搭建 一 . 软件:qt-creator-linux-x86-opensource-2.7.0.binqt-everywhere-opensource-src- ...

  6. erlang分布式例子

    抄袭自 http://www.blogjava.net/killme2008/archive/2007/06/29/127099.html 简单的说,就是 主机上需要同时启用短节点名,或者长节点名 保 ...

  7. php中的list方法

    list 栗子一: <?php $info = array('coffee', 'brown', 'caffeine'); // 列出所有变量 list($drink, $color, $pow ...

  8. python's twenty-third day for me 面向对象进阶

    普通方法:对象和类绑定的过程. class A: def func1(self):pass def func2(self):pass def func3(self):pass def func4(se ...

  9. 简单 JS 弹出层 背景变暗

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  10. scikit-learn和tensorflow的区别

    1.功能不同 Scikit-learn(sklearn)的定位是通用机器学习库,而TensorFlow(tf)的定位主要是深度学习库.一个显而易见的不同:tf并未提供sklearn那种强大的特征工程, ...