整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线：

软件测试/测试开发/全日制/测试管理丨CSS Selector

SS Selector是一种用于定位HTML文档中元素的一种方法。在自动化测试中，特别是Web自动化测试中，CSS选择器常用于定位页面元素。以下是一些常见的CSS选择器示例：

通过标签名定位：

  • div: 选择所有 <div> 元素。
  • p: 选择所有 <p> 段落元素。

通过类名定位：

  • .classname: 选择所有具有指定类名的元素。例如，.header 选择所有类名为 "header" 的元素。

通过ID定位：

  • #id: 选择具有指定ID的元素。例如，#username 选择ID为 "username" 的元素。

通过属性定位：

  • [attribute=value]: 选择具有指定属性和值的元素。例如，[type=text] 选择所有 type 属性为 "text" 的元素。

通过后代关系定位：

  • ancestor descendant: 选择祖先元素下的后代元素。例如，.container p 选择类名为 "container" 的元素下所有的 <p> 元素。

通过子元素关系定位：

  • parent > child: 选择父元素下直接的子元素。例如，.menu > li 选择类名为 "menu" 的元素下所有直接的 <li> 子元素。

通过伪类定位：

  • :first-child: 选择父元素下的第一个子元素。
  • :last-child: 选择父元素下的最后一个子元素。
  • :nth-child(n): 选择父元素下的第 n 个子元素。例如，:nth-child(2) 选择父元素下的第二个子元素。

通过属性值的部分匹配：

  • [attribute*=value]: 选择具有包含指定值的属性的元素。例如，[class*=button] 选择所有类名中包含 "button" 的元素。

推荐

Python全栈开发与自动化测试开发班

由浅入深实战进阶，从小白到高手

以Python全栈开发为基础，深入教授自动化测试技能，为学员打造全面的技术能力。通过系统学习和实际项目实战，学员将具备在职场中脱颖而出的竞争力。不仅能够灵活运用Python进行开发，还能够保障项目质量通过自动化测试手段。这是一个全面提升职业竞争力的机会。

课程详情

Python开发必备基础技能与项目实战

Pvthon 编程语言/算法和数据结构/面向对象编程Web后端开发/前端开发/测试管理平台项目实战

人工智能ChatGPT实战

人工智能辅助学习各种开发和测试技能/Pytorch深度学框架/平台开发实战

数据分析与自动化办公

数据采集/Pandas与数据处理技术/ECharts与数据可视化技术/爬虫实战/自动化办公/批量文件处理

UI自动化测试与高级项目实战

Web自动化测试/App自动化测试/ PageObject设计模式

接口自动化测试

接口协议分析/Mock实战/服务端接口测试

性能测试

性能测试流程与方法/JMeter 脚本参数化/Grafana监控系统搭建

简历指导与模拟面试

1V1简历指导/模拟真实面试/测试开发岗面试全攻略名企私教服务 名企专家1v1辅导/行业专家技术指导/针对性解决工作难题/绩效提升辅导与晋升复盘

课程亮点

名企私教服务 先学习后付费 高额奖学金

专属社群+晚自习在线答疑

5V1全方位辅导作业+考试强化学习效果

简历修改 模拟面试 就业内推 面试复盘

福利一： 测试开发精品课免费学

福利二：免费领取技能图谱&大厂面试题合集

、什么是HTML

HTML简介

HTML是用来描述网页的一种语言，它是一种超文本标记语言，由一套标记标签组成，在制作网页时，HTML使用标记标签来描述网页。

发展史


HTML：Hyper Text Markup Language超文本标记语言

超文本标记语言—在1993年6月互联网工程工作小组工作案发布（并非标准）

HTML2.0—1995年11月作为RFC1866发布，在RFC2854于2000年6月发布之后被宣布过时。

HTML3.2—1996年1月14日，W3C推荐标准

HTML4.0—1997年12月18日，W3C推荐标准

HTML4.01（微小改进）—1999年12月24日，W3C推荐标准，2000年5月15日发布基本严格的HTML4.01语法，是国标标准化组织和国际电工委员会的标准

XHTML1.0—发布于2000年1月26日，是W3C推荐标准，后来经过修订于2002年8月1日重新发布

XHTML1.1—2001年5月31日发布

XHTML2.0是W3C的工作草案，由于改动过大，学习这个新技术的成本过高而最终胎死腹中，因此，现在最常用的还是XHTML1.0标准。

目前最新的版本为HTML5，它是2004年被提出，2007年被W3C接纳并成立新的HTML工作团队，

2008年1月22日公布HTML5第一份正式草案，

2012年12月17日HTML5规范正式定稿，

2013年5月6日，HTML5.1正式草案公布。

HTML 5作为最新版本，提供了一些新的元素和一些有趣的新特性，同时也建立了一些新的规则。这些元素、特性和规则的建立，提供了许多新的网页功能，如使用网页实现动态渲染图形、图表、图像和动画，以及不需要安装任何插件直接使用网页播放视频等。目前企业开发中也在增大使用HTML5的力度

HTML的优势

  • 各大浏览器厂商对H5的支持
  • 市场的需求
  • 跨平台

二、HTML的基本结构

  • <html>......</html> HTML文档的开始和结束标记。
  • <head>……</head> 头控制标记，不在界面上进行展示，子标签可设置SEO优化的一些内容以及设置网页的编码。
  • <title>……</title>：设置浏览器的窗口上标题。
  • <body>……</body>：页面可见内容。

三、HTML的基本标签

  • 标题标签

h1~h6


源代码

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>标题标签</title>

</head>

<body>

<h1>这是一级标题</h1>

<h2>这是二级标题</h2>

<h3>这是三级标题</h3>

<h4>这是四级标题</h4>

<h5>这是五级标题</h5>

<h6>这是六级标题</h6>

<h7>这是七级标题</h7>效果怎么显示不出来呢？？？

<h1>这是一级标题</h1>

</body>

</html>

浏览器预览效果


  • 段落标签和换行标签

p标签为段落标签，br标签为换行标签


源代码

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>段落和换行标签</title>

</head>

<body>

<h1>北京欢迎你</h1>

<p>北京欢迎你，<br>为你开天辟地</p>

<p>北京欢迎你，<br/>有有勇气就会有奇迹</p>

</body>

</html>


浏览器预览效果图


  • 水平线标签

hr标签为水平线标签


源代码

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>水平线标签</title>

</head>

<body>

<h1>漂洋过海来看你</h1>

<hr>

<p>为你我用了半年的积蓄，<br>漂洋过海来看你</p>

<hr/>

</body>

</html>


浏览器预览效果图


  • 字体样式标签

em为斜体标签，strong为字体加粗标签


源代码

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>字体样式标签</title>

</head>

<body>

<h1>漂洋过海来看你</h1>

<hr>

<p>为你我用了<em>2017</em>半年的<strong><em>积蓄</em></strong>，<br>

<em><strong>漂洋过海</strong></em>来看你

</p>

<hr/>

</body>

</html>


浏览器预览效果图

  • 注释和特殊符号

注释使用：<!--被注释的内容-->

大于号：> great than的缩写

小于号：< less than的缩写

双引号：""

版权符号：©

空格：


源代码

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>注释和特殊符号</title>

</head>

<body>

<pre>

注释使用：<!--被注释的内容-->

大于号：> great than的缩写

小于号：< less than的缩写

双引号：""

版权符号：©

空格：

</pre>

<!-- 我是被注释的内容，我只留给你们看，不会在页面上显示 -->

5<10>6 <br>

"我是被双引号引起来的内容"<br>

©自由职业开发者公司<br>

我是 测试 空 格的

</body>

</html>


浏览器预览效果图


以上就是HTML的简单入门，后续带大家更深入的了解HTML

伙伴们，用python做接口自动化是不是写代码比较繁琐，而且没有python代码基础的小伙伴根本无从下手对吧！今天我们来学习一下如何使用JMeter工具实现接口自动化测试。


01 安装

1、安装JDK，配置java环境变量（安装过程略）

2、安装Jmeter（安装过程略）

3、安装ANT

3.1、下载安装

下载地址：http://ant.apache.org/bindownload.cgi

3.1.1、下载后解压到指定位置即可，比如：F:\apache-Ant

3.1.2、将jmeter所在的目录下extras子目录里的ant-jmeter-1.1.1.jar复制到ant所在目录lib子目录之下，这样ant运行时才能找到”

org.programmerplanet.ant.taskdefs.jmeter.JMeterTask”这个类，从而成功触发JMeter脚本。

3.2、配置环境变量

添加环境变量（以windows为例）

ANT_HOME F:\apache-Ant

CLASSPATH %ANT_HOME%\lib

Path %ANT_HOME%\bin

3.3、验证安装结果,命令行输入ant -version，出现版本信息则安装成功


2 ANT与Jmeter

4.配置ANT与Jmeter的配置文件


4.1.1、配置ANT配置ant编译文件build.xml


拷贝下面的内容与新建的txt文件中，并将此文件改名为：build.xml

<?xml version="1.0" encoding="utf-8"?><project name="pc" default="all" basedir="F:\apache-jmeter-5.0\jmeterAutoTest">
    <tstamp>
        <format property="time" pattern="yyyyMMddhhmm" />
    </tstamp>
    
    <property name="jmeter.home" value="F:\apache-jmeter-5.0" />
    
    <property name="jmeter.result.jtl.dir" value="F:\apache-jmeter-5.0\jmeterAutoTest\pc\resultlog\jtl" />
        
    <property name="jmeter.result.html.dir" value="F:\apache-jmeter-5.0\jmeterAutoTest\pc\resultlog\html" />
    
    <property name="ReportName" value="TestReport" />
  
    <property name="jmeter.result.htmlName" value="${jmeter.result.html.dir}/${ReportName}${time}.html" />
    <property name="jmeter.result.jtlName" value="${jmeter.result.jtl.dir}/${test}${time}.jtl" />
    
    <property name="mail_from" value="xx@163.com" />
    <property name="mail_to" value="xx@qq.com" />
    
     
    <target name="all">
        <antcall target="test" />
        <antcall target="report" />
        <antcall target="send" />
    </target>
    <target name="test">
        <taskdef name="jmeter" classname="org.programmerplanet.ant.taskdefs.jmeter.JMeterTask" />
        <jmeter jmeterhome="${jmeter.home}" resultlog="${jmeter.result.jtlName}">
            
            <testplans dir="F:\apache-jmeter-5.0\jmeterAutoTest\pc\script" />
        </jmeter>
    </target>

    <path id="xslt.classpath">
        <fileset dir="${jmeter.home}/lib" includes="xalan*.jar"/>
        <fileset dir="${jmeter.home}/lib" includes="serializer*.jar"/>
    </path>

    <target name="report">
        <xslt        classpathref="xslt.classpath"
            force="true"
        in="${jmeter.result.jtlName}" 
        out="${jmeter.result.htmlName}" 
        style="${jmeter.home}/extras/jmeter-results-detail-report_21.xsl">
            <param name="dateReport" expression="${time}"/>
    </xslt>
        
        <copy todir="${jmeter.result.html.dir}">
            <fileset dir="${jmeter.home}/extras">
                <include name="collapse.png" />
                <include name="expand.png" />
            </fileset>
        </copy>
    </target></project>

4.1.2、修改build.xml文件，按照实际的文件路径配置好


4.1.3 、配置jmeter.properties

配置jmeter报告输出格式为xml，在jmeter/bin目录下jmeter.properties文件中修改jmeter.save.saveservice.output_format=csv为jmeter.save.saveservice.output_format=xml，并去掉前面的注释符号#


4.1.4、准备测试脚本数据

新建文件夹pc，pc文件夹分别新建buildfile ,resultlog,script 三个文件夹，buildfile文件夹放入build.xml文件，resultlog里分别新建html,jtl文件夹。


注：Resultlog


Html文件夹装的是ant 转化后的结果


Jtl文件装的是meter生成的结果


Script：Jmeter执行的脚本


3 测试报告

5、打开命令行进行build.xml文件所在的目录，输入ant即可生成报告,报告存放在html文件夹里

生成的测试报告如下

6、测试报告优化

用jmeter自带的测试报告得到的测试报告信息并不是很全，这里参考网上的方法，做一个优化


6.1.1、下载优化模板jmeter-results-shanhe-me.xsl，拷贝到jmeter的extras目录中，如C:\apache-jmeter-2.12\extras


6.2.2、设置测试输出报告要输出的内容，同样在jmeter.properties中，设置需要输出的内容为true，并去掉前面的注释符号#，这里全部设置成true


修改前：

修改后：

jmeter.save.saveservice.data_type=truejmeter.save.saveservice.label=truejmeter.save.saveservice.response_code=true# response_data is not currently supported for CSV outputjmeter.save.saveservice.response_data=true# Save ResponseData for failed samplesjmeter.save.saveservice.response_data.on_error=falsejmeter.save.saveservice.response_message=truejmeter.save.saveservice.successful=truejmeter.save.saveservice.thread_name=truejmeter.save.saveservice.time=truejmeter.save.saveservice.subresults=truejmeter.save.saveservice.assertions=truejmeter.save.saveservice.latency=true# Only available with HttpClient4#jmeter.save.saveservice.connect_time=truejmeter.save.saveservice.samplerData=truejmeter.save.saveservice.responseHeaders=truejmeter.save.saveservice.requestHeaders=truejmeter.save.saveservice.encoding=truejmeter.save.saveservice.bytes=true# Only available with HttpClient4
#jmeter.save.saveservice.sent_bytes=truejmeter.save.saveservice.url=truejmeter.save.saveservice.filename=truejmeter.save.saveservice.hostname=truejmeter.save.saveservice.thread_counts=truejmeter.save.saveservice.sample_count=falsejmeter.save.saveservice.idle_time=true

6.2.3、设置build文件的报告模板为优化后的模板jmeter-results-shanhe-me.xsl

6.2.4、按前面的方式再次用ant构建测试，查看优化后的测试报告


在线咨询
上一篇：html网页的代码大全
下一篇：前端常用meta标签的作用以及全面整理

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

推荐阅读
友情链接 明水县 榆社县 延长县 金川区 凉州区 商丘 网站制作
Copyright © 2002-2019 雨点网络设计有限公司 版权所有   冀ICP备11025394号
联系电话：   E-mail：279303980@qq.com  
主营业务：技术文章网站建设、网站定制、技术文章营销型网站建设、技术文章网站优化、技术文章微商城制作、三级分销系统开发
电话沟通
在线客服