『动善时』JMeter基础 — 33、JMeter察看结果树的显示模式详解

1、CSS Selector Tester视图
2、HTML查看器
3、JSON查看器
- （1）JSON视图
- （2）JSON Path Tesrer视图
4、XPath Tester视图
5、RegExp Tester视图
6、Document视图
7、Text视图
8、XML视图
9、Boundary Extractor Tester视图
10、Browser视图

在察看结果树组件中，展示响应信息的方式有很多种，可以通过面板左侧的下拉框进行选择。

如下图所示：

1、CSS Selector Tester视图

CSS选择器测试器常用于查看HTML格式的返回数据，可以根据JSoup或Jodd对响应数据进行过滤和查看，最终得到我们所需要的数据。

CSS选择器测试器界面如下图所示：

（1）使用方式：

可以在Selector填写CSS选择器表达式，定位到目标标签元素，来获取其它的文本内容。
如果需要获取目标标签元素中的属性，可以在Attribute中填写，我们就可以获取到该标签元素的属性值了。（如上图所示）

（2）提示：

CSS选择器测试器是只用于查看请求响应体中的数据。
需要有CSS选择器或者XPath的相关知识会更好处理哦。

（3）在工作中的使用：

一般常用CSS选择器测试器定位返回响应体中的目标数据，然后把写好的CSS选择器表达式，放入后置处理器

的CSS/JQuery提取器组件中，来实现接口关联的业务操作。

即：验证CSS/JQuery提取器组件中的表达式设置有无问题。

2、HTML查看器

如果请求接口返回的数据是HTML页面源码，我们就可以选择HTML相关的查看器。

在JMeter的察看结果树组件中，有三种类型的HTML查看器。

（1）HTML视图

当返回结果是一个HTML页面时，默认的Text查看器并不能很好的看到渲染效果。选择HTML查看选项，HTML视图将响应以HTML方式呈现。

渲染的HTML可能无法与浏览器显示的页面相比较，但是可以提供一个基本的页面判断，帮助我们确定是否请求页面成功。

但是图像、样式等数据不会下载，所以看起来页面会比简单。

如下图所示：

提示：比如我们查看一下返回的数据中，用户是否登陆成功时，效果更加直观。

（2）HTML（download resources）视图

如果返回结果是一个HTML页面时，且选择了HTML（download resources）视图进行数据展示，则会下载HTML代码引用的图像、样式等数据，呈现出更加具体的HTML样式，相比以上一种展示，更具体直观。

如下图所示：

（3）HTML Source Formatted视图

返回结果是一个HTML页面时，选择HTML Source Formatted视图选项，则渲染器将显示由Jsoup格式化的HTML源代码。跟在浏览器显示界面，鼠标右键“查看页面源代码”的信息一致，跟Text模式并没有区别。

如下图所示：

3、JSON查看器

在JMeter的察看结果树组件中，有两种类型的Json数据查看器。

（1）JSON视图

JSON视图将接口响应结果以标准的JSON树形风格进行显示，跟Text格式视图是有明显的区别的。

如下图所示：

（2）JSON Path Tesrer视图

JSON Path测试器中允许使用JSON PATH表达式，从特定响应中定位提取你所需要的数据。

在JSON Path Expression中输入JSON PATH表达式，如下图所示：

1）Json Path表达式简单说明：

$表示根节点，一级一级的往下走可以用.来表示，所以常用的Json Path表达式写法有如下两种写法：

$.result['city']
$.result.city

提示：如果我们要用JSON Path Tester视图来进行数据的匹配，那么就需要学习下Json Path表达式的相关知识，类似于XPath的操作。

2）在工作中的使用：

一般常用JSON Path测试器定位返回响应体中的目标数据，然后把写好的Json Path表达式，放入后置处理器

的JSON提取器组件中，来实现接口关联的业务操作。

即：验证JSON提取器组件中的表达式设置有无问题。

4、XPath Tester视图

XPath测试器仅适用于文本响应，也就是在取样器结果选项页中，属性Data type ("text"|"bin"|""): text的响应。

在XPath query中输入XPath表达式，点击"Test"按钮，系统将应用XPath表达式，对面板中的文本进行查询，结果将显示在下方面板中。

如下图所示：

提示：需要掌握XPath定位的表达式写法，但是也不难，我们可以借助工具或者是其他的定位方法可以来搞定这个结果搜索。

（1）界面中选项的简单说明：

Use Tidy：当需要处理的页面是HTML格式时，选中该选项（一定要勾选，否则报错）；如果是XML或XHTML格式，则取消选中。
Quiet：只显示需要的HTML页面。
Report errors：显示响应报错。
Show warnings：显示警告。
Use Namespaces：如果勾选该选项，XML解析器将使用命名空间来分辨。
Validate XML：根据页面元素模式进行检查解析。
Ignore Whitespace：忽略空白。
Fetch external DTDs：如果勾选该项，外部使用DTD规则来获取页面内容。
Return entire XPath fragment of text content：返回文本内容的整个XPath片段。

（2）在工作中的使用：

一般常用XPath测试器定位返回响应体中的目标数据，然后把写好的XPath选择器表达式，放入后置处理器

的XPath提取器组件中，来实现接口关联的业务操作。

即：验证XPath提取器组件中的表达式设置有无问题。

5、RegExp Tester视图

正则测试器视图仅适用于文本响应，也就是在取样器结果选项页中，属性Data type ("text"|"bin"|""): text的响应。

在Regular expression中输入正则表达式，点击"Test"按钮，系统将应用正则表达式，对面板中的文本进行查询，结果将显示在下方面板中。

如下图所示：

提示：我们需要掌握正则表达式的写法，关于正则表达式这里稍微说明下，常用写法左边界(.*?)右边界。

如：href="/topics">（.*?）</a>。一定要确定的左右边界是唯一的。

在工作中的使用：

一般常用正则测试器定位返回响应体中的目标数据，然后把写好的正则表达式，放入后置处理器

的正则表达式提取器组件中，来实现接口关联的业务操作。

例如：需要从上一个请求的响应结果中，获取数据来关联到下一个请求，且通过正则表达式提取器来实现。

即：验证正则表达式提取器组件中的表达式设置有无问题。

6、Document视图

在Document视图中，将显示从各种类型文档中提取的文本。

例如：Microsoft office(Word，Excel，PowerPoint 97-2003，2007-2010(openxml)) ，Apache OpenOffice(writer, calc, impress)，HTML、gzip、jar/zip等文件。

注意：

使用Document方式展示数据，需要下载Apache Tika binary package（tika-app-x.x.jar），并将它防放到JMETER_HOME/lib目录中。记得要重启JMeter，否则插件不生效。
如果文档大于10 MB，则不会显示该文档。若要更改此限制，请将JMeter属性文件中（jmeter.properties文件），document.max_size属性设置的足够大，或设置为0以移除限制。

显示效果如下图所示：

用的不多，了解即可。

7、Text视图

在察看结果器组件中，默认的视图默认。会以纯文本的形式显示所有的数据内容。

该视图中会显示请求的取样器结果、请求、响应数据3个部分内容。

如下图所示：

8、XML视图

将请求的内容，以树状风格进行展示。

任何DTD节点或Prolog节点都不会显示在树中，但是响应体中可能包含这些节点。

可以右键任何节点，选择展开或折叠其下面的所有节点。

如下图所示：

9、Boundary Extractor Tester视图

边界提取器测试器视图，这是在JMeter4.0版本的后置处理器中增加的一个新元件，功能强大，使用方便。

它可以完美替代正则表达式提取器和JSON提取器。

边界提取器测试器视图中通过左右边界来提取需要的内容，非常类似LR中的关联。它可以匹配任何格式的内容，如文本、json、xpath、html等。

使用也很简单，分别填写要提取内容的左右边界即可，非常灵活。

如下图所示：

在工作中的使用：

一般常用边界提取器测试器定位返回响应体中的目标数据，然后把写好的表达式，放入后置处理器的边界提取器组件中，来实现接口关联的业务操作。

即：验证边界提取器组件中的表达式设置有无问题。

10、Browser视图

选择Browser视图，会呈现浏览器的页面布局效果。多用于查看返回HTML页面时的返回内容。

如下图所示：

参考：https://blog.csdn.net/a21700790yan/article/details/103593862