跨浏览器testing：一台机器上的所有主stream浏览器

本指南的目的：

• 运行多个未经修改的本机版本的Internet Explorer，
  Safari，Opera，Chrome和Firefox 在一台机器上并排放置 。

第1部分涵盖：

• 目录
• 哪些浏览器需要testing？
• 如何创build一个快速启动的Windows XP虚拟机，永不过期？
• 哪里可以下载必要的软件（VM映像，浏览器等）？

第2部分还包括：

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

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

Answer 1

内容

1. 哪些浏览器需要testing？
   • 经验法则：应该包含哪些浏览器？
2. 制备
   • Windows XP
   • Windows 7 +（用于IE9 +）
   • 浏览器下载
     • IE浏览器
     • 火狐
     • 歌剧
     • 铬
     • 苹果浏览器
     • Adobe Flash Player
   • 下载总结
3. 沙盘

   第2部分：安装和configuration

4. IE浏览器
5. 火狐
6. 歌剧
7. 铬
8. 苹果浏览器
9. 开发人员工具（和快捷方式）
10. 测量build立时间和磁盘空间
    • 每个浏览器所需的时间（安装和configuration）
11. 最佳使用
    • 主页在http://10.0.2.2:8888/

---

1.哪些浏览器需要testing？

统计资料很快就过时了。 出于这个原因，我参考了Wikipedia 上Web浏览器的Usage份额 ，以及以下网站的最新浏览器版本信息。 每个站点都有一个简短的使用指南。

• 我可以使用 – 浏览器使用情况表，基于来自StatCounter和其他来源的数据。
• StatCounter – 统计：浏览器版本| 时间段：上个月的^截图 。
• W3Counter – 查看存档报告： January 2012 （select上个月）。 ^截图 。
• 维基媒体 – 到底部打开最新的报告，SquidReportClients。
• Clicky – 这个网站提供个别版本的统计数据^截图 。

经验法则：应该包含哪些浏览器？

• Firefox ：最新的ESR版本 +最新稳定的主要版本。 ^{发行说明 | 对于开发人员 | 快速发布时间表}
• Opera ：12.x +最新的稳定版本。 ^版本历史
  自Opera 15以来，Opera使用与Chrome相同的引擎。 尽pipe很多用户仍在使用Opera 12（当Opera 15发布时，用户体验显着改变）。
• Safari ：5.1.7（Windows）+最新版本。 ^发行说明
  不幸的是，苹果公司放弃了对Windows的支持，所以你需要在一台虚拟机上运行一个Mac或者运行OS X来testingSafari中的页面。
• Chrome ：最新的稳定版本。 ^发行说明
• Internet Explorer ：IE8 +。 ^{function历史}
  这实际上取决于你的客户。 本指南教导如何获得IE6和7，但这些浏览器已经死亡，或接近死亡。 IE8是Windows XP上最后一个受支持的Internet Explorer版本，这个版本仍然使用了很多。

备注

现在，大多数网页浏览器都使用某种forms的自动更新的快速发布。 在编写本指南时，发布并不经常，因此build立一套浏览器而不必回头看看是非常有用的。
除非您故意要在旧版浏览器中testing应用程序，否则只需获取最新版本的浏览器，并让自动更新程序负责pipe理版本。

如果你不需要太多的灵活性，并且很快想testing一个页面，我build议去看看BrowserStack.com 。 注册后，您可以获得30分钟的免费试用，直接在浏览器中访问大量桌面和移动浏览器。

---

2.准备

在设置机器之前，请下载所有必要的文件（请参阅本节末尾的“下载摘要”）。 所有文件将通过共享文件夹与虚拟机共享^{什么？ 怎么样？} 。

• 虚拟化软件（推荐使用VirtualBox ，即使是商业用途也是免费的。下面的说明是用VirtualBox来编写的。）
• Windows XP
  • 从modern.IE网站下载VirtualBox的IE6 XP映像。 提取.ova文件并运行它将其导入到VirtualBox。 （图像也可用于其他虚拟化产品，如VMware，Parallels，Virtual PC和Hyper-V）
    • Windows上的VirtualBox的IE6 XP映像 ^大约764MB
    • Mac上的VirtualBox的IE6 XP图像 ^大约717MB
    • Linux上的VirtualBox的IE6 XP映像 ^大约771MB
  • 准备使用的图像：
    • VirtualBox设置 ：启用networking适配器，但不要将虚拟机连接到真实的networking。
    • VirtualBox设置 ：创build一个只读的共享文件夹。 该文件夹将用于在主机操作系统和来宾操作系统之间传输数据。
    • 运行net use x: \\vboxsvr\WinShared （假设共享文件夹名为WinShared ，这会将networking目录绑定到x:驱动器）。
    • 可选 ：如果要使用图像超过30天，请安装AntiWPA以禁用激活检查。
    • 可选 ： 禁用分页文件 （计算机>属性>高级>性能>高级>虚拟内存>更改>无分页>设置[确认]）。
    • 可选 ：通过“ Start > Run > services.msc禁用不必要的 services.msc
      按列Startup Type对行进行sorting，并根据图像将所有“自动”服务切换为“手动”。 每当你想安装一个MSI包，运行net start msiServer （“Windows Installer”）：
      
    • 可选 ： 禁用桌面清理向导 ： Desktop > Properties > Desktop > Customize Desktop > Disable "Desktop Cleanup wizard every 60 days"
    • 可选 ：安装和configurationSandboxie （用于在同一IE6虚拟机上运行IE7和IE8）
    • 可选 ：安装CCleaner ，运行它来configuration它并清理垃圾。
    • 可选 ：安装7-Zip （用于多个Chrome浏览器）
    • 通过客户操作系统（WinXP）closures系统。
    • VirtualBox设置 ：将虚拟机连接到一个真实的networking。
      （安装期间只有Internet Explorer需要Internet）
    • 可选 ：为您的虚拟机创build一个快照，以便您在下一步中陷入困境时进行恢复。
• Windows 7 +（用于IE9 +）
  • 从modern.IE网站下载预先构build的虚拟机映像。
    这些图像被定期轰炸，首次使用后30天到期。 图像过期后，使用一小时后会closures。 如果您不希望每次都重新创build映像，请在激活映像之前更改虚拟机的硬件时钟。
    例如，在VirtualBox中，您可以使用VBoxManage modifyvm NAME_OF_VM --biossystemtimeoffset [phone]将时间设置为将来1000小时（如果您希望将其设置为过去的某个点，请使用减号）。
• 浏览器下载
  • IE浏览器：
    • 推荐的方法，如果你想在一台机器上的IE 6-8：
      • 需要Sandboxie （我build议支付完整版本，或在YouTube上看 ）。
      • IE6 – 预装在XP虚拟机中
      • IE7和IE8完全脱机安装程序
      • Internet Explorer开发工具栏 （ 发布信息 ）（用于IE6 + 7）
    • IE9 + – 使用modern.IE的预build图像）。
  • 火狐：
    • Profile Manager ^{轻松pipe理多个configuration文件}
    • 从Mozilla.org下载最新版本 。
    • 从ftp.mozilla.org下载旧版本（如果您只对最近的旧版本感兴趣，请参阅releases.mozilla.org ）。
    • 或者，使用Utilu Mozilla Firefoxcollections 。
  • 歌剧：
    • 从Opera.com下载任何Opera版本。
  • 铬：
    • 下载7-zip提取Chrome安装程序。
    • 在FileHippo.com下载特定版本。 确保您select“FileHippo”镜像来获取存档版本。 否则，您将被redirect到Google服务器的最新版本。
  • 苹果浏览器：
    • 从Apple.com下载最新版本。
    • 从Oldapps.com下载其他版本。
  • Adobe Flash Player
    • 如果Flash必须在IE6中工作，请下载10.3 ^{MB 3 MB} 。 否则，请下载最新版本 。
    • 下载其他浏览器的最新插件。

下载总结

为了方便起见，将所有安装文件放在共享文件夹中是明智的做法。 以下是所有必需文件（每个步骤）的简要（完整）列表：

• Windows上的VirtualBox的IE6 XP映像 ^大约764MB
• Mac上的VirtualBox的IE6 XP图像 ^大约717MB
• Linux上的VirtualBox的IE6 XP映像 ^大约771MB
• AntiWPA ^{24 KB; 误报 ; md5：e5a14c47e9c26e78fccb22ee71fedd51} ， CCleaner ^{3.5 MB} ， Sandboxie ^{2.3 MB}
• 浏览器（ Firefox + Profile manager ， Opera ， Chrome ， Safari ）
  IE7 XP和IE8 XP安装程序可以在这里下载： IE7 ， IE8
• 7-zip ^{1.1 MB}提取Chrome的安装程序。
• IE6 +的ActiveX 10.3 ，其他浏览器的最新插件版本 。
• 用于IE6和7的IE开发工具栏 ^{626 KB}

---

3.沙盒

Sandboxie是一个在沙箱中运行应用程序的轻量级工具。 它也可以用来在一台Windows机器上安装多个版本的IE / Safari 。

• 下载 ： http : //sandboxie.com/index.php? DownloadSandboxie
• 补丁 ：扩展版本是一次启用多个沙箱所必需的 。 支付他们或访问YouTube 。
  同时运行多个IE / Safari版本需要扩展版本。 如果您不介意一次testing一个IE / Safari版本，则标准版本就足够了。

  安装后：

• 禁用提示 ：“configuration>提示>隐藏所有提示”
• 默认情况下，沙盒应用程序周围将出现黄色边框。 如果你不喜欢这个，去configuration基地 ：“沙盒>默认盒子>沙盒设置>外观”。

  对于每个新的IE / Safari版本，您必须遵循以下步骤：

• 创build ：“沙箱>创build新沙箱” – input一个名称，例如“IE8”并确认。
• 安装 ：“IE8>运行沙盒>运行任何程序”
  select所需的安装程序，然后按确定。
• 快捷方式 ：完成安装后，使用“IE8>浏览内容”，find二进制文件并创build一个桌面快捷方式到应用程序。

所有沙盒文件/registry更改都保存在C:\Sandbox 。 此目录中的应用程序默认在沙箱中启动。 其他程序可以通过上下文菜单轻松地在沙盒中启动：“运行沙盒” 或 “发送到沙盒”>“IE8”。

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

导航到： 第2部分

Answer 2

第2部分的内容 （导航到： 第1部分 ）

4. Internet Explorer
5. Firefox
6.歌剧
7. Chrome
8. Safari
9.开发人员工具（和快捷方式）
10.测量build立时间和磁盘空间
•每个浏览器所需的时间（安装和configuration）
11.最佳使用
•主页http://10.0.2.2:8888/

---

安装和configuration

浏览器configuration提示：

• 主页
• 禁用检查：“默认浏览器”和“更新”。
• 激活开发人员工具

---

4. Internet Explorer

Windows 7不允许运行较旧的IE实例， ^{但请参阅下面的注释} 。 这就是为什么需要Win XP虚拟机。

IE不能降级，所以从最低版本开始，然后在单独的Sandboxie中升级IE。 升级之前，请在最低浏览器版本中设置首选项，以便只需设置一次主偏好设置即可。

• IE6 – 在WinXP中默认安装
• IE7 / IE8 – 安装在Sandboxie（WinXP）
• IE9 + – 从modern.IE网站获取预build的Windows虚拟机映像。
  这些图像首次使用后30天到期。 图像过期后，使用一小时后会closures。 如果您不希望每次都重新创build映像，请在激活映像之前更改虚拟机的硬件时钟。
  例如，如果您使用VirtualBox，启动terminal并发出以下命令（用合理的东西replace大写的名字）：
  VBoxManage modifyvm NAME_OF_VM --biossystemtimeoffset <OFFSET IN MS, prefixed by plus or minus>

IE6（甚至IE5.5）的完全离线安装程序可以在这个网站上find 。

对于IE6和IE7，应安装Internet Explorer开发人员工具栏 。 IE8 + 内置了F12开发工具 。

组态

• 启动IE6设置：主页，安全，Cookies，默认浏览器。
• IE7：通过（IE7 Sandboxie）registry摆脱首页运行页面。 在微软的TechNet论坛上看到这篇文章 。
• IE8：摆脱“设置Windows Internet Explorer 8”对话框。 这可以通过启动IE8，然后单击“稍后”或修改registry来完成 。

实际上可以通过应用程序虚拟化在Windows 7中运行IE6-8。 VMWare ThinApp运行良好，但需要花费相当多的时间进行设置，因为您需要捕获Internet Explorer的安装。 而且，这个软件包非常昂贵（keygens可以免费使用，但不道德）。

---

5. Firefox

选项1（懒惰） ：
Utilu Mozilla Firefoxcollections 此工具包含所有Firefox版本（200+ MB）的安装程序。 Firebug，Web Developer工具栏和Flash也包括在内。

选项2 ：
多个Firefox版本可以很容易地同时安装和执行。

1. 下载 Mozilla的官方Profile Manager 。
2. 从http://releases.mozilla.org/pub/mozilla.org/firefox/releases/下载相关的Firefox版本。; 旧版本可以在ftp.mozilla.orgfind。
3. 安装每个Firefox版本。 select一个主目录（“Firefox”）很方便，并使用版本号作为子目录（“3.6”）的名称。
4. 扩展：启动最旧的 Firefox版本，并获得您最喜爱的扩展：
   • Firebug – 旧版Firefox的必备软件。 最新的Firefox版本并不是真的需要，它有一套很好的内置开发工具 。
   • HttpFox – 一个简单而有效的工具来衡量HTTP请求。
   • Web开发人员 – 一个非常有用的Web开发工具栏。 节省很多时间。
   • 控制台² – 增强内置的控制台（ Ctrl Shift> J ）。
5. 首选项： Tools > Options （Windows）， Edit > Preferences （Linux）
   • 一般：主页
   • 安全性：取消选中所有设置，除了“网站尝试安装加载项时发出警告”外。
     （不要忘记查看警告消息设置，通过底部的button）。
   • 高级：
     • 一般：
       • 检查默认浏览器：closures
       • 提交崩溃报告：closures
     • 更新：禁用所有更新
6. 清理：closures所有选项卡，按Ctrl Shift Del并检查一切。 然后closuresFirefox。
7. Firefox的个人资料pipe理器 ：
   
   • 通过Copy选项复制每个configuration文件。
   • 对话框^截图打开。 select一个合适的名字（例如Firefox 3.6 ）和一个目的地。
   • 使用Firefox version选项为configuration文件select默认的Firefox版本。
   • 同时检查Start new instance [-no-remote]框，以允许同时运行多个同时运行的Firefox版本。
8. 完成
   • 使用“ Start FirefoxbuttonStart Firefox一个实例。
   • 让附加兼容性检查运行并在必要时进行更新。
   • 使用Ctrl Shift Del清除caching，历史logging等。
   • 为每个Firefox版本重复此步骤。

---

6.歌剧

Opera ： Opera.com提供所有安装程序的列表。 多个版本可以并排安装，没有任何问题。 在安装过程中，select“自定义”和一个不同的目录。
在安装时，还要为所有用户select相同的configuration文件。

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

注意：Opera 15+使用与Chrome相同的呈现和JavaScript引擎。

---

7. Chrome

Chrome ：可以从File Hippo下载独立安装程序。
也可以并排运行多个Chrome版本。

尽pipe可以使用Sandboxie，但build议使用下一个本地方法来并行运行多个版本。

1. 从File Hippo下载所需的版本。
2. 创build一个主目录，例如C:\Chrome\ 。
3. 解压缩安装程序（= 不安装 ），例如使用7-Zip 。
   解压后，会创build一个chrome.7z压缩文件。 同时提取这个文件，并下载创build的Chrome-bin目录。
   现在，您会看到chrome.exe和一个像18.0.1025.45的目录。
   将chrome.exe移至18.0.1025.45 ，然后将此目录移至C:\Chrome 。 Chrome-bin的其余文件可以安全地删除。

4. 为每个版本创build一个快捷方式：

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

   这个捷径的解释：

   • "C:\Chrome\18.0.1024.45\chrome.exe" •这是启动器
   • --user-data-dir="..\User Data\18" •用户configuration文件，相对于chrome.exe的位置。 你也可以使用--user-data-dir="C:\Chrome\User Data\18"来达到同样的效果。 为最低的 Chrome版本设置首选项，并为每个 Chrome版本复制用户个人资料。 较旧的Chrome版本拒绝使用新版本的用户configuration文件。
   • --chrome-version=18.0.1025.45 •二进制文件的位置 ：
     • 位置（例如18.0.1025.45 ）必须是目录的名称：
     • 必须以数字开头和结尾。 点之间可能会出现。
     • 这些数字不一定要与真正的版本号相匹配（尽pipe使用真正的版本号很方便…）。

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

• 禁用自动更新： http : //dev.chromium.org/administrators/turning-off-auto-updates

随着大量的Chrome版本，安装所有版本是不实际的。 我已经创build了一个VB脚本来自动执行这些步骤，所以我只需要存储安装程序，然后在需要testing旧版Chrome时运行脚本： https ： //gist.github.com/Rob–W/2882558

---

8. Safari

注意：Windows上的Safari支持已经停止。 Windows上最后一个受支持的Safari版本是5.1.7; 您需要使用Mac或OS X虚拟机，以更新的Safari版本testing您的网站。

Safari本身不支持多个版本或用户configuration文件。 Safari 4已经接近死亡 ，所以你只需要testing5. *。 所有的Safari版本都可以从旧应用程序下载。

• 下载并安装Safari 5.0 。
• 启动Safari，设置你的喜好。
• 为每个额外的安装创build一个新的Sandboxie沙箱 。
  最初安装最早的版本非常重要，以便用户configuration文件可以通过更新的版本进行修改。
• 有关在Sandboxie中安装的更多信息，请参阅Sandboxie和Internet Explorer部分。

开发人员工具必须通过Preferences > Advanced > Show Developer menu in menu bar启用。 安装Safari后，请通过Control panel > Add/Remove software卸载Apple软件更新程序。

---

9.开发人员工具（和快捷方式）

• IE浏览器
  • IE6 / IE7： Internet Explorer开发工具栏
  • IE8 F12 开发工具 ^内置
  • IE9 + F12 F12开发工具 ^内置
• 火狐
  • 3.6 + F12 Firebug （请参阅addons.mozilla.org ）
  • 4+ Ctrl Shift K Web控制台 ^内置
  • 所有Ctrl Shift J错误控制台^内置 （使用控制台²可扩展）
• 歌剧
  • 9.5+ Ctrl Shift I Opera蜻蜓 ^内置
  • 15 + Ctrl Shift J ^内置 Chromium开发者工具 。
• 铬
  • 所有Ctrl Shift J Chrome开发者工具 ^内置 。
• 苹果浏览器
  • 4 + Ctrl Alt C ^内置 Safari开发者工具 。 这些工具默认是禁用的。 通过Preferences > Advanced > Show Developer menu in menu bar启用它。

---

10.测量build立时间和磁盘空间

• build立基础环境需要30分钟 。
• 安装浏览器不需要太多时间。
• 根据浏览器的数量，configuration它们可能需要一些时间。
• 使用本指南+ Opera 12 beta中列出的浏览器设置WinXP虚拟机：
  • 下载大小：585MB
  • 12浏览器
  • 使用时间：1:09小时（32分钟到达IE）
  • 电器尺寸：1.1G /import尺寸：2.2G。
  • 详细日志： http ： //pastebin.com/R7WGPK99
• 设置一个巨大的WinXP虚拟机来进行详细的浏览器兼容性testing：
  • 24浏览器
  • 使用时间：2:15小时
  • 设备尺寸：1.4G /import尺寸：3.0G
  • 日志： http : //pastebin.com/SJEgxNyr

每个浏览器所需的时间（安装和configuration）

• 歌剧：2分钟
• Internet Explorer：3分钟*
• Safari：4分钟*
• Firefox：5分钟
• Chrome：6分钟

*不包括设置Sandboxie Sandbox的时间（<1分钟）。

---

11.最佳使用

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

• 导出设备（该设备可以作为备份保存在别处）。
• 删除新创build的虚拟机
• 导入设备（这些步骤会减lessVM的文件大小）
• 创build一个快照（用作检查点）

从现在起，当您完成网页testing时，请closures虚拟机，然后select“恢复快照”。 这将保持您的VM整洁和快速。

主页在http://10.0.2.2:8888/

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

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

可能的用例：

• testing一个页面。
• 自动显示某个页面，具体取决于公开的用户代理（例如，通过redirect）。
• 小提琴：在Chrome中创build一个小提琴，并在Firefox中testing它。
• 分享文字和链接。

以前的所有function都可以在一个简单的服务器上轻松实现（例如，我使用了Node.js ）。

Answer 3

为了说明一下，微软最近开始提供一个名为modern.IE的免费服务。

modern.IE是我的微软承诺为Internet Explorer浏览器进行跨浏览器testing更容易。 微软创造了modern.IE，为开发人员和devise人员提供了一套工具来促进IE浏览器的testing。

随着modern.IE你有两种方法在IE中testing你的网站。 首先，modern.IE为您提供三个月免费使用的基于networking的浏览器testing服务BrowserStack。 你只需要一个Facebook帐户login并开始testing。

第二种方法modern.IE提供了从IE 6到IE 10的每个浏览器的虚拟化映像，可以在Windows，Mac或Linux上的VirtualBox，Virtual PC，Hyper-V或VMWare Player等虚拟化软件上运行。

此外，modern.IE还提供了一个工具，可以扫描您的网页中常见的编码问题，并列出来供您更正，以便在所有IE版本中正确显示。

modern.IE – 跨浏览器IEtesting工具套件