139

本指南的目的：

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

第 1 部分涵盖：

  • 目录
  • 哪些浏览器需要测试？
  • 如何创建一个快速启动且永不过期的 Windows XP VM？
  • 在哪里可以下载必要的软件（VM 映像、浏览器等）？

第 2 部分还介绍了：

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

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

4

3 回答 3

101

内容

  1. 哪些浏览器需要测试？
    • 经验法则：应该包括哪些浏览器？
  2. 准备
    • 视窗
    • Windows 7+（适用于 IE9+）
    • 浏览器下载
      • IE浏览器
      • 火狐
      • 歌剧
      • 铬合金
      • 苹果浏览器
      • Adobe Flash 播放器
    • 下载摘要
  3. Sandboxie

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

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

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

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

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

  • Firefox：最新的ESR 版本+ 最新的稳定主要版本。发行说明| 对于开发人员| 快速发布时间表
  • Opera：12.x + 最新稳定版本。版本历史
    从 Opera 15 开始，Opera 使用与 Chrome 相同的引擎。不过，相当多的用户仍在使用 Opera 12（当 Opera 15 发布时，用户体验发生了显着变化）。
  • Safari : 5.1.7 (Windows) + 最新版本。发行说明
    不幸的是，Apple 放弃了对 Windows 的支持，因此您需要获得 Mac 或在 VM 中运行 OS X 才能在 Safari 中测试页面。
  • Chrome：最新的稳定版本。发行说明
  • 互联网浏览器：IE8+。功能历史
    这实际上取决于您的客户。本指南还教授如何获取 IE6 和 7，但这些浏览器已经死了，或者接近死了。IE8 是 Windows XP 上最后一个受支持的 Internet Explorer 版本，它仍然被大量使用。

评论

如今，大多数网络浏览器都使用某种形式的自动更新快速发布。在编写本指南时，发布的频率并不高，因此无需回顾即可设置一组浏览器很有用。
除非您有意在旧浏览器中测试应用程序，否则只需获取最新版本的浏览器并让自动更新程序负责管理版本。

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

2. 准备

在设置机器之前，请下载所有必要的文件（参见本节末尾的“下载摘要”）。所有文件都将通过共享文件夹与虚拟机共享什么？如何？.

  • 虚拟化软件（推荐使用VirtualBox，商业使用也是免费的。下面的说明是用VirtualBox编写的。）
  • 视窗
    • 从modern.IE网站下载 VirtualBox 的 IE6 XP 映像。提取.ova里面的文件并运行它以将其导入VirtualBox。（图像也可用于其他虚拟化产品，例如 VMware、Parallels、Virtual PC 和 Hyper-V）
    • 准备使用的图像：
      • VirtualBox 设置：启用网络适配器，但不要将VM 连接到真实网络。
      • VirtualBox 设置：创建只读共享文件夹。此文件夹将用于在主机操作系统和来宾操作系统之间传输数据。
      • 运行net use x: \\vboxsvr\WinShared（假设共享文件夹被调用WinShared。这会将网络目录绑定到x:驱动器）。
      • 可选：安装AntiWPA以禁用激活检查，如果您将使用映像超过 30 天。
      • 可选：禁用分页文件（计算机 > 属性 > 高级 > 性能 > 高级 > 虚拟内存 > 更改 > 无分页 > 设置 [确认]）。
      • 可选：通过 Order the rows by column禁用不必要的服务，并将所有“自动”服务切换为“手动”，根据图像。每当您想安装 MSI 软件包时，请运行（“Windows Installer”）：Start > Run > services.msc
        Startup Typenet start msiServer
        Windows XP - services.msc
      • 可选：禁用桌面清理向导：Desktop > Properties > Desktop > Customize Desktop > Disable "Desktop Cleanup wizard every 60 days"
      • 可选：安装和配置Sandboxie（用于在同一 IE6 虚拟机上运行 IE7 和 IE8）
      • 可选：安装CCleaner，运行它来配置它并清理垃圾。
      • 可选：安装7-Zip（用于多个 Chrome）
      • 通过来宾操作系统 (WinXP) 关闭系统。
      • VirtualBox 设置：将虚拟机连接到真实网络。
        （只有 Internet Explorer 在安装过程中需要 Internet）
      • 可选：创建 VM 的快照，以便在下一步搞砸时可以恢复。
  • Windows 7+（适用于 IE9+）
    • 从modern.IE网站下载预构建的虚拟机映像。
      这些图像是定时炸弹，它们在首次使用后 30 天过期。当图像过期时，它们会在使用一小时后关闭。如果您不希望每次都重新创建映像，请在激活映像之前更改 VM 的硬件时钟。
      例如，在 VirtualBox 中，您可以使用VBoxManage modifyvm NAME_OF_VM --biossystemtimeoffset +3600000000将时间设置为未来 1000 小时（如果要将其设置为过去的某个时间点，请使用减号）。
  • 浏览器下载

下载摘要

为方便起见，最好将所有安装文件放在共享文件夹中。这是所有必要文件的简短（完整）列表（按步骤排序）：

3.沙盒

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

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

    安装后：
  • 禁用提示：“配置 > 提示 > 隐藏所有提示”
  • 默认情况下，沙盒应用程序周围会出现黄色边框。如果您不喜欢这样，请转到配置基础：“沙盒 > 默认框 > 沙盒设置 > 外观”。

    对于每个新的 IE/Safari 版本，您必须遵循以下步骤：
  • 创建：“Sandbox > Create New Sandbox” - 输入名称，例如“IE8”并确认。
  • 安装：“IE8 > Run Sandboxed > Run Any Program”
    选择所需的安装程序，然后按 OK。
  • 快捷方式：完成安装后，使用“IE8 > 浏览内容”，找到二进制文件并创建应用程序的桌面快捷方式。

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

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

导航至：第 2 部分

于 2012-05-10T20:16:39.587 回答
60

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

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

安装和配置

浏览器配置提示：

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

4. 互联网浏览器

Windows 7 不允许运行较旧的 IE 实例，但请参阅下面的注释。这就是需要 Win XP VM 的原因。

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

  • IE6 - 在 WinXP 中默认安装
  • IE7 / IE8 - 在 Sandboxie (WinXP) 中安装
  • IE9+ - 从modern.IE网站获取预构建的 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 Developer Toolbar 。IE8+内置 F12 开发者工具。

配置

  • 启动IE6设置：首页、安全、Cookies、默认浏览器。
  • IE7：通过（IE7 Sandboxie）注册表摆脱第一个运行页面。请参阅Microsoft 的 TechNet 论坛上的此帖子。
  • IE8：摆脱“设置 Windows Internet Explorer 8”对话框。这可以通过启动 IE8，然后单击“稍后”或修改注册表来完成。

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

5.火狐

选项 1（懒惰）：
Utilu Mozilla Firefox Collection。此工具包含所有 Firefox 版本 (200+ MB) 的安装程序。Firebug、Web Developer 工具栏和 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 开发工具栏。节省很多时间。
    • 控制台2 - 增强了内置控制台 ( Ctrl Shift> J)。
  5. 首选项：Tools > Options（Windows），Edit > Preferences（Linux）
    • 一般：主页
    • 安全性：取消选中所有设置，“当站点尝试安装附加组件时警告我”除外。
      （不要忘记通过底部的按钮查看警告消息设置）。
    • 先进的：
      • 一般的：
        • 检查默认浏览器：关闭
        • 提交崩溃报告：关闭
      • 更新：禁用所有更新
  6. 清理：关闭所有选项卡，按下Ctrl Shift Del并检查所有内容。然后关闭火狐。
  7. Firefox 的配置文件管理器：
    截屏
    • Copy通过选项复制每个配置文件。
    • 将打开一个对话框屏幕截图。选择适当的名称（例如Firefox 3.6）和目的地。
    • 使用该Firefox version选项为配置文件选择默认的 Firefox 版本。
    • 还要选中该Start new instance [-no-remote]框，以允许同时运行多个 Firefox 版本。
  8. 整理起来
    • 使用该Start Firefox按钮启动 Firefox 实例。
    • 让插件兼容性检查运行并在必要时进行更新。
    • 使用 . 清除缓存、历史记录等Ctrl Shift Del。
    • 对每个 Firefox 版本重复此步骤。

6. 歌剧

Opera ： Opera.com上提供了所有安装程序的列表。多个版本可以并排安装，没有任何问题。在安装过程中，选择“自定义”和不同的目录。
在安装时，还选择对所有用户使用相同的配置文件。

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

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

7.铬

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

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

  1. 从File Hippo下载所需的版本。
  2. 创建一个主目录，例如C:\Chrome\.
  3. 提取安装程序（=不安装），例如使用7-Zip。
    解压后，chrome.7z会创建一个存档。还解压缩此文件，然后下降创建的Chrome-bin目录。
    现在，你看到chrome.exe了一个像18.0.1025.45.
    移动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

    此快捷方式的说明：

    • "C:\Chrome\18.0.1024.45\chrome.exe"• 这是启动器
    • --user-data-dir="..\User Data\18" • 用户配置文件，相对于 的位置chrome.exe。您也可以使用--user-data-dir="C:\Chrome\User Data\18"相同的效果。为最低Chrome 版本设置您的偏好，并为每个Chrome 版本复制用户配置文件。较旧的 Chrome 版本拒绝使用新版本的用户配置文件。
    • --chrome-version=18.0.1025.45•二进制文件的位置：
      • 位置（例如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沙箱。
    最初安装最旧的版本很重要，以便用户配置文件可以适应较新的版本。
  • 有关在 Sandboxie 中安装的更多信息，请参阅Sandboxie和Internet Explorer部分。

开发者工具必须通过Preferences > Advanced > Show Developer menu in menu bar. 安装 Safari 后，通过Control panel > Add/Remove software.

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

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

  • 设置基本环境需要30 分钟。
  • 安装浏览器不需要太多时间。
  • 根据浏览器的数量，配置它们可能需要一些时间。

  • 使用本指南 + Opera 12 beta 中列出的浏览器设置 WinXP VM：
    • 下载大小：585MB
    • 12 个浏览器
    • 所用时间：1:09 小时（32 分钟到达 IE）
    • 设备大小：1.1G/进口大小：2.2G。
    • 详细日志： http: //pastebin.com/R7WGPK99
  • 设置一个巨大的 WinXP VM 进行详细的浏览器兼容性测试：
    • 24 个浏览器
    • 使用时间：2:15 小时
    • 电器尺寸：1.4G/进口尺寸：3.0G
    • 日志： http: //pastebin.com/SJEgxNyr

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

  • 歌剧：2分钟
  • Internet Explorer：3 分钟 *
  • 野生动物园：4 分钟 *
  • 火狐：5 分钟
  • 铬：6 分钟

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

11. 优化使用

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

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

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

关闭机器 > 恢复快照

主页在http://10.0.2.2:8888/

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

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

可能的用例：

  • 测试单个页面。
  • 根据暴露的用户代理（例如通过重定向）自动显示某个页面。
  • Fiddleing：在 Chrome 中创建一个 fiddle，并在 Firefox 中进行测试。
  • 分享文字和链接。

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

于 2012-05-10T20:17:13.317 回答
11

只是为了参与其中，微软最近开始提供一项名为modern.IE的免费服务：

Modern.IE 是我的 Microsoft 的一项任务，旨在简化 Internet Explorer 浏览器的跨浏览器测试。微软创建了modern.IE，为开发人员和设计人员提供了一套促进IE浏览器测试的工具。

使用modern.IE，您有两种方法可以在IE 中测试您的网站。首先，modern.IE 为您提供三个月免费使用基于 Web 的浏览器测试服务 BrowserStack。您只需要一个 Facebook 帐户即可登录并开始测试。

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

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

来源：modern.IE - 跨浏览器 IE 测试工具套件

注意：链接的文章已被删除。这些链接现在转到页面的Wayback Machine存档。

于 2013-02-06T05:41:20.417 回答