浏览器测试并不好玩，但这些工具会让你的生活更轻松

设计您的网站非常令人兴奋，让您有机会发挥您的创造力。 当您第一次看到它完成并准备向世界发布它时，选择颜色和主题、为页面查找或委托图像以及撰写关于您自己或您的公司的内容是非常令人兴奋的。

设计网站时经常被忽视的一个领域是浏览器测试。 许多在设计和启动网站后觉得自己的工作结束的人可能会错失大量访问者。 为什么？ 这里有一个指南，说明为什么浏览器测试可能不是开发网站最有趣的部分，但它与选择正确的域名和提供良好的用户体验同样重要。

什么是浏览器测试？

简单来说，浏览器测试意味着检查在不同浏览器（如资源管理器、Firefox 或 Chrome）中查看时所有网页的外观。 您可能不知道不同的浏览器可以为您的网站提供不同的外观，但这是真的，只有通过测试您的网站，您才能真正像其他人一样看到您的网页。

如果您已经有一个已启动并正在运行的站点，并且您当前没有进行浏览器测试，那么您现在就必须开始。 如果您遇到这种情况，要提出并找到答案的最关键问题之一是您的用户如何访问您的网站：最常用的浏览器是什么？ 从这里开始，为您提供访客体验的快照。

为什么浏览器测试很重要？

那些使用互联网的人现在可以选择多种浏览器。 决定不进行任何浏览器测试——以及未来添加页面或更改设计时的测试——意味着许多潜在访问者可能会发现您的网站无法访问或难以查看。 将那些使用智能手机浏览的用户以及任何未针对移动设备用户进行兼容性检查的网站都纳入考虑范围，这可能意味着从第一天起就失去收入。

最近的一个发展增加了为什么浏览器测试现在更加重要的重要性是谷歌现在宣布在计算其排名位置算法时将查看网站的速度。 这意味着，如果您的网站速度较慢，那么在选择谁位于搜索结果的顶部时，Google 会将此算作对您不利——如果您还没有考虑过浏览器测试，那么这是一个及时的机会它。

什么会导致您的网站看起来不同？

有许多问题和影响可能意味着用户会以与您预期的方式不同的方式在他们的屏幕上查看您的网站。 有很多变量——包括一些你无法控制的变量——这意味着每个访问者可能会以略有不同的方式看到你的网站。 这些是意味着您可能会遇到网站显示问题的主要元素：

• 用户硬件：机器中安装的显卡、颜色设置和访问者使用的显示分辨率设置可能对每个人都有不同的体验
• 软件：正在使用的操作系统和安装的字体
• 旧版本的浏览器：一些访问者可能很长时间没有更新他们的浏览器，这可能意味着他们无法完全访问您的网站

浏览器测试和移动优化网站

由于现在使用互联网的智能手机用户数量与他们在笔记本电脑或平板电脑上访问互联网的原因相同，因此拥有一个快速且可访问的网站至关重要。 您网站的访问者通常在移动中，而不是坐在家里，因此想要，不，需要，即时访问。 他们不想等待图像下载或发现自己遇到死链接或无法播放的视频。

谷歌算法是一个严密保密的秘密，因为它决定了谁来确保任何搜索引擎结果中令人垂涎的头把交椅。 不过，它已宣布，从 2015 年 4 月 21 日起，它正在增加对移动友好性的使用，作为其排名决定的一部分。 这意味着从这一天开始，移动设备设置将影响 Google 是否认为该网站是高质量的并且与所进行的搜索相关。

测试设置

如果您不是 Web 开发专家，请不要担心。 您不需要构建自己的测试设置——您只需要知道测试是构建站点的重要部分，在站点启动之前和之后作为维护的一部分。

对于那些在其他 IT 领域具有一些技术背景并希望涉足浏览器测试的人来说，框架浏览器测试设置将包括：

• 测试浏览器：Mac 和 Windows 变体
• 测试设备：不同的 iPhone、Android 机型和 Macbook
• 同步测试系统：跨不同浏览器同时进行测试
• 远程调试软件：能够调试无法右键单击的移动站点
• 边缘情况浏览器：探索和解决意外的用户输入、中断的会话或正在使用的令人难以置信的旧浏览器
• 屏幕截图测试：自动测试以提供即时查看快照
• 视口调整工具：访问者正在使用的屏幕大小 - 它会因设备而异

一些帮助测试您的网站的好工具

由于浏览器测试是任何网站开发中不可或缺的一部分，因此有一系列不断变化的工具可以帮助每个人测试他们的网站； 无论是初学者还是专业人士。 不可能在所有可用的浏览器上测试您的网站，因此这就是技术介入的地方。 网站设计人员和开发人员有责任确保每个访问者都可以查看网站的所有方面，并且所有功能都按其应有的方式工作。

最好的测试工具旨在使工作易于执行，并将结果直接消化并根据需要采取行动。

以下是一些出色的浏览器测试工具的概要——无论您的知识和经验水平如何。

浏览

Browserling 是一个完全交互式的用户工具，使用起来非常简单。 无需附加组件或插件。 只需输入网址并选择将使用的浏览器和版本。 这就是它的全部内容，即时结果将向您展示您的网站对您选择的组合的访问者的外观。 您可以选择 100 种不同的组合，而且它是实时和匿名的，因此您不必担心任何安全问题。

Browserling 是一个很好的工具，适合任何人开始使用他们的第一个网站并想要一种非常简单的方法来快速检查他们的网站。 只有几个选择并显示结果。

幽灵实验室

除了网站在不同浏览器上对访问者的显示方式外，您还需要了解不同功能的工作方式； 例如页面重新加载、滚动和点击。 这就是 Ghostlab 介入的地方。

Ghostlab 能够提供完整的用户体验，因此您可以准确地看到您的网站的外观和性能——如果您过去没有使用过浏览器测试，或者您已经有一段时间没有测试过您的网站，这会让您大开眼界。 该软件包是一个快速且无缝的选择，并包含一个服务器应用程序。 这意味着您可以将页面同步到本地目录，并且不会遇到任何问题。 还有一个工作区功能非常容易使用，因为不需要自定义设置。

对于在开始之前没有进行特定设置的技术知识的人来说，这是一款出色的浏览器测试应用程序。 这是一个绝对的“即插即用”操作。 对于那些想要自定义设置的人来说，Ghostlab 是同步测试和远程调试的绝佳选择。

浏览器堆栈

BrowserStack 是一个令人难以置信的工具，因为它能够支持 300 多种不同的浏览器和移动设备（是的，您的访问者确实可以使用许多不同的浏览器和移动设备！）并且您可以在线使用它，因此您不需要安装在许多不同的设备上，以便能够在任何地方工作。

BrowserStack 如此受欢迎的原因是因为您可以随时准确地看到您的网站的真实情况。 它也非常适合修复错误，您可以使用它来测试您无法访问的设备，因为产品非常广泛。 对于那些有边缘情况浏览器问题的人，这是适合您的工具。

酱汁实验室

运行大量测试以了解您的站点发生了什么情况非常好，但是在发生这种情况时，如果您发现问题，在测试运行完成之前您无法对其进行任何处理可能会令人沮丧。

酱汁实验室不是这样。 在测试运行时，如果发现问题或您发现了要进一步调查的问题，您可以开始工作，解决问题，然后继续测试。

跨浏览器测试

浏览器测试不仅仅是查看网站在不同平台上查看时的表现； 它还涉及探索应用程序和插件的工作方式以及检查站点速度。

CrossBrowserTesting 是一个非常有用的多功能跨浏览器测试工具。 它提供了令人难以置信的 1000 多种组合，您可以相互测试。 由于不同的浏览器与不同的操作系统和应用程序一起工作，这适合喜欢思考可以测试其网站的所有不同角度的人。

对于想要一站式服务的网站所有者，他们可以依靠一种工具来执行多项工作，CrossBrowserTesting 是完美的选择。 这是因为当它们开始时，CrossBrowserTesting 提供：

• 自动截图
• 现场测试
• 登录测试
• 移动平台测试
• 支持视频嵌入测试

浏览器工具 - Firefox 和 Chrome

浏览器本身都带有一个非常全面的开发人员工具包。 特别是一对夫妇现在具有特别好的功能：

• Firefox：响应式设计模式让您有机会更改屏幕的内容区域，而无需更改窗口大小。 这意味着您可以轻松地进行视口。 它可以在 Web Developer 区域菜单的工具部分中找到。

• Chrome：许多网站所有者已经将 Google Chrome DevTools 用于其网站管理的其他领域。 最近一个巧妙的补充是“覆盖”设置，Chrome 将模拟移动设备。 它位于工具箱的“设置”部分，是一种在设备检测提供移动网站时检查网站如何工作的非常方便的方法。

萤火虫

随着不同的访问者从他们设备上可用的屏幕分辨率选项范围中进行选择，您需要知道它的外观。

目前最流行的屏幕分辨率是 1366×768，但许多人会根据个人喜好改变它，或者如果他们需要提高分辨率以帮助视力不佳的人。 这是对以前用于台式机的几乎标准分辨率 1024×768 的转变。 放大或降低屏幕分辨率可能意味着您的网站如果太小看起来会被压扁，或者如果大大增加则变得非常像素化。

Screenfly 将以一系列屏幕分辨率显示您的网站，以便您可以通过不同访问者的眼睛查看页面。 互联网可以在如此广泛的设备上使用，例如台式机、笔记本电脑、平板电脑、移动设备，甚至通过电视，这是一个重要的检查元素，Screenfly 可以很好地为您完成工作。

测试，测试…

如果您刚刚开始新创建的业务的网站之旅，请不要担心。 老实说，您处于有利地位，因为您可以在几乎没有任何知识的情况下使用任何一种在线、实时、单站点执行所有工具，并且您会立即获得结果。

只要您在启动网站之前意识到它的重要性并采取行动，然后在每次添加页面或进行任何设计更改时继续努力，您就会发现这些工具可以为您完成所有工作。

虽然浏览器测试并不是创建新网站最视觉上令人愉悦或最刺激的方面，而您只想将其发布给全世界并尽快为您带来访问者，但它是成功网站的基石之一由于易用性和专业外观，访客成为客户。

建立信任和声誉至关重要，经过浏览器测试的网站意味着人们转向或离开您的公司与忠诚或寻找您的竞争对手之间的区别。 如果到目前为止您还没有认为浏览器测试很重要，那么从今天开始是势在必行的。 您很快就会获得回报。

venimo/shutterstock.com 的文章缩略图