Ⅰ [Selenium自动化测试实战] 不打开浏览器如何进行WEB自动化测试
在一般的使用场景下,使用selenium进行web自动化测试都需要打开一个浏览器的实体,测试脚本通过控制webdriver来对浏览器进行操作。但是在一些场景下测试工程师需要在不打开浏览器的情况下进行自动化测试,也就是以headless的方式运行自动化测试。
业界有一些headless的第三方库可以使用,例如大名鼎鼎的PhantomJS。但是这些工具的安装很复杂,同时不一定保证持续的维护。
现在全球最受欢迎的浏览器Chrome在Chrome 59 (Chrome 60 for Windows)版本中已经支持了headless mode,只需要配置一些简单的参数就可以实现。
首先要确认自己机子上的Chrome版本。
require 'selenium-webdriver'
options = Selenium::WebDriver::Chrome::Options.new
options.add_argument('--headless')
options.add_argument('--disable-gpu')
options.add_argument('--remote-debugging-port=9222')
driver = Selenium::WebDriver.for :chrome, options: options
driver.get "https://www.jd.com"
driver.save_screenshot("#{File.dirname(__FILE__)}/#{Time.now.strftime("%F")}")
通过在Selenium::WebDriver::Chrome::Options类的对象中添加argumentoptions.add_argument('--headless'),可以让我们在Chrome在headless模式下运行。
而第二个argument的作用是针对现有bug的work around。第三个argument的作用则是允许我们可以在另外一个浏览器中debug。
为了观测运行的情况,我保存了一个屏幕截图。
相比于之前的headless web自动化方案,Chrome的优势在于设置的方便,甚至可以和当前的框架无缝切换,同时Chrome作为最为主流的浏览器,你也不用担心持续维护的问题。
Ⅱ Web自动化测试有什么常用的工具
一、单元测试/测试运行器
1、Jest
知名的 Java 单元测试工具,由 Facebook 开源,开箱即用。它在最基础层面被设计用于快速、简单地编写地道的 Java 测试,能自动模拟 require() 返回的 CommonJS 模块,并提供了包括内置的测试环境 Dom API 支持、合理的默认值、预处理代码和默认执行并行测试在内的特性。通过在并行进程中同时运行测试,让测试更快地结束。
2、AVA
号称“未来的测试运行器”,利用 Java 在 Node.js 里使得 IO 可以并行的优点,让你的测试可以并发执行,这对于 IO 繁重的测试特别有用。另外,测试文件可以在不同的进程里并行运行,让每一个测试文件可以获得更好的性能和独立的环境。测试并发执行强制你写原子测试,意味着测试不需要依赖全局状态或者其他测试的状态。
3、Mocha
一个功能丰富的测试框架,用于 Node.js 和浏览器上的 Java 应用测试,使异步测试变得简单而有趣。它可以持续运行测试,支持灵活又准确的报告,当映射到未捕获异常时转到正确的测试示例。
3、Mocha
一个功能丰富的测试框架,用于 Node.js 和浏览器上的 Java 应用测试,使异步测试变得简单而有趣。它可以持续运行测试,支持灵活又准确的报告,当映射到未捕获异常时转到正确的测试示例。
4、Karma
基于 Node.js 的 Java 测试运行器,旨在为开发人员带来有效的测试环境。可用于测试所有主流 Web 浏览器,也可集成到 CI 工具,还可和其他代码编辑器一起使用。另外一个强大特性就是,它可以监控文件的变化,然后自行执行,通过 console.log 显示测试结果。
二、Web 测试
1)集成测试
Enzyme
一个用于 React 的 Java 测试工具,方便你判断、操纵和历遍 React Components 输出。其 API 旨在通过模仿 jQuery 的 API ,使得 DOM 操作和历遍很灵活、直观。兼容所有的主要测试运行器和判断库。
2)功能测试
selenium录制器
一个易于使用的采用关键字驱动的理念的浏览器自动化测试解决方案。它强大的录制回放功能是在所有web测试工具中是最强悍的。该工具支持不同级别的测试技能,非程序员可以轻松地启动自动化测试项目,而程序员和高级自动化测试人员可以节省构建新库和维护脚本的时间。
3)Visual 测试
Storybook
一个 UI 组件的开发环境,允许你浏览组件库,查看每个组件的不同状态,以及交互式开发和测试组件。它运行在应用之外,允许隔离开发 UI 组件,这可以提高组件的重用性、可测试性和开发速度。
4)猴子测试(Monkey Testing,也称“搞怪测试”)
Gremlins.js
一个用 Java 编写的猴子测试库,用于 Node.js 和浏览器。通过释放大量无规律的 gremlins 来检测 Web 应用的鲁棒性。
5)服务端测试
1、K6
用于测试性能,以开发人员为中心的负载测试工具。提供了一个通过 REST API 进行编排的清新易用的脚本 API 。使用 Go 和 Java构 建,可以很好地集成到开发工作流程中。
2、SuperTest
SuperAgent 的一个扩展,一个轻量级 HTTP AJAX 请求库。提供对 HTTP 测试的高度抽象, 极大地简化了基于 HTTP 的测试。
更多软件测试知识可关注黑马程序员
Ⅲ 北大青鸟java培训:自动化测试常用工具有哪些
自动化测试的问题我们已经探讨了很多次了,所以今天我们就给大家简单分享了在自动化测试过程中常用的一些测试工具和方法,下面java课程http://www.kmbdqn.cn/就一起来了解一下吧。
希望通过对本文的阅读,能够提高大家对自动化测试的认识和理解。
1.带RobotFramework的SeleniumSelenium无疑是受欢迎的Web自动化测试工具。
其开源的特性是被广泛使用的原因之一。
您可以使用不同的语言在Selenium中实施各种框架,从而为自动化测试提供更多的功能。
Selenium能够支持多种操作系统(Windows、Mac、Linux)和多种浏览器(Chrome、火狐、IE和Headless类型浏览器)。
我们可以运用多种语言(如Java、Groovy、Python、C#、PHP、Ruby和Perl)来开发出不同的测试脚本。
Selenium内置了许多工具和框架,您可以启用它们来进行持续测试。
RobotFramework是Selenium用来进行持续测试的一种常用的框架。
通过Robot,您可以运行各种自动化测试,包括由SeleniumWebdriver所提供的、基于UI元素和API的测试。
Selenium既可以使用关键字驱动的方法进行验收测试,也可以进行验收测试驱动式的开发(AcceptanceTest-DrivenDevelopment,ATDD)。
通过使用Python和Java所实现的附加测试库,其测试功能得到了进一步扩展。
而RobotFramework不仅可以用于Web应用的测试,也可被用来测试Android和iOS的应用。
但是,Selenium本身并不能满足所有的持续测试需求。
它需要与大量的工具相集成,以满足在软件开发生命周期(SDLC)中的不同目的。
此外,Selenium还需要使用者具有高级的编程技能,并愿意花费专门的时间与精力,来构建自动化框架,以满足其特定的测试需求。
2.TestsigmaTestsigma是一个统一的、以AI驱动测试的自动化平台。
它采用Shift-Left方法,将持续测试集成到了端到端的持续交付生态系统之中。
Testsigma通过减少自动化测试技术中的复杂性,为功能和自动化团队带来了更多的灵活性。
功能测试人员可以轻松地使用自然语言,编写出简化的代码,来进行自动化测试。
Testsigma通过可重用的步骤组合、与集中对象存储库(CentralizedObjectRepository)大限度地提高了测试代码的重用性。
同时它通过使用AI,来大幅降低了与测试有关的维护开销。
Testsigma能够与各种开源的或三方工具相集成。
它支持上千种不同“设备+浏览器+操作系统”组合的云端测试环境,以不断满足各种的动态测试需求。
Testsigma能为企业级的自动化测试、和持续测试提供所有必需的功能,其中包括:数据驱动测试、跨浏览器测试、可重用性测试套件、测试计划与数据管理、电子邮件与Slack通知、并行测试执行、集中对象/元素存储库、综合报告、与CI工具的集成、以及自动化Bug报告等。
作为一款基于云端的自动化测试工具,Testsigma为Web、移动Web、Android、iOS应用、以及RESTful服务提供了各种类型的应用支持。
3.是另一种能够进行功能、API、性能和回归测试的工具。
RationalFunctionalTester使用记录和回放来创建自动化的功能测试,并将预期结果与执行时系统所产生的实际结果相比较。
IBM支持广泛的应用程序,并能够与IBMRationalQualityManager等工具相集成。
另外,IBMRationalTestWorkbench还支持在API级别、用户界面级别、以及整个系统级别进行回归测试,以实现在DevOps或持续交付生命周期内的各种测试目标。
Ⅳ Web常用自动化测试工具有哪些手工测试和自动测试优缺点
自动化测试工具大概分2类: 负载压力测试工具和功能测试工具.
负载压力测试工具就是性能测试工具, 比较好的有LoadRunner, 功能很全. 其它的QALoad, OpenSTA, 等等, 这些不是很了解.
功能测试工具常用的就是WinRunner, QTP了, 这两个其实差不多, 如果说区别, WinRunner可能对逻辑测试上更好点. QTP在网页测试方面会强一点, 但由于HP对WinRunner已经不再提供升级服务, 因此现在一般都是用QTP.
Ⅳ 2019最好用的自动化测试工具Top 10,果断收藏
这个时候总是无奈的说:
你应该学习Python 或是Java
你应该掌握Selenium
又或者你需要学会jmeter,嗯,可能LoadRunner你应该学习
也许SoapUI是个不错的选择,或者你可是试试PostMan
......
其实这些都不是我真正的答案,我想说:只专注于一种编程语言或一种工具可能限制你的发挥,尤其可能限制了你在工作中提供的价值。如果你提供的价值在逐步退化,那么你的舞台可能突然谢幕,你的职业停滞不前,受到限制。
所以,什么最重要?当然是能力了!
下面我就介绍下2019最好用的10个自动化测试工具,希望可以充实你的知识库,打开你的职业发展舞台!
在自动化测试领域,自动化工具的核心地位毋庸置疑。我总结了最顶尖的自动化测试工具,这些工具可以帮助组织更好地定位自己,跟上软件测试的趋势。这份清单包含了开源和商业的自动化测试解决方案。
Selenium:WebUI自动化测试
Selenium是网页应用中最流行的开源自动化测试框架。起源于2000年,10多年来不断地完善,Selenium成为许多Web自动化测试人员的选择,尤其是那些有高级编程和脚本技能的人。Selenium也成为了其他开源自动化测试工具比如Katalon Studio,Watir,Protractor和Robot Framework的核心框架。
Selenium 支持多系统环境(Windows,Mac,Linux)以及多种浏览器(Chrome,FireFox,IE以及无头浏览器(没有界面))。它的脚本可以由各种各样的编程语言编写,比如 Java,Groovy,Python,C#,PHP,Ruby 以及 Perl。
因为Selenium的灵活性,测试人员可以写各种复杂的、高级的测试脚本来应对各种复杂的问题,它需要高级的编程技能和付出来构建满足自己需求的自动化测试框架和库。
Appium:APP UI自动化测试
Appium是一个移动端自动化测试开源工具,支持iOS和Android平台,支持Python、Java等语言,即同一套Java或Python脚本可以同时运行在iOS和Android平台,Appium 是一个C/S架构,核心是一个Web服务器,它提供了一套REST的接口。当收到客户端的连接后,就会监听到命令,然后在移动设备上执行这些命令,最后将执行结果放在HTTP响应中返还给客户端。
Jmeter:接口测试,性能测试
JMeter是一个开源的Java桌面应用程序,主要用于web应用程序的负载测试。它还支持单元测试和有限的功能测试。
它有很多好的特性,比如动态报告、可移植性、强大的测试IDE等,并且支持不同类型的应用程序、协议、shell脚本、Java对象和数据库。
Postman:接口测试
Postman 提供功能强大的Web API和HTTP请求的调试,它能够发送任何类型的HTTP请求 (GET, POST, PUT, DELETE…),并且能附带任何数量的参数和Headers。不仅如此,它还提供测试数据和环境配置数据的导入导出,付费的Post Cloud用户还能够创建自己的 Team Library用来团队协作式的测试,并能够将自己的测试收藏夹和用例数据分享给团队。
SoapUI:接口测试
SoapUI是一个非常流行的用于SOAP和REST的开源API测试自动化框架。它还支持功能测试、性能测试、数据驱动测试和测试报告。
Monkey:稳定性测试
软件附带在sdk中,适用于android和ios,通过adb shell,生成用户或系统的伪随机事件。压力测试结果:崩溃crash,无响应anr,基本命令:adb shell monkey 1000。
Robot Framework:Web UI自动化测试,接口测试
Robot Framework是一个开源自动化框架,它实现了用于验收测试和验收测试驱动开发(ATDD)的关键字驱动方法。Robot Framework为不同的测试自动化需求提供框架。但是,通过使用Python和Java实现其他测试库,可以进一步扩展其测试功能。Selenium WebDriver是Robot Framework中常用的外部库。
测试工程师可以利用Robot Framework作为自动化框架,不仅可以进行Web测试,还可以用于Android和iOS测试自动化。对于熟悉关键字驱动测试的测试人员,可以轻松学习Robot Framework。
QTP:Web UI自动化测试
QTP是一种自动测试工具。使用 QTP 的目的是想用它来执行重复的手动测试,主要是用于回归测试和测试同一软件的新版本。因此你在测试前要考虑好如何对应用程序进行测试,例如要测试那些功能、操作步骤、输入数据和期望的输出数据等。
QTP针对的是GUI应用程序,包括传统的Windows应用程序,以及现在越来越流行的Web应用。它可以覆盖绝大多数的软件开发技术,简单高效,并具备测试用例可重用的特点。其中包括:创建测试、插入检查点、检验数据、增强测试、运行测试、分析结果和维护测试等方面。
LoadRunner:性能测试
LoadRunner,是一种预测系统行为和性能的负载测试工具。通过以模拟上千万用户实施并发负载及实时性能监测的方式来确认和查找问题,LoadRunner能够对整个企业架构进行测试。
企业使用LoadRunner能最大限度地缩短测试时间,优化性能和加速应用系统的发布周期。LoadRunner可适用于各种体系架构的自动负载测试,能预测系统行为并评估系统性能。
Jenkins:持续集成
自动化构建编译,部署,任务执行,测试报告,邮件通知等。
使用开源测试工具有很多好处,尤其是无直接的购买成本,而且可定制,但也有一定的局限性。尤其是缺乏专业的技术支持,有限的许可支持以及脚本维护有时会成为一个挑战性的工作。
为了选择正确的自动化测试工具,你应该确保该工具是处于活跃维护状态的,并且与你所在企业业务、团队、技能匹配,并且是团队里有相应的专家。
因此在选择工具之前,你必须仔细研究,以便该工具能够满足你的测需求,并且能帮助你更好的执行测试。
Ⅵ web自动化测试框架有哪些
Web自动化测试在测试领域里面用得比较多的工具或者框架有Selenium, robotframework, Cucumber等。
Selenium是一个开源的Web自动化测试框架,ujiuye主要用于做HTML页面的UI自动化测试。
RobotFramework是一个基于Python语言的,可扩展的关键字驱动的自动化测试框架,使自动化测试脚本编写变得更简单
Cucumber是BDD(Behavior-driven development,行为驱动开发)的一个自动化测试的副产品。它使用自然语言来描述测试,使得非程序员可以理解他们。
Ⅶ web性能测试工具-lighthouse&&perfomance&&pagespeed
先访问需要评估的网站,比如 http://www..com,然后 generate report 即可。lighthouse 会运行一系列的测试审查这个页面,然后它会把关于页面执行的一些性能指标以报告的形式展示给你。你可以参考这份报告中的一些指标提示来提升你的网站应用。Lighthouse 能够生成一份 JSON 或 HTML 报告,比如下图:
Lighthouse 运行测评的过程有一套完整的生命周期,可以划分成三个主要流程:
Collecting(收集数据): 首先是 Collecting 流程,这一步会调用内置的驱动程序(Driver) ,其作用是通过谷歌开发工具协议( Chrome DevTools Protocol) 调起浏览器,并创建新的 tab 请求待测评的站点,通过浏览器采集站点数据并将结果(称之为 Artifacts)保存在本地临时目录。
Auditing(分析数据): 然后进入 Auditing 流程,读取 Artifacts 数据,根据内置的评判策略逐条进行检查并计算出各项的数字形式得分。
Report(生成报告): 最后进行 Report 流程,将评分结果按照 PWA、性能、无障碍访问、最佳实践等纬度进行划分,以 JSON、HTML 等格式输出。
如下图:
使用 Lighthouse 对网站进行测评后,我们会得到一份评分报告,它包含了性能(Performance),访问无障碍(Accessibility),最佳实践(Best Practice),搜索引擎优化(SEO),PWA(Progressive Web App)五个部分:
性能评分的分值区间是0到100,如果出现0分,通常是在运行 Lighthouse 时发生了错误,满分100分代表了网站已经达到了98分位值的数据,而50分则是75分位值的数据。
影响评分的性能指标:性能测试结果会分成 Metrics,Diagnostic,Opportunities 三部分,但只有 Metrics 部分的指标项会对分数产生直接影响。
Lighthouse 会衡量以下 Metrics 性能指标项:
首次内容绘制(First Contentful Paint)。即浏览器首次将任意内容(如文字、图像、canvas 等)绘制到屏幕上的时间点。
首次有效绘制(First Meaningful Paint)。衡量了用户感知页面的主要内容(primary content)可见的时间。对于不同的站点,首要内容是不同的,例如:对于博客文章,标题及首屏文字是首要内容,而对于购物网站来说,图片也会变得很重要。
首次 CPU 空闲(First CPU Idle)。即页面首次能够对输入做出反应的时间点,其出现时机往往在首次有效绘制完成之后。该指标目前仍处于实验阶段。
可交互时间(Time to Interactive)。指的是所有的页面内容都已经成功加载,且能够快速地对用户的操作做出反应的时间点。该指标目前仍处于实验阶段。
速度指标(Speed Index)。衡量了首屏可见内容绘制在屏幕上的速度。在首次加载页面的过程中尽量展现更多的内容,往往能给用户带来更好的体验,所以速度指标的值约小越好。
输入延迟估值(Estimated Input Latency)。这个指标衡量了页面对用户输入行为的反应速度,其基准值应低于 50ms。
Metrics 部分的指标项会直接影响分数,可以作为我们的主要参考点。
另外的两部分中, Opportunities 指的是优化机会,它提供了详细的建议和文档,来解释低分的原因,帮助我们具体进行实现和改进。 Diagnostics 指的是现在存在的问题,为进一步改善性能的实验和调整给出了指导。这两者不会纳入分数的计算。
每一项性能指标对评分的贡献都有其计算逻辑,Lighthouse 会将原始的性能值映射成为 0-100 之间的数字。
例如,FMP(First Meaningful Paint)的原始值是从页面初始化开始到主要内容渲染成功的耗时,根据真实站点的数据,顶级性能的站点的 FMP 值约为 1220ms,这个值会被映射成 Lighthouse 的 99 分。
针对不同的评分,Lighthouse 用了不同的颜色进行标注,分值区间和颜色的对应关系如下:
0 - 49(慢):红色
50 - 89(平均值): 橙色
90 - 100(快): 绿色
各个指标对性能评分的贡献并不相同,权重较大的指标,对性能评分的影响更大一些。各指标权重分配情况可参考: https://docs.google.com/spreadsheets/d//edit#gid=0
访问无障碍评分的分值由相关指标的加权平均值计算而来。可以在 评分详情 查阅每项指标的具体权重。同理,较大权重的指标项对分数的影响较大。
无障碍性的每个指标项测试结果为pass或者fail,与性能指标项的计算方式不同,当页面只是部分通过某项指标时,页面的这项指标将不会得分。例如,如果页面中的一些元素有屏幕阅读器友好的命名,而其他的元素没有,那么这个页面的 screenreader-friendly-names 指标项得分为0。
最佳实践评分的分数区间为0-100。影响这项评分的指标项的权重都是相同的。
比如:推荐使用 https,跨域的跳转链接需要使用 rel 标识,不能使用废弃的 API等等。
比如:图片元素使用 alt 属性等等提高搜索引擎搜索排名,便于搜索引擎能找到你这个网站。
Lighthouse 使用 PWA 基准检查项列表(Baseline PWA Checklist)进行测评,测评结果将这些指标项分成了四个类别,共包含12个自动测试项和3个手动测试项,其中各个自动测试项的评分权重是相同的。PWA 的评测指标对我们来说非常重要,我们可以从这四个类别详细了解一下基准指标项。
快速可靠:
页面在移动网络条件下能够快速加载。
在离线条件下页面能够返回状态码200。这里我们可以通过 Service Worker 来实现离线可用。
start_url 在离线条件下返回状态码200。start_url 是前面章节我们提到过的 manifest.json 中的一个属性,它指定了用户打开该 PWA 时加载的 URL。
可安装:
始终使用 HTTPS。
注册 Service Worker 来缓存页面以及 start_url。
使用 manifest 文件来实现安装 PWA 的需求,浏览器能够主动通知用户将应用添加到桌面,增加留存率。
PWA 优化:
将 HTTP 流量重定向到 HTTPS。
配置自定义启动画面。
设置地址栏主题颜色。
页面内容针对视口大小自适应,对移动用户的展示更友好。
使用了
当 JavaScript 文件不可用时,提供降级措施,页面能显示基本内容而不出现白屏。
手动测试项:
站点跨浏览器可用,如主流浏览器 Chrome, Edge, Firefox 及 Safari 等。
页面间切换流畅,即使在较差的网络环境下,切换动画也应该简洁顺畅,这是提高用户感知体验的关键。
保证每个页面都有独一无二的 URL,能够在新的浏览器窗口打开,且方便在社交媒体上进行分享。
安装成功后,浏览器右上角显示:
F12后,点击pagespeed->start analyzing
参考:https://www.cnblogs.com/xiaohuochai/p/9182710.html
Ⅷ 北大青鸟设计培训:JavaScript代码测试必备的12款工具
1、JasmineJasmine是一个行为驱动的测试开发框架,用于对JavaScript代码进行测试。
它不依赖其它任何JavaScript框架,也不需要DOM。
它的语法简洁、明确,写测试非常容易。
2、MochaMocha是一个功能丰富的JavaScript测试框架,既运行于Node.js环境中,也可以运行于浏览器环境中。
Mocha以串行方式运行测试,能做出灵活而准确的报告,也能将测试中未捕捉的异常映射到正确的测试用例。
3、ChaiChai是个支持BDD/TDD的库,可用于node和浏览器,可配合任何JavaScript测试框架使用。
4、QUnitQUnit是个功能强大又易于使用的JavaScript单元测试框架。
jQuery、jQueryUI和jQueyMobile项目都使用这个框架,它能测试普通的JavaScript代码。
5、SinonSinon.JS为JavaScript提供了独立的spies、stubs和mocks[译者注:Spy、Stub和Mock都是测试专用名词,Stub常被翻译为桩,spies是Spy的复数形式,是一种可以监视方法、调用和参数的技术]。
它不依赖任何东西,可以配合任何单元测试框架工作。
6、KarmaKarma是针对连通浏览器的一个框架无关测试运行器。
每一个测试结果对应每个浏览器,它的测试和显示都是通过命令行暴露给开发者的,这样他们就可以看到浏览器测试的通过或失败。
7、SeleniumSelenium有一个简单的目标:就是自动化浏览器。
它主要用于自动化测试web应用程序,但是只是很简单地考虑到了基于网络的管理任务。
8、WebdriverIOWebdriverIO允许用户仅添加几行代码就可以控制浏览器或移动应用程序,使测试代码更简单、简洁、易读。
集成的TestRunner同样允许你以同步的方式调用异步命令,这样你不需要关心如何处理Promise以避免竞态条件。
此外,它取消了所有的繁琐的设置工作,并且会为您管理的Selenium会话。
9、NightwatchNightwatch.js是一个易于使用的Node.js,它是为基于浏览器的app和网站设计的终端到终端(E2E)的测试方法。
它使用强大的W3CWebDriverAPI,用于在DOM元素上执行命令和断言。
10、PhantomCSSPhantomCSS获得CasperJS捕获的屏幕截图,并使用Resemble.js将其与基准图进行对比,以测试RGB像素差异。
java课程http://www.kmbdqn.cn/发现PhantomCSS然后生成图像差异对比,用于帮助您找到原因。
11、PhantomFlowPhantomFlow使用决策树提供UI测试方案。
针对PhantomJS,CasperJS和PhantomCSS的NodeJS包装器——PhantomFlow能够流畅地在代码中描述用户流程,同时生成用于可视化的结构化树数据。
Ⅸ Web开发中的浏览器同步测试工具——Browsersync
首先这是一个效率工具,Browsersync能让浏览器实时、快速响应您的文件更改(html、js、css、sass、less等)并自动刷新页面。更重要的是 Browsersync可以同时在PC、平板、手机等设备下进项调试 。说的通俗一点就是让你在改完代码后,页面能够实时刷新,无论是前端还是后端工程师,使用它将提高您30%的工作效率。有了它,不用在多个浏览器、多个设备间来回切换,频繁的刷新页面。更神奇的是在一个浏览器中滚动页面、点击等行为也会同步到其他浏览器和设备中,这一切还可以通过可视化界面来控制。
看下面效果图:
不需要在每个页面进行手动刷新,现在,BrowserSync减少了重复的手工任务,这一切都交给BrowserSync去完成,我们只需专注在业务的逻辑里去。
BrowserSync是建立在网络技术上的,您可以轻松安装在OS X,Windows或Linux上,然后在不同的设备及浏览器里进行调试。
通过可视化的操作方式或命令行来创建个性化的测试环境,多设备共同响应。BrowserSync很容易与您的网络平台集成,构建工具和其他Node项目中,例如gulp、grunt。
滚动,点击,刷新等操作可以在不同浏览器之间同步更新。
改变HTML,CSS,图像和其他项目文件浏览器会自动更新。
记录测试网址,只需点击一次,就可以在不同设备里访问。
切换各个同步设置创建您的首选测试环境。
远程调整和正在对连接的设备运行调试网页。
创建一个安全的公共URL分享您的本地站点,任何设备都可以访问它,并可以响应您的任何改动。
使用可视化页面来进行相关设置,也可以使用命令行来完成。
支持PC,平板电脑和手机之间的即时同步。各种文件及时响应,堪称完美。
可轻松与grunt、gulp等工具配合使用,或包含在其它node项目里。
可以在PHP,ASP,Rails和更多网站运行使用。也可以创建静态环境。
基于Node.js并支持Windows,MacOS和Linux操作系统,设置只需要5分钟。
可根据Apache2.0许可使用或更改。
Chrome浏览器、火狐、IE8 +、Safari浏览器、Opera、Android、黑莓、Firefox移动端、iOS、Opera移动移动端、Windows Phone。
BrowserSync是基于Node.js的, 是一个Node模块, 如果您想要快速使用它,需要先安装下nodejs
1、 静态网站
如果你只想在改变某一个css文件后同步,那么可以这样:
如果需要监听多个类型的文件,只需要用逗号隔开。例如我们再加入一个.html文件
2、 动态网站
在动态网站中,browser-sync是通过代理来实现的
browsersync的使用有一个详细的文档,而且开源在Github上,上面已经给出地址:
Ⅹ Web测试的QTester
QTester简称QT,是一种自动化测试工具,主要针对网络应用程序进行自动化测试。它可以模拟出几乎所有的针对浏览器的动作,旨在用机器来代替人工重复性的输入和操作,从而达到测试的目的。QTester功能全面,可支持测试场景录制、自动生成脚本、运行手写脚本并对程序进行调试和结果分析。这是一款简洁实用的自动化测试软件,您不需要花多少时间便可轻松上手。支持Iframe,支持Ajax,支持二次开发等。
(为保护作者版权,特此声明 本段摘自“月光博客”,只是为了大家阅读方便,原作者如有不满,请和本人联系 协商。)