Jmeter之CSS选择器/JQuery选择器关联

简介: Jmeter之CSS选择器/JQuery选择器关联选择器:CSS选择器或JQuery选择器是Jmeter支持的两种语法,下面对其两种语法进行简单介绍CSS选择器 JQuery选择器Chrome - 复制CSS选择器 Google Chrome在devtools栏中有一项功能,可让您轻松复制网页中任何元素的css选择器。

Jmeter之CSS选择器/JQuery选择器关联
选择器:
CSS选择器或JQuery选择器是Jmeter支持的两种语法,下面对其两种语法进行简单介绍

CSS选择器

 JQuery选择器

Chrome - 复制CSS选择器

  Google Chrome在devtools栏中有一项功能,可让您轻松复制网页中任何元素的css选择器。让我们看看如何在我们的Jmeter官网演示中做到这一点。

进入主页后右键单击“下载发行版” 选择检查

然后复制selector

粘贴出来:body > div.nav > ul:nth-child(2) > li > ul > li:nth-child(2) > a

选择器选择的就是这个链接

CSS JQuery Extractor

CSS JQuery Extractor配置与XPath类似

1、参考名称:结果变量的名称,可在后续采样器中使用,语法${a}
2、CSS / JQuery Expression:选择器
3、属性:要提取的元素的属性,示例:“href”选择链接时

Link

4、匹配:像其他Post处理器一样,0表示随机一个,否则索引(从1开始)当多个值可用时
5、默认值:在无法提取内容的情况下放入变量的值
6、因为是Jmeter post 处理器 所以作为采样器的子处理器,针对采样器的采样结果执行提取,因此放在采样器下面

提取指定链接
直接运行上面填写的数据

如图所示,链接被提取出来

随机提取链接

首先添加一个随机变量

然后引用这个变量

运行

原文地址https://www.cnblogs.com/Orange-ysen/p/11275167.html

相关文章
|
1月前
|
XML 前端开发 数据格式
css核心组成部分包括选择器、属性和值。
【4月更文挑战第5天】css核心组成部分包括选择器、属性和值。
18 7
|
1月前
|
前端开发 开发者
提升你的CSS技能:深入理解伪类选择器和伪元素选择器!
【4月更文挑战第2天】 提升你的CSS技能:深入理解伪类选择器和伪元素选择器!
32 12
N..
|
2月前
|
JavaScript 前端开发 开发者
jQuery选择器
jQuery选择器
N..
16 1
|
1天前
|
前端开发
【Web前端】CSS基本语法规范和引入方式&&常见选择器用法&&常见元素属性
【Web前端】CSS基本语法规范和引入方式&&常见选择器用法&&常见元素属性
|
5天前
|
前端开发
CSS选择器
CSS选择器
10 1
|
5天前
|
JavaScript 前端开发 开发者
jquery选择器有哪些
jquery选择器有哪些
|
10天前
|
JavaScript 前端开发
【Web 前端】 jQuery 里的 ID 选择器和 class 选择器有何不同?
【5月更文挑战第1天】【Web 前端】 jQuery 里的 ID 选择器和 class 选择器有何不同?
|
11天前
|
前端开发 开发者
【专栏:CSS基础篇】CSS选择器详解:精准定位网页元素
【4月更文挑战第30天】本文介绍了CSS选择器在Web开发中的重要性,详细阐述了基础选择器(元素、类、ID、属性和伪类/伪元素)及复杂选择器(后代、子元素、相邻兄弟和一般兄弟)的用法。通过理解并巧妙运用这些选择器,开发者能更高效地控制页面样式,提高代码的可维护性。CSS预处理器如Sass、LESS进一步增强了选择器的功能,助力创建优雅且强大的样式表,实现精准的网页设计。
|
12天前
|
前端开发 容器
【Web 前端】css选择器有哪些?
【4月更文挑战第22天】【Web 前端】css选择器有哪些?
|
16天前
|
JavaScript 索引
jQuery 选择器有几种,分别是什么
jQuery 选择器有几种,分别是什么
25 5