转载: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,查看表格结果(可以看到提取的路径就是我们要提取博客园的新闻路径),如下图所示: