跨浏览器测试: 所有主流浏览器在同一台机器上

本指南的目的:

  • 运行 ABc0版本的 Internet Explorer
    Safari，Opera，Chrome 和 Firefox。

第一部分涵盖范围:

  • 目录
  • 哪些浏览器需要测试？
  • 如何创建一个 Windows XP 虚拟机启动速度快，永远不会过期？
  • 在哪里可以下载必要的软件(VM 图像，浏览器，...) ？

第二部分也涵盖:

  • IE，Firefox，Opera，Chrome 和 Safari 的安装和配置指南。
  • 开发工具和快捷方式。
  • 时间和磁盘空间成本 。

许多部分是独立的。例如，关于运行多个版本的浏览器的说明通常是适用的。

66275 次浏览
小开

内容

  1. 哪些浏览器需要测试？
    • 经验法则: 应该包括哪些浏览器？
  2. 准备工作
    • 视窗 XP
    • Windows 7 + (针对 IE9 +)
    • 浏览器下载
      • Internet Explorer
      • 火狐
      • 歌剧
      • 铬合金
      • 旅行
      • AdobeFlash 播放器
    • 下载摘要
  3. 沙盒

    第2部分: 安装和配置
  4. Internet Explorer
  5. 火狐
  6. 歌剧
  7. 铬合金
  8. 旅行
  9. 开发工具(和快捷方式)
  10. 测量的设置时间和磁盘空间
    • 每个浏览器所需的时间(安装和配置)
  11. 最佳使用
    • 首页: http://10.0.2.2:8888/

1. 需要测试哪些浏览器？

统计数据很快就过时了。基于这个原因，我参考维基百科上的 浏览器的使用份额，以及以下网站上最新的浏览器 版本信息。每个站点后面都有一个简短的使用指南。

经验法则: 应该包括哪些浏览器？

  • Firefox : 最新的 释放 ESR + 最新的稳定主版本
  • Opera : 12.x + 最新的稳定版本
    自 Opera 15以来，Opera 使用与 Chrome 相同的引擎。相当多的用户仍在使用 Opera 12(当 Opera 15发布时，用户体验发生了显著变化)。
  • Safari : 5.1.7(Windows) + 最新版本
    不幸的是，苹果放弃了对 Windows 的支持，所以你需要在虚拟机中使用 Mac 或者 OS X 来测试 Safari 中的页面。
  • Chrome : 最新的稳定版本。 < sup > 发布说明
  • Internet Explorer : IE8 + . < sup > 特写历史
    这其实取决于你的客户。本指南也教授如何使用 IE6和 IE7，但是这些浏览器已经死了，或者接近死亡。IE8是 Windows XP 上最后一个支持的 Internet Explorer 版本，现在仍在大量使用。

注意

现在，大多数网页浏览器使用某种形式的自动更新的快速发布。在编写这个指南时，发布不是那么频繁，因此设置一组浏览器而不必回头看是有用的。
除非您有意要在旧的浏览器中测试应用程序，否则只需获取最新版本的浏览器，并让自动更新程序负责管理版本即可。

如果您不需要太多的灵活性，并且很快就想测试一个页面，我建议您看一看 Browserstack.com。注册后，你可以得到一个30分钟的免费试用版，可以直接在你的浏览器中访问许多桌面和移动浏览器。

2. 准备工作

在安装机器之前，下载所有必要的文件(请参阅本节末尾的“下载摘要”)。所有文件都将通过共享文件夹 什么? 怎么做与虚拟机共享。

  • 推荐使用虚拟化软件(VirtualBox，即使是商业用途也是免费的。下面的说明是基于 VirtualBox编写的。)
  • 视窗 XP
    • 从 摩登网站下载用于 VirtualBox 的 IE6XP 镜像。提取内部的 .ova文件并运行它将其导入 VirtualBox。(图像也可用于其他虚拟化产品，如 VMware、 Parallels、 Virtual PC 和 Hyper-V)
    • 准备使用的图像:
      • VirtualBox 设置 : 启用网络适配器，但是执行 没有将 VM 连接到真正的网络。
      • VirtualBox 设置 : 创建只读共享文件夹。 此文件夹将用于在主机操作系统和来宾操作系统之间传输数据。
      • 运行 net use x: \\vboxsvr\WinShared(假设共享文件夹名为 WinShared。这将把网络目录绑定到 x:驱动器)。
      • 可选 : 安装 Q = AntiWPA-V3.4.6 _ for _ X64 _ and _ X86.zip + download”rel = “ noReferrer”> AntiWPA 以禁用激活检查，如果您将使用该映像超过30天。
      • 可选 : 禁用分页文件(计算机 > 属性 > 高级 > 性能 > 高级 > 虚拟内存 > 更改 > 无分页 > 设置[确认])。
      • 选项 : 通过 Start > Run >禁用 不必要的服务 services.msc
        按 Startup Type列排序，并根据图像将所有“自动”服务切换到“手动”。无论何时你想安装一个微星软件包，运行 net start msiServer(“ Windows Installer”) :
        Windows XP - services.msc
      • Optional: 禁用桌面清理向导: Desktop > Properties > Desktop > Customize Desktop > Disable "Desktop Cleanup wizard every 60 days"
      • 可选 : 安装并配置 沙盒(用于在同一个 IE6虚拟机中运行 IE7和 IE8)
      • 可选 : 安装 清洁工，运行它来配置它并清除垃圾。
      • 可选 : 安装 7-Zip(用于多个 Chrome)
      • 通过客户操作系统(WinXP)关闭系统。
      • VirtualBox 设置 : 将虚拟机连接到真正的网络。
        (只有 Internet Explorer 在安装时需要使用互联网)
      • 可选 : 创建 VM 的快照，以便在下一步出错时可以进行恢复。
  • Windows 7 + (针对 IE9 +)
    • 从 摩登网站下载预构建的虚拟机映像。
      这些图像是定时炸弹，第一次使用后30天过期。当图像过期时，它们会在使用一小时后关闭。如果您不希望每次都重新创建图像，请在激活图像之前更改 VM 的硬件时钟。
      例如，在 VirtualBox 中，您可以使用 VBoxManage modifyvm NAME_OF_VM --biossystemtimeoffset +3600000000将时间设置为将来的1000小时(如果您想将时间设置为过去的某个时间点，则使用减号)。
  • 浏览器下载

下载摘要

为了方便起见，将所有安装文件放在共享文件夹中是明智的。下面是所有必要文件的简要(完整)列表(按步骤排序) :

3. 沙盒

Sandboxie 是一个在沙箱中运行应用程序的轻量级工具。它还可以用于在单个 Windows 计算机上安装 IE/Safari 的多个版本。

  • 下载 : < a href = “ http://sandboxie.com/index.php? DownloadSandboxie”rel = “ norefrer”> http://sandboxie.com/index.php ? DownloadSandboxie
  • 补丁 : 扩展版本是 需要，可以同时启用多个沙箱。
    同时运行多个 IE/Safari 版本需要扩展版本。如果你不介意一次测试一个 IE/Safari 版本，标准版本就足够了。

    安装后:
  • 禁用提示 : “配置 > 提示 > 隐藏所有提示”
  • 默认情况下，在沙箱应用程序周围出现黄色边框。如果你不喜欢这个，转到 配置基地: “沙箱 > 默认框 > 沙箱设置 > 外观”。

    对于每个新的 IE/Safari 版本，你必须遵循以下步骤:
  • 创建 : “ Sandbox > Create New Sandbox”-输入一个名称，例如“ IE8”并确认。
  • 安装 : “ IE8 > 运行沙箱 > 运行任何程序”
    选择所需的安装程序，然后按 OK。
  • 快捷方式 : 安装完成后，使用“ IE8 > 探索内容”，找到二进制文件并创建应用程序的桌面快捷方式。

所有沙盒文件/注册表更改都保存在 C:\Sandbox中。默认情况下，此目录中的应用程序在沙箱中启动。其他程序可以通过上下文菜单在沙箱中轻松启动: “ Run Sandbox”或者“ Send To > Sandboxie > IE8”。

使用 CCleaner 进行清理: 在主环境中运行 CCleaner，然后在各个沙箱中运行。

导航到: 第二部分

小开

第2部分的内容 (导航到: 第一部分)

Internet Explorer
火狐
歌剧
铬
旅行
开发工具(和快捷方式)
测量设置时间和磁盘空间
每个浏览器所需的时间(安装和配置)
最佳使用
主页: http://10.0.2.2:8888/

安装及配置

浏览器配置提示:

  • 首页
  • 禁用检查: “默认浏览器”和“更新”。
  • 激活开发工具

4. Internet Explorer

Windows7不允许运行旧的 IE但请看下面的注释实例，这就是为什么需要一个 WinXP 虚拟机。

IE 不能降级，所以从最低版本开始，然后升级到 分开的沙盒。在升级之前设置最低浏览器版本的首选项，这样您只需要设置一次主首选项。

  • IE6-在 WinXP 中默认安装
  • IE7 /IE8-在 Sandboxie (WinXP)中安装
  • IE9 +-从 摩登网站获取预构建的 Windows 虚拟机映像。
    这些图像在首次使用后30天过期。当图像过期时，它们会在使用一小时后关闭。如果您不希望每次都重新创建图像，请在激活图像之前更改 VM 的硬件时钟。
    例如，如果你使用 VirtualBox，启动终端并发出以下命令(用一些有意义的东西替换大写的名称) :
    VBoxManage modifyvm NAME_OF_VM --biossystemtimeoffset <OFFSET IN MS, prefixed by plus or minus>

IE6(甚至 IE5.5)的完全离线安装程序可以使用 在这个地方。

对于 IE6和 IE7，应该安装 Internet Explorer 开发工具栏。 IE8 + 有 内置的 F12开发工具。

配置

  • 启动 IE6设置: 主页，安全，Cookies，默认浏览器。
  • IE7: 通过(IE7 Sandboxie)注册表删除首次运行页面。参见 这篇文章发表在微软的 TechNet 论坛上。
  • IE8: 删除“设置 Internet Explorer 8”对话框。这可以通过启动 IE8，然后单击“稍后”或 修改注册表来完成。

实际上，在 Windows 7中通过应用程式虚拟化运行 IE6-8是可行的。VMWare ThinApp工作得很好，但是需要花费更多的时间来安装，因为你需要捕捉 Internet Explorer 的安装过程。此外，软件包非常昂贵(keygen 可以免费获得，但是不道德)。

5. 火狐浏览器

选项1(懒) :
Utilu Mozilla Firefox Collection .此工具包含所有 Firefox 版本(200 + MB)的安装程序。还包括 Firebug、 WebDeveloper 工具栏和 Flash。

选项2 :
可以轻松地同时安装和执行多个 Firefox 版本。

  1. 下载 Mozilla 的官方 个人资料经理。
  2. 从 http://releases.mozilla.org/pub/mozilla.org/firefox/releases/下载相关的 Firefox 版本，旧版本可以在 Ftp.mozilla.org找到。
  3. 安装每个 Firefox 版本。可以方便地选择一个主目录(“ Firefox”) ，并使用版本号作为子目录(“3.6”)的名称。
  4. 扩展: 启动 最老的 Firefox 版本，获得你最喜欢的扩展:
    • Firebug -旧版 Firefox 的必备软件。最新的 Firefox 版本并不需要，因为它有一套不错的 内置的开发工具。
    • HttpFox -一个测量 HTTP 请求的简单而有效的工具。
    • Web Developer -一个用于 Web 开发的非常有用的工具栏，可以节省很多时间。
    • Console 2 -增强内置控制台(Ctrl Shift> J)。
  5. 首选项: Tools > Options(Windows) ，Edit > Preferences(Linux)
    • 一般: 首页
    • 安全性: 取消所有设置，除了“当网站尝试安装附加组件时提醒我”。
      (不要忘记通过底部的按钮查看警告消息设置)。
    • 高级:
      • 一般情况:
        • 检查默认浏览器: off
        • 提交坠机报告: 关闭
      • 更新: 禁用所有更新
  6. 清理: 关闭所有标签，按 Ctrl Shift Del并检查所有内容。然后关闭 Firefox。
  7. Firefox 的 < strong > Profile Manager :
    screenshot
    • 通过 Copy选项复制每个配置文件。
    • 一个 对话框 < sup > 截图 打开。选择一个合适的名称(例如 Firefox 3.6)和一个目的地。
    • 使用 Firefox version选项为配置文件选择默认的 Firefox 版本。
    • 还要选中 Start new instance [-no-remote]框，以允许同时运行多个 Firefox 版本。
  8. 收尾
    • 使用 Start Firefox按钮启动 Firefox 实例。
    • 让附加组件兼容性检查在必要时运行和更新。
    • 使用 Ctrl Shift Del清除缓存、历史等。
    • 对每个 Firefox 版本重复这个步骤。

6. 歌剧

Opera : 在 Opera上有一个所有安装程序的列表。多个版本可以并排安装，没有任何问题。在安装过程中，选择“ Custom”和一个 与众不同目录。
在安装时，还可以选择对所有用户使用相同的配置文件。

重要首选项: 设置 > 首选项 > 高级 > 安全 > 不要检查更新。

注意: Opera 15 + 使用与 Chrome 相同的渲染和 JavaScript 引擎。

7. 铬

Chrome : 可以从 文件 Hippo下载独立的安装程序。
也可以并行运行多个 Chrome 版本。

虽然可以使用 Sandboxie，但建议使用下一个本机方法，以便并行运行多个版本。

  1. 从 文件 Hippo下载所需的版本。
  2. 创建 主目录，例如 C:\Chrome\。
  3. 提取 安装程序(= 没有安装) ，例如使用 7-Zip。
    解压缩后，创建一个 chrome.7z归档文件。同时解压缩这个文件，并下降创建的 Chrome-bin目录。
    现在，您可以看到 chrome.exe和类似于 18.0.1025.45的 dir。
    将 chrome.exe移至 18.0.1025.45，然后将此目录移至 C:\Chrome。可以安全地删除 Chrome-bin中的其余文件。

  4. 创建一个快捷方式 每个版本:

    "C:\Chrome\18.0.1024.45\chrome.exe" --user-data-dir="..\User Data\18" --chrome-version=18.0.1025.45

    这条捷径的解释是:

    • 这是 发射器
    • 用户配置文件，相对于 chrome.exe的位置。你也可以使用 --user-data-dir="C:\Chrome\User Data\18"来达到同样的效果。旧版本的 Chrome 拒绝使用新版本的用户配置文件。
    • 二进制文件的 --chrome-version=18.0.1025.45 & bull; 地点:
      • 位置(例如 18.0.1025.45)必须是目录的名称:
      • 必须以数字开始和结束。中间可能会出现一个点。
      • 这些数字不一定要与实际版本号匹配(尽管使用实际版本号比较方便...)。

关于配置: 所有的首选项都可以设置在 chrome://settings/。我通常会更改主页和“下的引擎盖”设置。

由于 Chrome 发布了很多版本，所以安装所有版本是不切实际的。我已经创建了一个自动执行这些步骤的 VB 脚本，所以我只需要存储安装程序，然后在需要测试旧版本的 Chrome 时运行这个脚本: https://gist.github.com/Rob--W/2882558

8. 旅行

注意: Windows 上的 Safari 支持已经停止。Windows 上最新支持的 Safari 版本是5.1.7; 您需要一个 Mac 或 OS X VM 来测试新版 Safari 中的站点。

Safari 并行执行 不是天生的支持者多个版本或用户配置文件。Safari 4是 濒临死亡，所以您只需要测试5。*.所有 Safari 版本都可以从 旧应用下载。

  • 下载并安装 Safari 5.0。
  • 启动 Safari，设置您的偏好。
  • 为每个额外的安装 创建一个新的 沙盒沙箱。
    最初安装 最老的版本非常重要，这样用户配置文件就可以通过更新的版本进行调整。
  • 有关在 Sandboxie 安装的详细信息，请参阅 沙盒和 Internet Explorer部分。

开发工具必须通过 Preferences > Advanced > Show Developer menu in menu bar启用，安装完 Safari 后，通过 Control panel > Add/Remove software卸载苹果软件更新器。

9. 开发工具(和快捷方式)

10. 测量设置时间和磁盘空间

  • 设置基本环境需要 30分钟。
  • 安装浏览器不需要太多时间。
  • 根据浏览器的数量，配置它们可能需要一些时间。 < br > < br >
  • 使用本指南中列出的浏览器设置 WinXP 虚拟机 + Opera 12 beta:
    • 下载大小: 585 MB
    • 12个浏览器
    • 使用时间: 1:09小时(32分钟到达 IE)
    • 电器大小: 1.1克/进口大小: 2.2克。
    • 详细日志: http://pastebin.com/R7WGPK99
  • 为详细的浏览器兼容性测试设置一个巨大的 WinXP VM:

每个浏览器所需的时间(安装和配置)

  • 歌剧: 2分钟
  • Internet Explorer: 3分钟 *
  • 旅行: 4分钟 *
  • 火狐: 5分钟
  • Chrome: 6分钟

* 不包括设置沙盒的时间(少于1分钟)。

11. 最佳使用

安装完成后，使用 CCleaner 清理垃圾，然后:

  • 导出设备(该设备可以在其他地方保存为备份)。
  • 删除新创建的虚拟机
  • 导入设备(这些步骤减少 VM 的文件大小)
  • 创建快照(用作检查点)

从现在开始，当您完成测试网页，关闭虚拟机，并选择“还原快照”。这将使您的 VM 保持整洁和快速。

Turn off machine > Restore snapshot

首页: http://10.0.2.2:8888/

客户操作系统可以通过 IP 地址 10.0.2.2访问主机操作系统。在端口 8888上运行的服务器可以通过 http://10.0.2.2:8888/在客户端访问，即使主机没有互联网连接。

因此，建议将 http://10.0.2.2:8888/设置为主页。

可能的用例:

  • 测试单个页面。
  • 根据公开的 User 代理(例如通过重定向)自动显示某个页面。
  • Fiddle: 在 Chrome 中创建一个小提琴，并在 Firefox 中测试它。
  • 共享文本和链接。

前面的所有内容都可以很容易地在一个简单的服务器上实现(例如，我使用了 Node.js)。

小开

微软最近开始提供一项名为 Modern.IE 的免费服务:

现代 IE 是我的微软制造跨浏览器的一项事业 测试 Internet Explorer 浏览器更容易 为开发人员和设计人员提供一套 方便 IE 浏览器测试的工具。

有了现代.IE，你有两种方法来测试你的网站在 IE。 首先，Modern. IE 为您提供三个月的免费网络使用 浏览器测试服务 BrowserStack 登录并开始测试。

IE 提供的第二种方法是每种方法的虚拟化映像 浏览器从 IE6到 IE10，可以在虚拟化上运行 类似 VirtualBox，Virtual PC，Hyper-V 或 VMWare Player 的软件 Windows，Mac 或 Linux。

此外，Modern.IE 还提供了一个扫描网页的工具 为常见的编码问题，并列出他们，以便您纠正这些问题 它们在所有 IE 版本中都能正确显示。

资料来源: 现代.IE-跨浏览器 IE 测试工具套件

注意: 链接的文章已经被删除。链接现在转到该页面的 时光倒流机归档文件。


提交答案