postman newman 生成测试报告排版混乱 - 解决方案

原创 已于 2025-06-12 14:24:35 修改 · 552 阅读 · 7 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#postman #测试工具 #测试用例

于 2025-06-09 14:56:14 首次发布

一.问题来源

我们在使用reporter-htmlextra-export导出生成测试报告时会出现排版混乱问题，是因为生成的html文件的内联的css样式存在问题

存在问题的css样式：

<link rel="stylesheet" href="https://cdn.datatables.net/v/bs4/dt-1.10.18/datatables.min.css"/>

二.解决方案

1.打开Windows PowerShell

2. 输入指令npm root -g查找全局安装的包的位置

npm root -g

3.根据全局node安装包的位置找到newman-reporter-htmlextra包

4.进入newman-reporter-htmlextra\lib文件夹找到相关文件

newman-reporter-htmlextra\lib

5.通过记事本打开dashboard-template.hbs和only-failures-dashboard.hbs文件修改内联的css，

之前说过下方选中这个内联的css存在问题

选中它，将它替换成下方的引入样式，dashboard-template.hbs和only-failures-dashboard.hbs两个文件都需要这样操作

<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.3.1/css/bootstrap.min.css"/>

6.保存完成，重新导出，查看结果 

备注： 此方法是通过更改本地newman-reporter-htmlextra包的源代码实现

Newman生成美化报告
lian@qiao的博客
07-07 1956
安装Newman(Mac系统) 下载并安装node, https://nodejs.org/download/release/latest/ 安装完成后，node -v 检查是否安装成功 安装Newman sudo npm install -g newman #检查安装 npm -v Newman HTML报告 安装html报告插件，此处建议安装时，加sudo 使用管理员权限，不使用管理员权限时，会发生一些意外问题。 sudo npm install -g newman-reporter-html
postman教程-21-Newman运行集合生成测试报告
米兔软件测试
06-12 1268
上一小节我们Postman Newman的安装方法，本小节我们讲解一下Postman Newman的具体使用方法。
newman的htmlextra报告排版混乱的解决方法
ziyizhiyuan930的博客
08-30 680
到newman的安装目录下，安装目录\node_global\node_modules\newman-reporter-htmlextra\lib，编辑dashboard-template.hbs文件，将https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css。2.如果不行，可以打开看下html文件内容，html引入的css文件被墙了，换个可以访问的bootstrap.min.css可以解决这个问题。
Newman生成测试报告排版混乱
unravel_sky的博客
09-05 333
Newman生成测试报告排版混乱
newman生成的htmlextra报告排版混乱的原因及解决方法
qq_42362469的博客
11-08 777
具体操作指引：去设置-安全与隐私-网站设置：允许网站可以使用 JavaScript。2、试了网上很多种方法未解决，不放弃，继续分析排查，终于找到原因和解决方法。解决方法：让浏览器网站可以使用 JavaScript。原因：浏览器不允许网站使用 JavaScript。
求助帖-newman生成的测试用排版混乱
weixin_46446754的博客
08-11 729
求助帖-newman生成的测试用排版混乱
使用postman和Newman生成测试报告.docx
07-03
### 使用Postman与Newman生成测试报告 #### 一、引言 在软件开发过程中，API测试变得越来越重要。为了确保API的质量与稳定性，开发者通常会借助自动化测试工具来进行高效测试。Postman作为一款功能强大的API开发...
Postman（postman-9.19.3-linux-x64.tar.gz）
06-02
Postman（postman-9.19.3-linux-x64.tar.gz）适用于Linux x64位系统，Postman是一款强大网页调试工具的客户端，Postman为用户提供强大的 Web API & HTTP 请求调试功能。postman能够发送任何类型的HTTP 请求 (GET, ...
postman生成测试报告
m0_68405758的博客
06-15 1251
Postman接口测试零基础入门到精通（2025最新版）做完测试后，都会编写一份测试报告，测试报告中最主要的就是呈现出测试结果，哪些用例通过了，哪些用例没有通过。像postman这么强大的功能也可以自动生成报告，供我们测试同学进行查看，显得更加有B格~~~
精选资源
postman-9.13.0-linux-x64.tar.gz
02-17
- 自动化测试：通过 Newman命令行工具，将Postman集合集成到持续集成/持续部署(CI/CD)流程中。 - 文档生成：导出接口文档，支持Markdown和HTML格式。 - 代码片段：自动生成多种编程语言的代码，方便在应用中实现...
Postman+newman+allure生成完美报告方案及问题解决，接口测试必备技能
小林同学的知识屋
03-02 3186
本文讲解postman使用newman+allure 本地服务anywhere发送接口测试报告
Postman之Newman命令行运行脚本生成HTML报告
沫沫1890S的博客
12-01 4397
Postman之Newman命令行运行脚本生成HTML报告，运行：newman run ；-e 引用环境变量；-g 引用全局变量；-d 引用数据文件；-n 指定测试用例迭代的次数；-r 表示生成测试报告的文件类型，可以有多个，中间用 逗号 隔开即可；cli,html,json,junit --reporter-html-export 指定生成HTML的报告。
postman之Newman生成html报告（生成报告与postman测试情况不符）
zhanghongyans的博客
02-27 9257
参考链接：https://www.cnblogs.com/miniren/p/5607861.html https://blog.youkuaiyun.com/YZF_DD/article/details/84998505 Newman安装 postman官方文档https://learning.getpostman.com/docs/postman/collecti...
Postman请求结果乱码的相关问题
qq_74143684的博客
02-06 3735
其中，Content-Type根据自己的需求来修改value，如：请求结果返回的是Json格式，则将value改为。只需将接受请求结果的响应头中的ContentType设置为。另外，Accept可以直接默认。在浏览器上预览在Postman中的请求参数返回的请求结果乱码，只需将接受请求结果的响应头中的ContentType设置为text/html;charset=UTF-8
【Postman 白屏加载问题及解决方案】
weixin_44591656的博客
12-03 120
postman loading 并且白屏
Apipost、Apifox、Postman 压测功能全面性对比
weixin_56693899的博客
12-03 743
【摘要】本文对比分析了Apipost、Apifox和Postman三款API工具的压测功能。结果显示，Apipost凭借10,000+高并发支持、单/多接口双测试模式、服务器资源监控等优势（总分55/60）表现最优；Apifox（42/60）适合团队协作且支持JMeter集成；Postman（30/60）仅提供基础压测功能。核心结论：Apipost在功能完整性、并发能力和监测维度上全面领先，是专业压测的最佳选择；Apifox适合中量级团队测试；Postman仅适用于初步性能评估。
几种常见API客户端工具
四问四不知的博客
12-01 632
不同款API客户端工具
Postman接口测试全攻略：传参技巧与实战解析
2501_93037119的博客
12-03 848
Postman是一款专业接口测试工具，支持HTTP等多种协议的请求发送与响应验证，帮助开发测试人员独立验证接口功能而无需依赖前端代码。文章详细介绍了Postman的四种传参方式：1）普通URL传参（Params）；2）form-data格式（支持文件上传）；3）x-www-form-urlencoded格式；4）raw原始数据格式（如JSON）。特别分析了SpringMVC接收参数时基础类型与包装类型的区别，指出基础类型接收空值会引发500错误。最后区分了400和500错误的不同成因：400通常因参数错误，
thymeleaf处理参数传递问题
最新发布
极客鼠之家
12-03 334
Thymeleaf 处理参数传递主要涉及页面跳转传参、表单提交传参、URL 拼接传参等场景，结合效果图和 Postman 测试能更直观理解参数传递与接收流程
postman 用newman生成测试报告怎么导全局变量环境
06-12
### 如何使用 Newman 导出 Postman 的全局变量和环境变量并生成测试报告 在使用 Newman 执行 Postman 集合时，可以通过特定的命令行参数导出全局变量和环境变量，并生成测试报告。以下是详细的实现方法： #### 1. 导出环境变量 Newman 提供了 `-e` 参数用于指定环境变量文件路径，同时可以通过 `--export-environment` 参数将执行过程中使用的环境变量导出到指定路径[^3]。 ```bash newman run your_collection.json -e your_env.json --export-environment exported_env.json ``` 上述命令中： - `your_collection.json` 是 Postman 集合文件。 - `your_env.json` 是环境变量文件。 - `exported_env.json` 是导出的环境变量文件路径。 #### 2. 导出全局变量 Newman 提供了 `--export-global` 参数用于导出全局变量。 ```bash newman run your_collection.json -g your_global.json --export-global exported_global.json ``` 上述命令中： - `your_global.json` 是全局变量文件。 - `exported_global.json` 是导出的全局变量文件路径。 #### 3. 生成测试报告 Newman 默认支持多种格式的报告生成，例如 `cli`、`html` 等。如果需要更丰富的报告样式，可以安装第三方插件，如 `newman-reporter-htmlextra`[^4]。 安装插件： ```bash npm install -g newman-reporter-htmlextra ``` 生成带插件的测试报告： ```bash newman run your_collection.json -e your_env.json -g your_global.json -r htmlextra --reporter-htmlextra-export report.html ``` 上述命令中： - `-r htmlextra` 指定使用 `newman-reporter-htmlextra` 插件生成报告。 - `--reporter-htmlextra-export report.html` 指定生成的 HTML 报告路径。 #### 4. 综合示例 以下是一个完整的命令示例，展示如何同时导出全局变量、环境变量并生成测试报告： ```bash newman run your_collection.json -e your_env.json -g your_global.json --export-environment exported_env.json --export-global exported_global.json -r htmlextra --reporter-htmlextra-export report.html ``` 此命令实现了以下功能： - 使用 `your_env.json` 和 `your_global.json` 文件作为环境变量和全局变量。 - 将执行后的环境变量导出到 `exported_env.json`。 - 将执行后的全局变量导出到 `exported_global.json`。 - 使用 `newman-reporter-htmlextra` 插件生成 HTML 格式的测试报告，并保存为 `report.html`。 ### 注意事项 - 如果集合或脚本中动态修改了环境变量或全局变量，这些修改后的值会反映在导出的文件中[^2]。 - 在某些情况下，可能需要调整超时时间以确保所有请求都能完成。可以使用 `--timeout-request` 或 `--timeout-script` 参数设置请求或脚本的超时时间[^3]。 ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值