哪种工具允许用户模拟真实网络?_译文:17款好用的跨浏览器调试工具

a736c531cbfeb3b4a57ca73c6f60794c.png

原文链接:https://www.hongkiat.com/blog/complete-guide-to-cross-browser-compatibility-check/

作者:Dainis

如有翻译不准确,请多指正。

现在市面上有很多浏览器,每个浏览器都有数百万个用户。因此,在创建网站或Web应用程序的时候,测试它与其他浏览器的兼容性就成为了一件非常必要的事情。而最好的,也是最方便的方法就是:使用跨浏览器检查工具。

如果你正在寻找一些比较好的解决方案,那么希望此篇可靠且全面的跨浏览器检查工具列表,能够让你找到满意的答案。

这些工具具有不同的功能特点,可以满足网站兼容性测试的多种要求。想知道哪种最适合你吗?下面就跟我一起来阅读吧。

1BrowserShots

BrowserShots是最早的跨浏览器测试点之一,可以让你在多种浏览器中对网站进行测试,包括Lynx,Konqueror和Seamonkey等在内的一些旧版本也可以。

通常它会生成屏幕截图,向你展示网站在不同浏览器中的状态。唯一的缺点就是,需要在联网状态下才能运行测试工具。

e576de02c288b7acece88d3b2e291b83.png

2Browser Sandbox

这是一款台式机和平板电脑应用程序,无需安装VM和OS,你就可以使用它运行包括本机浏览器在内的多种浏览器。

Browser Sandbox可以在多种浏览器上运行,包括某些旧版本的IE、Canary或Development版本的IE浏览器。

19db9092a076e6b328ecd4ac06dde33a.png 

3MultiBrowser

一款桌面应用程序,涵盖了IE 7 – 11,Edge,Firefox和Chrome在内的多个浏览器版本。你可以使用它来进行网站测试,无论是台式机还是移动设备,都可以通过仿真器进行测试,并可以选择手动或自动运行测试。

fbdf6cbbd25d124ebadef775a97c8a72.png

4LambdaTest

LambdaTest以一种在线服务的模式,为你提供在不同平台的跨浏览器运行测试。比如,你可以选择在Windows、Linux或者macOS上运行的Firefox或Chrome测试你的网站。

与此同时,它还提供了一个集成的调试器工具,地理位置工具,并允许在localhost站点上进行测试——这些功能深受开发人员的喜爱。

d8c349502381b78337b7b477bb8a5c5c.png

5Experitest Cross Browser Testing

你可以通过使用Experitest Cross Browser Testing,来实现不同环境下站点兼容性和性能的测试需求。它还让Github,Gitlab,Jenkins,TravisCI和CircleCI等服务的集成变得简单,从而简化网站的部署工作流。

825f11a23228c5e147aa9e8961f0c907.png

6BrowserStack

BrowserStack是跨浏览器测试中较为著名的工具之一,并被jQuery和React.js等一些大型开源项目使用。BrowserStack列出了数百种浏览器、移动设备和测试starategie,确保你的网站在尽可能多的环境下适用。

3047acd0b5e52b6b5f04f3d3eadd4d2e.png 

7SauceLabs

无论你是企业,中小型企业还是蓬勃发展的开放源代码项目,SauceLabs都可以提供全方位的测试,以确保浏览器与任何大小的网站都兼容。

389054c631d2b4953578c347ed5d1e08.png

8CrossBrowserTesting

无需编写代码,CrossBrowserTesting可以跨多个浏览器,为公共或本地主机站点提供自动兼容性测试,并抓取测试中的屏幕截图和视频。

7537e4c1473992cac801bd4c1fa0866b.png 

9TestingBot

TestingBot为网站和本机的移动应用程序提供了完整的测试方法。因此,你不仅可以旋转浏览器,还可以在真实的iOS或Android设备上进行测试。

d470fccce1e235ca0ba80ae89a076b15.png 

10Browserling

如果你想快速轻松地在Internet Explorer上测试网站,那么BrowserLing可能会是你想要的工具。

Browserling在某些浏览器中可以轻松且交互地进行网站测试,其中包括旧版浏览器,例如Internet Explorer 10 & 11,以及Safari 4和5。

def8cbb0ca1774b819027366d9b4b7dc.png 

11Comparium

Comparium附带一个免费工具,可以通过在两个不同的环境中抓取比较的方式测试站点。如果你想进行快速且可靠的测试,那么Comparium会是一个不错的选择。

142040adcce26cc455e0aaa7fc3aaba2.png

12Puppeteer

Puppeteer是一个Node.js模块,提供了可以与Chrome和Firefox浏览器进行交互的API。

你可以利用API来获取屏幕截图,生成网站PDF,自动执行用户交互(例如表单填写和键盘输入),以及对网站自动进行整体测试。

53bdd0db293199785c69a04b12014dbd.png

13Playwright

Playwright是Microsoft的一个项目,可以通过简单的API自动进行浏览器测试。除了模拟用户交互之外,它还可以拦截网络请求、模拟移动设备、地理位置和权限。

Playwright支持基于Chromium的浏览器,Firefox和Webkit(如Safari)。

dae3e7ab1603efcd6bd4d8f725ff66a6.png

14Nightwatch.js

NightWatch.js是一个用于端对端测试的Node.js模块。通过简单的API操作,就可以检查元素是否包含特定文本,以及者该元素是否可见或隐藏,甚至可以测试CSS类、ID和属性。

dc330cb4ee9215b705fc60f358368659.png 

15Cypress

Cypress是一个测试套件,可以简化当代Web应用程序的端对端测试和调试操作。

它不仅运行测试,还可以记录每个执行的测试的状态。你可以返回到这些状态中的每一个部分,并比较两者之间的变化,让Web应用程序的调试更加直观。

69b4349ff44164726b9b0a8fb233ea86.png 

16WebDriverIO

WebDriverIO是一个Node.js 自动化测试框架。它支持开箱即用的许多JavaScript库,例如React.js,Vue和Angular。

由于测试基于W3C WebDriver和Chrome DevTools(一种标准且公认的协议),因此该测试可以在本地运行,也可以在SauceLab,BrowserStack和TestingBot等云服务上运行。

48dfa88108c5238b0c0edc71ebed860e.png

17Selenium

作为一款骨干级浏览器自动测试工具,Selenium实际上没有提供测试实用程序或框架,但是可以通过扩展来创建一个实用程序或框架。

实际上,许多测试框架、应用程序或服务(包括此处的某些工具)都是基于Selenium驱动程序的。

3ccfbe0fa2f90cd805cb12aea6806ddf.png

df18695e404155d408dc039882741f49.gif

以上就是今天的干货分享内容啦,在接下来的日子里,小渡还会持续为大家输出更多实用的编程工具和编程技巧。

如果你希望看到更多干货内容,也可以通过在文章底部留言的方式告诉小渡,小渡会积极为大家准备,我们下期再见~

RECOMMEND

推荐阅读 984abeae528f600f03e291e64b17fda5.png 766929fc83596179450fc1d05e289ae6.png e23da648e12e5889c3e6df377cb53170.png c37c06967ea5256ebd0f6c9ca3288dbc.png

677f2dae633894d4a8434063930f9a4f.gif

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值