ReportNg测试报告的定制修改(三)

news/2025/2/12 18:11:53

感谢@新鲜热辣的建议以及帮助,之前在ReportNg测试报告的定制修改(二) 中提到的点击图片在新的tab页面打开的方式确实不方便,所以我们在reportng中的html中加入js的一些代码来解决这个问题

我们找到suites.html.vm 在body中加入如下的代码

<style>.preview { display: none; width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; }.bg { width: 100%; height: 100%; background: #000; opacity: 0.5; }.preview img { width: 960px; height: 540px; position: absolute; top: 20%; left: 20%; }
</style>
<div class="preview"><div class="bg"></div><img src="" />
</div>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script>$('.screenshotimage img').on({click : function(){var src = $(this).attr('src');$('.preview img').attr('src', src);$('.preview').show();}});$('.preview .bg').on({click : function(){$('.preview').hide();}})
</script>

以上的jquery实际上很好理解,就是在点击图片的时候,获取到图片的src ,再将这个值赋值给 preview中的img 。 当然我们在css中已经声明好了图片的大小了。这样子就可以实现点击图片放大的效果了。而不用在新的标签页打开该图片。


https://dhexx.cn/news/show-4010554.html

相关文章

Assembly Language 学习----寄存器

TO assembly 程序猿&#xff1a; 寄存器是CPU中我们可以用指令读写的部件。&#xff08;通过改变各种寄存器中的内容来实现对CPU的控制&#xff09; &#xff18;&#xff10;&#xff18;&#xff16;CPU有14个寄存器&#xff08;AX、BX、CX、DX、SI、DI、SP、BP、IP、CS、SS、…

如何安装MySQL?(二)

MYSQL的两种安装方式 MSI安装 ZIP安装 第一步&#xff1a; 第二步&#xff1a; 第三步&#xff1a; 这里我选择下载到桌面吧&#xff01; 第四步&#xff1a; 第五步&#xff1a; 第六步&#xff1a; 第七步&#xff1a; 典型安装&#xff1a;除了安装MySQL的服务器&#xff0c…

Appium Server 源码分析(一)

姗姗来迟的 appium Server 的源码学习&#xff0c;其实github上 appium server的版本已经更新到了1.5的版本了,并且代码已经基本上进行重构了。但是还是出于初衷的原因吧&#xff0c;还是好好学些下appium server 1.4的源码&#xff0c;同时也学习一下nodejs吧。 目录结构 还是…

胡振波:我的芯片之路

​点击关注异步图书&#xff0c;置顶公众号每天与你分享 IT好书 技术干货 职场知识​​参与文末话题讨论&#xff0c;每日赠送异步图书——异步小编胡振波&#xff0c;上海交通大学电子工程系本科、微电子学院硕士。拥有业界多年ASIC和CPU设计与验证经验&#xff0c;先后在Marv…

Appium Server 源码分析 (二) - main 方法

上一节 Appium Server 源码分析 (一) 中我们大体讲了&#xff0c;appium server在正确运行前做的一些判断&#xff0c;下来我们正式看看main 方法 在看main方法之前我们可以得看看main.js引用的那一大堆第三方的模块的主要作用是什么。 变量模块作用httphttphttp模块expressex…

Linux下JProfiler 9安装部署及使用

JProfiler[1] 是一个商业授权的Java剖析工具&#xff0c;由EJ技术有限公司&#xff0c;针对的Java EE和Java SE应用程序开发的。它把CPU、执行绪和内存的剖析组合在一个强大的应用中。JProfiler可提供许多IDE整合和应用服务器整合用途。JProfiler的是一个独立的应用程序&#x…

结合testng实现用例失败重跑

我们在运行自动化测试用例的时候&#xff0c;经常会出现一些异常的情况的情况导致用例失败的问题。所以我们可能会希望对于失败的测试用例再重新运行一次&#xff0c;下来我们来看看结合testng如何使用这个功能 你需要在你的项目中添加如下两个类 Retry.java import org.test…

Spring-Boot原理及应用布署

一、Spring Boot的理念 从最根本上来讲&#xff0c;Spring Boot就是一些库的集合&#xff0c;它能够被任意项目的构建系统所使用。简便起见&#xff0c;该框架也提供了命令行界面&#xff0c;它可以用来运行和测试Boot应用。框架的发布版本&#xff0c;包括集成的CLI&#xff0…

Appium Server 源码分析 (三) - 路由及控制器

上一篇文章 Appium Server 源码分析 (二) - main 方法 中我们讲了appium的运行。下来我们得讲讲appium Server的路由以及它的控制器 其实路由这块没有什么需要详细说明的&#xff0c;我们只要理解路由这个概念就行了&#xff0c;可以想象成当你访问任意一个页面的时候&#xf…

Python学习笔记__12.5章 hashlib

# 这是学习廖雪峰老师python教程的学习笔记1、概览Python的hashlib提供了常见的摘要算法&#xff0c;如MD5&#xff0c;SHA1等等。摘要算法又称哈希算法、散列算法。它通过一个函数&#xff0c;把任意长度的数据转换为一个长度固定的数据串&#xff08;通常用16进制的字符串表示…