Jmeter-CSS/JQuery提取器

转载：https://www.cnblogs.com/du-hong/p/13217399.html
CSS/JQuery提取器，是通过css选择器定位页面元素并读取数据 。

1、我们先来看看这个 CSS/JQuery 提取器 长得是啥样子，路径：线程组 > 添加 > 后置处理器 > CSS/JQuery提取器，如下图所示：

2、关键参数说明如下：

Name：名称，可以随意设置，甚至为空；

Comments：注释，可随意设置，可以为空；

Apply to: 应用于

Main sample only 仅适用于主要样本

Sub-samples only 仅适用于子样本

Main sample and sub-samples 主要样本和子样本

JMeter Variable Name to use 用作Jmeter变量名称

Name of created variable:引用名称 也就是jmeter里面的变量

CSS Selector expression:CSS选择器表达式 CSS表达式

Attribute:属性 要提取的元素的属性。示例：<input type="checkbox" name="colors" value="blue" id="blue">蓝色<br>，那么这里的属性就是value，因为我们要提取blue

Match No.(0 for Random)：匹配数字 0随机一个，否则索引（从1开始）

Default Value: 缺省值 在无法提取内容的情况下放入变量的值。

3、CSS选择器或JQuery选择器是Jmeter支持的两种语法，下面对其两种语法进行简单介绍

• CSS选择器

选择	例	选择
.class	.intro	All elements with class=“intro”
#id	#firstname	The element with id=“firstname”
*	*	All elements
element	p	All <p> elements
element,element	div, p	All <div> elements and all <p> elements
element element	div p	All <p> elements inside <div> elements

• JQuery选择器

选择	例	选择
*	$("*")	All elements
#id	$("#lastname")	The element with id=“lastname”
.class	$(".intro")	All elements with class=“intro”
.class,.class	$(".intro,.demo")	All elements with the class “intro” or “demo”
element	$(“p”)	All <p> elements
el1,el2,el3	$(“h1,div,p”)	All <h1>,<div> and <p> elements

实例（提取指定链接）

1、新建测试计划，线程组下添加访问 博客园主页的取样器，如下图所示：

2、然后再添加CSS/JQuery提取器，如下图所示：

其中CSS选择器表达式就按如下图的方法获取，如下图所示：

3、接着再添加一个取样器 用来确认是否提取到我们要提取的东西，提取出来的值用来传参，如下图所示：

4、配置好以后，点击“保存”，运行JMeter，查看表格结果（可以看到提取的路径就是我们要提取博客园的新闻路径），如下图所示：

实例（随机提取链接）
1、新建测试计划，线程组下添加随机变量和访问 JMeter主页的取样器，如下图所示：

线程组

随机变量

取样器

2、然后再添加CSS/JQuery提取器，如下图所示：

3、接着再添加一个取样器 用来确认是否提取到我们要提取的东西，提取出来的值用来传参，如下图所示：

4、配置好以后，点击“保存”，运行JMeter，查看表格结果（可以看到提取的路径就是我们要提取博客园的新闻路径），如下图所示：