css浏览器兼容性怎么测试？
网友解答: 我想大多数人会遇到这个问题，您需要在一个或多个浏览器中测试您的工作，以确保它能正常工作。这是我们通常称为跨浏览器测试的过程，因为您在不同的浏览器中进行测试。乍一看，这听起来很
我想大多数人会遇到这个问题，您需要在一个或多个浏览器中测试您的工作，以确保它能正常工作。这是我们通常称为跨浏览器测试的过程，因为您在不同的浏览器中进行测试。乍一看，这听起来很简单，而且很简单。不幸的是，有不同的浏览器。但不是所有的浏览器都能运行在你选择的平台上。
比方说，您正在使用Mac，因此您可以使用Google Chrome和Mozilla Firefox进行测试。但是，如果您想对Internet Explorer或新的Microsoft浏览器Microsoft Edge进行测试，则需要使用一些虚拟机或工具来完成此测试，因为Internet Explorer不能在Mac OS上运行。
在线测试解决方案如何工作？
你可以用来做这个测试的第一件事是可用的在线工具之一。那么，这些工具是如何工作的呢？如果你看下面的图表，这很容易。
在本地计算机上，您可以启动浏览器。如果您想使用Internet Explorer进行测试，则无法直接在该机器上启动它。这些在线工具所做的是，它将在云中启动一个虚拟机，在该虚拟机中您要测试的实际浏览器正在运行。比方说，如果您在左手边有Mac OS，那么您将启动在Mac OS上运行的Safari浏览器，并连接到一个在线解决方案，该解决方案将为您提供运行Windows的虚拟机，并在此虚拟机然后Internet Explorer可以运行。
然后，您的浏览器和云端浏览器之间的连接将通过Internet进行，因此您将使用连接等远程桌面来查看浏览器。然后在线浏览器将连接到正在测试的页面，只要它在公共Internet上可用。这当然有一个好处，那就是你的机器已经不在这里了。只要你有一个浏览器，你的本地机器运行的操作系统是完全不相关的，你将能够很好的测试。缺点是您要测试的页面必须可用于公共Internet，否则虚拟机和云将无法访问。所有这些来回浏览器的远程会话通过互联网来回传播会引起网络延迟。
它会延迟用户的输入，例如，你将无法快速看到动画。此外，你依靠你的互联网连接，这必须相当快，这是一个很实用的经验。
假设您要测试在内部分段环境或本地计算机上运行的页面。在这种情况下，解决方案将不会像这样工作。正如我们在下面的图表中看到的，我们需要添加另一个工具来使其工作。
现在可以通过使用所谓的VPN来完成测试，该VPN将在线虚拟机连接到本地机器/网络。这个过程就是你在本地运行的浏览器将通过互联网连接到在线虚拟机中的浏览器，然后它内部的浏览器将转向，并通过VPN连接到本地计算机，正在测试的页面。
当然这会使整个过程增加两个复杂性。首先，你将有更多的网络延迟，并且你在VPN里面有加密。另一件事是，如果你在一个更大的公司工作，这个VPN隧道将需要一些IT批准和防火墙的改变。
尽管这些在线测试解决方案使得完全可以测试任何类型的页面，即使它不能在公共互联网上使用，也可能在细节上变得混乱。
内部解决方案如何工作？
那么这里有什么选择？那么，另一种方法是可以从整个过程中删除这个在线虚拟机，以便于测试。这就是内部解决方案的来源。
我们再来看看两个具有内部部署测试解决方案的例子。更简单的例子是，你有一个被测试的页面，这个页面可以在公共互联网上看到，供大家看，而你想在一个或多个特定的浏览器中测试这个页面。现在在图中，我们可以看到本地计算机直接运行测试浏览器。
作为一个例子，让我们拿谷歌浏览器。您可能不想将其安装在您的机器上，尤其是不能用于测试的20个不同版本。这可以由在本地机器上直接运行该浏览器的本地解决方案工具来处理，并可以连接到Internet和被测页面。我们已经消除了浏览器和在线虚拟机之间网络延迟的整个过程。
我在这里跳过的最明显的事情是，并不是所有的浏览器都能在本机上运行。我们将在这种情况下做什么？真的很简单，如果本地测试工具无法在您的计算机上本机运行浏览器，则可以在本地计算机上启动虚拟机。我们已经使用了更多的本地系统资源来对付因在云中运行浏览器而导致的网络速度减慢。
说实话，虚拟机需要在云中运行真的没有什么好的理由，因为我们不能获得任何真正的优势。如果我们不想测试一个公共互联网可用的页面，我们可以使这个更简单。
正如你在这个图表中看到的那样，现在在本地计算机上运行的所有东西 使用内部工具，您要测试的浏览器也在本地计算机上或本地计算机上的虚拟机上运行。即使在本地机器处于安全实验室某处或者没有任何互联网访问的极端情况下，这也给了我们直接的测试可能性。您仍然可以使用内部部署解决方案，相比之下，在线解决方案不会脱机工作。
内部解决方案的优势
现在您已经知道这两种方法是如何工作的，让我们来看看内部部署解决方案的优点：
最明显的优点是您可以更轻松地测试本地或内部的分段环境。有许多内部应用程序永远不可用于公共Internet，但仍然需要针对多个浏览器进行测试。内部部署测试的另一个巨大优势就是您的浏览器直接在您的机器上运行的体验：它更原生。用户交互和浏览器响应之间的延迟较少。比方说，您正在测试动画，或者您正在测试浏览器中的视频。这比在线解决方案更流畅。因为它在您的本地机器上运行，所以您使用的数据不会传送到任何第三方提供商。如果您需要HIPAA / PCI合规性，这是个好消息。在本地计算机上运行应用程序对于内部IT部门来说也比使用云托管提供程序容易得多。最后一点是，所有在线解决方案都是基于订阅的定价方式，所以您每月支付一笔固定的金额即可访问所有的浏览器。另一方面，内部部署解决方案通常是一次性购买，因为供应商不需要支付任何正在进行的服务器成本。内部解决方案
我们来看看两种不同的解决方案，可以在本地使用。我想要展示的第一个被称为MultiBrowser，这是一个仅限Windows的工具。
用于手动测试的MultiBrowser工具有三个主要功能。最有用的功能是直接在本地计算机上启动不同的浏览器版本。在这个浏览器中，我们可以使用开发人员工具，插件以及测试所需的所有东西。MultiBrowser应用程序的这种方式可以运行不同的浏览器，而不需要安装本地工具本身以外的任何东西。
也有可能测试设计的响应性。该工具将能够创建任何屏幕大小的屏幕截图。这样我们可以看到我们的页面是否工作，并以不同的屏幕尺寸正确显示。另外还集成了移动模拟器，具有正确的屏幕尺寸，像素密度等等，以便用移动设备进行测试。
让我们来看看另一个不同的工具，叫做BrowseEmAll。不同的是，这个工具是跨平台兼容的，所以你可以在Mac OS，Linux和Windows上运行它。再次，您可以使用实时测试功能来启动不同版本的浏览器，而不管它们是否安装在本地计算机上。
当然，这个也有移动模拟器。差别主要在于UI体验。在这里，移动模拟器将开始使用Google Chrome皮肤，而不是真正的设备皮肤。最后还有截图，这次也适用于不同的浏览器。