跨浏览器测试：一台机器上的所有主流浏览器

问题描述 投票：138回答：3

本指南的目标：

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

涵盖在part 1：

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

还包括在part 2：

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

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

internet-explorer browser cross-browser virtualization
3个回答
101
投票

Contents

  1. 哪些浏览器需要测试？ 经验法则：应包含哪些浏览器？
  2. 制备 Windows XP Windows 7+（适用于IE9 +） 浏览器下载 IE浏览器 火狐 歌剧 铬 苹果浏览器 Adobe Flash Player 下载摘要
  3. 沙盘 Part 2: Installation and configuration
  4. IE浏览器
  5. 火狐
  6. 歌剧
  7. 铬
  8. 苹果浏览器
  9. 开发人员工具（和快捷方式）
  10. 测量的设置时间和磁盘空间 每个浏览器所需的时间（安装和配置）
  11. 最佳使用 主页在http://10.0.2.2:8888/

1. Which browsers have to be tested?

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

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

  • Firefox：最新的ESR release +最新的稳定主要版本。 Release notes | For developers | Rapid release schedule
  • Opera：12.x +最新稳定版。 Version history 从Opera 15开始，Opera使用与Chrome相同的引擎。相当多的用户仍在使用Opera 12（当Opera 15发布时，UX显着改变了）。
  • qazxsw poi：5.1.7（Windows）+最新版本。 qazxsw poi 不幸的是，Apple放弃了对Windows的支持，因此您需要获取Mac或在VM中运行OS X来测试Safari中的页面。
  • Safari：最新稳定版。 Release notes
  • Chrome：IE8 +。 Release notes 这实际上取决于您的客户。本指南教导如何获得IE6和7，但这些浏览器已经死了，或者已经死了。 IE8是Windows XP上最后一个受支持的Internet Explorer版本，它仍然使用很多。

备注

目前，大多数Web浏览器都使用某种形式的快速发布和自动更新。编写本指南时，发布版本并不频繁，因此在不必回头的情况下设置一组浏览器很有用。 除非您有意在旧浏览器中测试应用程序，否则只需获取最新版本的浏览器并让自动更新程序负责管理版本。

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

2. Preparation

在设置机器之前，请下载所有必需的文件（请参阅本节末尾的“下载摘要”）。所有文件都将通过共享folderFeature history与虚拟机共享。

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

Download summary

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

3. Sandboxie

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

  • 下载：IE Developer toolbar
  • 修补程序：需要扩展版本才能一次启用多个沙箱。 Sandboxie他们或http://sandboxie.com/index.php?DownloadSandboxie。 同时运行多个IE / Safari版本需要扩展版本。如果您不介意一次测试一个IE / Safari版本，标准版本就足够了。 安装后：
  • 禁用提示：“配置>提示>隐藏所有提示”
  • 默认情况下，沙盒应用程序周围会出现黄色边框。如果您不喜欢这样，请转到配置基础：“沙箱>默认框>沙箱设置>外观”。 对于每个新的IE / Safari版本，您必须执行以下步骤：
  • 创建：“Sandbox> Create New Sandbox” - 输入名称，例如“IE8”并确认。
  • 安装：“IE8>运行沙盒>运行任何程序” 选择所需的安装程序，然后按OK。
  • 快捷方式：完成安装后，使用“IE8>浏览内容”，找到二进制文件并创建应用程序的桌面快捷方式。

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

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

导航至：visit YouTube

60
投票

第2部分的内容（导航至：C:\Sandbox）

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

Installation & configuration

浏览器配置提示：

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

4. Internet Explorer

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

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

  • IE6 - 默认安装在WinXP中
  • part 1 / http://10.0.2.2:8888/ - 安装在Sandboxie（WinXP）
  • IE9 + - 从IE7网站获取预构建的Windows虚拟机映像。 这些图像在首次使用后30天到期。当图像过期后，它们会在使用一小时后关闭。如果您不希望每次都重新创建映像，请在激活映像之前更改VM的硬件时钟。 例如。如果您使用VirtualBox，请启动终端并发出以下命令（将大写的名称替换为合理的名称）： IE8

IE6（甚至IE5.5）的完全离线安装程序可用modern.IE。

对于IE6和IE7，应安装VBoxManage modifyvm NAME_OF_VM --biossystemtimeoffset <OFFSET IN MS, prefixed by plus or minus>。 IE8 +有at this site。

组态

  • 启动IE6设置：主页，安全性，Cookies，默认浏览器。
  • IE7：通过（IE7 Sandboxie）注册表摆脱第一次运行页面。见Internet Explorer Developer Toolbar。
  • IE8：摆脱“设置Windows Internet Explorer 8”对话框。这可以通过启动IE8，然后单击“稍后”或built-in F12 Developer tools来完成。

实际上可以通过应用程序虚拟化在Windows 7中运行IE6-8。 this post on Microsoft's TechNet forum运行良好，但设置需要相当多的时间，因为您需要捕获Internet Explorer的安装。此外，软件包非常昂贵（keygens是免费提供的，但不道德）。

5. Firefox

选项1（懒惰）： modifying the registry。此工具包含适用于所有Firefox版本（200+ MB）的安装程序。还包括Firebug，Web Developer工具栏和Flash。

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

  1. VMWare ThinApp Mozilla的官方Utilu Mozilla Firefox Collection。
  2. 从Download下载相关的Firefox版本。旧版本可以在Profile Manager找到。
  3. 安装每个Firefox版本。选择一个主目录（“Firefox”）很方便，并使用版本号作为子目录的名称（“3.6”）。
  4. 扩展程序：启动最早的Firefox版本，并获取您最喜欢的扩展程序： http://releases.mozilla.org/pub/mozilla.org/firefox/releases/ - 旧版Firefox的必备软件。最新的Firefox版本并不真正需要，它有一套很好的ftp.mozilla.org。 Firebug - 一种测量HTTP请求的简单而有效的工具。 built-in dev tools - 一个非常有用的Web开发工具栏。节省了很多时间。 HttpFox - 增强内置控制台（Ctrl Shift> J）。
  5. 偏好：Web Developer（Windows），Console2（Linux） 将军：主页 安全性：取消选中所有设置，“当网站尝试安装附加组件时警告我”除外。 （不要忘记通过底部的按钮查看警告消息设置）。 高级： 一般： 检查默认浏览器：关闭 提交崩溃报告：关闭 更新：禁用所有更新
  6. 清理：关闭所有选项卡，按Ctrl Shift Del并检查所有内容。然后关闭Firefox。
  7. Firefox'Tools > Options： Edit > Preferences 通过Profile Manager选项复制每个配置文件。 一个screenshot打开。选择适当的名称（例如Copy）和目的地。 使用dialog screenshot选项为配置文件选择默认的Firefox版本。 另请检查Firefox 3.6框，以允许同时运行多个Firefox版本。
  8. 整理起来 使用Firefox version按钮启动Firefox实例。 让附加兼容性检查在必要时运行并更新。 使用Ctrl Shift Del清除缓存，历史记录等。 对每个Firefox版本重复此步骤。

6. Opera

Opera：Start new instance [-no-remote]上提供了所有安装程序的列表。可以并排安装多个版本而不会出现任何问题。在安装过程中，选择“自定义”和其他目录。 在安装时，还要为所有用户选择使用相同的配置文件。

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

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

7. Chrome

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

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

  1. 从Opera.com下载所需的版本。
  2. 创建一个主目录，例如File Hippo。
  3. 使用File Hippo提取安装程序（=不安装）。 提取后，会创建一个C:\Chrome\存档。同时提取此文件，然后下载创建的7-Zip目录。 现在，你看到chrome.7z和像Chrome-bin这样的目录。 将chrome.exe移动到18.0.1025.45，然后将此目录移动到chrome.exe。可以安全地删除18.0.1025.45中的其余文件。
  4. 为每个版本创建快捷方式： C:\Chrome 此快捷方式的说明： Chrome-bin•这是发射器 "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版本的首选项，并复制每个Chrome版本的用户个人资料。较旧的Chrome版本拒绝使用新版本的用户个人资料。 chrome.exe•二进制文件的位置： 位置（例如--user-data-dir="C:\Chrome\User Data\18"）必须是目录的名称： 必须以数字开头和结尾。两者之间可能出现一个点。 这些数字不一定必须与实际版本号匹配（尽管使用真实版本号很方便......）。

关于配置：所有首选项都可以在--chrome-version=18.0.1025.45设置。我通常会更改主页和“引擎盖下”设置。

  • 禁用自动更新：18.0.1025.45

有了很多Chrome版本，安装所有版本都是不切实际的。我创建了一个自动执行这些步骤的VB脚本，因此我可以存储安装程序，然后在需要测试旧版Chrome时运行脚本：chrome://settings/

8. Safari

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

Safari并排执行http://dev.chromium.org/administrators/turning-off-auto-updates多个版本或用户配置文件。 Safari 4是https://gist.github.com/Rob--W/2882558，所以你只需要测试5. *。所有Safari版本都可以从not natively support下载。

  • 下载并安装close to death。
  • 启动Safari，设置首选项。
  • 为每个其他安装创建一个新的Sandboxie沙箱。 最初安装最旧版本非常重要，这样可以通过较新版本调整用户配置文件。
  • 有关在Sandboxie中安装的详细信息，请参阅Sandboxie和Internet Explorer部分。

必须通过Old Apps启用开发人员工具。安装Safari后，通过Safari 5.0卸载Apple软件更新程序。

9. Developer tools (and shortcuts)

10. Measured set-up time and disk space

  • 设置基本环境需要30分钟。
  • 安装浏览器不需要太多时间。
  • 根据浏览器的数量，配置它们可能需要一些时间。
  • 使用本指南中列出的浏览器+ Opera 12 beta设置WinXP VM： 下载大小：585MB 12个浏览器 使用时间：1：09小时（32分钟到达IE） 设备尺寸：1.1G /进口尺寸：2.2G。 详细日志：Safari Developer Tools
  • 设置庞大的WinXP VM以进行详细的浏览器兼容性测试： 24个浏览器 使用时间：2：15小时 设备尺寸：1.4G /进口尺寸：3.0G 日志：Preferences > Advanced > Show Developer menu in menu bar

Time needed per browser (install & config)

  • 歌剧：2分钟
  • Internet Explorer：3分钟*
  • 野生动物园：4分钟*
  • Firefox：5分钟
  • Chrome：6分钟

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

11. Optimal usage

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

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

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

Homepage at http://pastebin.com/R7WGPK99

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

因此，建议将8888设置为主页。

可能的用例：

  • 测试单页。
  • 自动显示特定页面，具体取决于公开的用户代理（例如，通过重定向）。
  • 摆弄：在Chrome中创建一个小提琴，并在Firefox中进行测试。
  • 分享文字和链接。

所有以前的都可以很容易地在一个简单的服务器上实现（例如，我使用过http://10.0.2.2:8888/）。

11
投票

为了宣传，微软最近开始提供名为modern.IE的免费服务：

modern.IE是我的一项承诺，我的微软可以更轻松地为Internet Explorer浏览器进行跨浏览器测试。 Microsoft创建了modern.IE，为开发人员和设计人员提供了一套便于IE浏览器测试的工具。

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

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

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

资料来源：http://10.0.2.2:8888/

注意：已删除链接的文章。链接现在转到该页面的Node.js存档。

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.