什么是设置不同虚拟机进行跨浏览器测试的有效方法

Sai*_*han 6 windows virtualization

我检查了几个链接,还有这个问题:https : //stackoverflow.com/questions/2565505/whats-the-best-way-to-do-cross-browser-testing

我得出的结论是,进行 100% 准确跨浏览器测试的最佳方法是进行虚拟化。我正在创建一个具有响应式布局的网站,所以如果我可以重新调整浏览器的大小会很好,所以浏览器屏幕截图不是一个选项。

现在我想知道是否有一种简单的方法来设置它。是否已经准备好下载开箱即用的 vm,或者是否应该单独安装所有内容。

如果所有东西都需要单独安装,我如何获得所有 Windows 安装的密钥?

afr*_*ier 9

微软提供IE App Compat VPC 镜像为此免费。它们分别具有适用于 XP、Vista 和 7 以及 IE 6、7 和 8 的图像。以后浏览器的安装程序被捆绑到图像中,以免您寻找下载。如果需要,您可以简单地快照或克隆图像以安装其他浏览器。

请注意,映像确实会定期过期,但 MS 还使用最新的可用安全补丁和新的过期日期刷新了映像。

根据您的需要,这可能就足够了。否则,您应该查看 TechNet 或 MSDN 订阅。

为了帮助 Web 设计人员和 Web 开发人员在旧版本的 Internet Explorer 中测试他们的网站,我们提供了以下 VHD,Windows 设置了指定版本的 Internet Explorer。这些映像使用最新的安全更新进行修补,并且是操作系统的全新安装,几乎没有修改。

此下载页面包含不同的 VPC 映像,具体取决于您要测试的内容。这些映像专为在 Microsoft Virtual PC 上运行而设计,可能在其他托管环境中运行,也可能不运行。


Chr*_*ian 5

如果您准备投资一些钱,那么您应该尝试使用Browserstack工具。他们在服务器上使用真实的VM,在真实的VM 中测试您的网站。因此,您可以使用许多真实的 VM,而无需在您的计算机上添加任何额外资源。

在这个网站上,您可以从三个“计划”中选择一个,每一个都有不同的价目表

  1. Live
    这样您就可以对网站进行交互式测试。
  2. 自动
    运行 Selenium 和 Javascript 测试(附加信息
  3. 屏幕截图和响应
    生成屏幕截图并显示您的网站的外观。(屏幕截图响应

我强烈推荐“现场”计划。因为有了这个,您可以对其进行交互式测试,而不仅仅是查看死板网站的屏幕截图。

您有许多可以配置的选项,而不必安装虚拟机来测试您的浏览器。

有多少浏览器?
有很多很多不同的浏览器。太多了,这里就不一一列举了。看看他们。

有多少操作系统?
这里有一个列表:

  • 视窗 XP
  • Windows 7的
  • 视窗 8
  • Mac OS X Lion
  • Mac OS X 山狮
  • Mac OS X 雪豹
  • IOS
    • iPhone 3GS - iPhone 5S
    • 所有 iPad
  • 安卓
  • 歌剧手机

本地测试
除了正常的公共网站测试之外,您还可以测试本地:

  1. 测试在您的桌面上运行的任何 Web 服务器、临时环境、私有内部设置、主机配置文件中的条目,甚至是公共 Web 服务器。
  2. 隧道到任何本地服务器环境:Apache、IIS、MAMP、本地 Wordpress 等。
  3. 测试 HTTP 安全 (HTTPS) 页面。
  4. 当您的 Web 应用程序从多个服务器加载内容时创建同步隧道连接,这完全支持通过 CDN 提供的静态文件。
  5. 如果您的 Web 应用程序中有子域,您可以通过设置多个隧道连接来测试它们。
  6. 在我们的远程浏览器中测试本地设计文件(HTML、CSS、JS 等),无需运行 Web 服务器。
  7. 高度安全的隧道设置,在分配的虚拟机中仅允许您访问您的文件。更多信息请阅读安全文档。

来源

如果您想查看一些配置示例,请单击此处

预先安装的调试
工具 已经安装了许多不同的调试工具。例如 Firebug 等。如果对列表感兴趣,请单击此处

无需安装
因为 Browserstack 是基于云的,所以您不需要在您的计算机上安装任何东西。

意见
正如我之前提到的,有很多积极的意见
例如,微软利用 Browserstack 来启动 Modern.IE

试用
可以通过免费试用来测试服务。