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

Question

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

Rob*_*b W 138 browser virtualization internet-explorer cross-browser

本指南的目标:

在一台计算机上并排运行多个未经修改的Internet Explorer,
Safari,Opera,Chrome和Firefox 本机版本.

第1部分涵盖:

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

第2部分还涉及:

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

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

Answer 1

Rob*_*b W 101

内容

哪些浏览器需要测试？

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

制备

Windows XP

Windows 7+(适用于IE9 +)

浏览器下载

IE浏览器

火狐

歌剧

铬

苹果浏览器

Adobe Flash Player

下载摘要

Sandboxie

第2部分:安装和配置

IE浏览器

火狐

歌剧

铬

苹果浏览器

开发人员工具(和快捷方式)

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

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

最佳使用

主页在 http://10.0.2.2:8888/

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

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

我可以使用 - 浏览器使用表,基于StatCounter和其他来源的数据.
StatCounter - 统计:浏览器版本| 时间段:上个月^截图.
W3Counter - 查看存档的报告:( January 2012选择上个月).^截图.
维基媒体 - 转到底部打开最新报告SquidReportClients.
Clicky - 此网站提供各个版本^截图的统计信息.

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

Firefox:最新的ESR版本 +最新稳定的主要版本.^{发行说明 | 对于开发人员 | 快速发布时间表}
Opera:12.x +最新稳定版.^版本历史
从Opera 15开始,Opera使用与Chrome相同的引擎.相当多的用户仍在使用Opera 12(当Opera 15发布时,UX显着改变了).
Safari:5.1.7(Windows)+最新版本.^发行说明
不幸的是,Apple放弃了对Windows的支持,因此您需要获取Mac或在VM中运行OS X来测试Safari中的页面.
Chrome:最新稳定版.^发行说明
Internet Explorer:IE8 +.^{功能历史记录}
这实际上取决于您的客户.本指南教导如何获得IE6和7,但这些浏览器已经死了,或者已经死了.IE8是Windows XP上最后一个受支持的Internet Explorer版本,它仍然使用很多.

备注

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

如果您不需要太多灵活性,并且很快想要测试页面,我建议您查看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的设置:启用网络适配器,但不能将虚拟机连接到真正的网络.
  - VirtualBox设置:创建只读共享文件夹.此文件夹将用于在主机操作系统和来宾操作系统之间传输数据.
  - 运行net use x: \\vboxsvr\WinShared(假设调用共享文件夹WinShared.这会将网络目录绑定到x:驱动器).
  - 可选:如果您将使用图像超过30天,请安装AntiWPA以禁用激活检查.
  - 可选:禁用页面文件(计算机>属性>高级>性能>高级>虚拟内存>更改>无分页>设置[确认]).
  - 可选:通过按列排序逐行禁用不必要的服务,并根据图像将所有"自动"服务切换为"手动".每当要安装MSI软件包时,请运行("Windows Installer"):Start > Run > services.msc
    Startup Typenet start msiServer
  - 可选:禁用桌面清理向导:Desktop > Properties > Desktop > Customize Desktop > Disable "Desktop Cleanup wizard every 60 days"
  - 可选:安装和配置Sandboxie(用于在同一个IE6虚拟机中运行IE7和IE8)
  - 可选:安装CCleaner,运行它以配置它并清理垃圾.
  - 可选:安装7-Zip(用于多个Chrome)
  - 通过客户操作系统(WinXP)关闭系统.
  - VirtualBox设置:将VM连接到真实网络.
    (安装期间只有Internet Explorer需要Internet)
  - 可选:创建VM的快照,以便在下一步中陷入困境时进行恢复.
Windows 7+(适用于IE9 +)
- 从modern.IE网站下载预构建的虚拟机映像.
  这些图像是定时轰炸的,它们在首次使用后30天到期.当图像过期后,它们会在使用一小时后关闭.如果您不希望每次都重新创建映像,请在激活映像之前更改VM的硬件时钟.
  例如,在VirtualBox中,您可以使用VBoxManage modifyvm NAME_OF_VM --biossystemtimeoffset +3600000000将时间设置为1000小时(如果要将其设置为过去的某个点,请使用减去).
浏览器下载
- IE浏览器:
  - 如果您想在一台机器上使用IE 6-8,推荐使用的方法:
    - 需要Sandboxie(我建议支付完整版本,或在YouTube上查看).
    - IE6 - 预装在XP VM中
    - IE7和IE8完全脱机安装程序
    - Internet Explorer Developer工具栏(发布信息)(适用于IE6 + 7)
  - IE9 + - 使用来自modern.IE的预先构建的图像.
- 火狐:
  - Profile Manager ^{轻松管理多个配置文件}
  - 从Mozilla.org下载最新版本.
  - 从ftp.mozilla.org下载旧版本(如果您只对最近的旧版本感兴趣,请参阅releases.mozilla.org).
  - 或者,使用Utilu Mozilla Firefox Collection.
- 歌剧:
  - 从Opera.com下载任何Opera版本.
- 铬:
  - 下载7-zip以解压缩Chrome安装程序.
  - 在FileHippo.com下载特定版本.确保选择"FileHippo"镜像以获取存档版本.否则,您将被重定向到Google服务器的最新版本.
- 苹果浏览器:
  - 从Apple.com下载最新版本.
  - 从Oldapps.com下载其他版本.
- Adobe Flash Player
  - 如果Flash必须在IE6中运行,则下载10.3版^{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 + 配置文件管理器,Opera,Chrome,Safari)
IE7 XP和IE8 XP安装程序可以在这里下载:IE7,IE8
7-zip ^{1.1 MB,}用于提取Chrome的安装程序.
用于IE6 +的ActiveX 10.3,适用于其他浏览器的最新插件版本.
IE6的IE Developer工具栏和7 ^{626 KB}

3.沙盒

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

下载:http://sandboxie.com/index.php？DownloadSandboxie
修补程序:需要扩展版本才能一次启用多个沙箱.付款或访问YouTube.
同时运行多个IE/Safari版本需要扩展版本.如果您不介意一次测试一个IE/Safari版本,标准版本就足够了.

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

对于每个新的IE/Safari版本,您必须执行以下步骤:
创建:"Sandbox> Create New Sandbox" - 输入名称,例如"IE8"并确认.
安装:"IE8>运行沙盒>运行任何程序"
选择所需的安装程序,然后按确定.
快捷方式:完成安装后,使用"IE8>浏览内容",找到二进制文件并创建应用程序的桌面快捷方式.

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

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

导航至:第2部分

你我的朋友是绝对的英雄和圣人.你应该被封为爵士. (5认同)

Answer 2

Rob*_*b W 60

第2部分的内容(导航至:第1部分)

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

安装和配置

浏览器配置提示:

主页
禁用检查:"默认浏览器"和"更新".
激活开发人员工具

4. Internet Explorer

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 Developer工具.

组态

启动IE6设置:主页,安全性,Cookies,默认浏览器.
IE7:通过(IE7 Sandboxie)注册表摆脱第一次运行页面.请参阅Microsoft TechNet论坛上的这篇文章.
IE8:摆脱"设置Windows Internet Explorer 8"对话框.这可以通过启动IE8,然后单击"稍后"或修改注册表来完成.

实际上可以通过应用程序虚拟化在Windows 7中运行IE6-8.VMWare ThinApp运行良好,但设置需要相当多的时间,因为您需要捕获Internet Explorer的安装.此外,软件包非常昂贵(keygens是免费提供的,但不道德).

5. Firefox

选项1(懒惰):
Utilu Mozilla Firefox Collection.此工具包含适用于所有Firefox版本(200+ MB)的安装程序.还包括Firebug,Web Developer工具栏和Flash.

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

下载 Mozilla的官方配置文件管理器.
从http://releases.mozilla.org/pub/mozilla.org/firefox/releases/下载相关的Firefox版本.旧版本可以在ftp.mozilla.org找到.
安装每个Firefox版本.选择一个主目录("Firefox")很方便,并使用版本号作为子目录的名称("3.6").
扩展程序:启动最早的 Firefox版本,并获取您最喜欢的扩展程序:
- Firebug - 旧版Firefox的必备软件.最新的Firefox版本并不是真正需要的,它有一套很好的内置开发工具.
- HttpFox - 一种测量HTTP请求的简单而有效的工具.
- Web Developer - 一个非常有用的Web开发工具栏.节省了很多时间.
- 控制台² - 增强内置控制台(Ctrl Shift> J).
首选项:( Tools > OptionsWindows),Edit > Preferences(Linux)
- 将军:主页
- 安全性:取消选中所有设置,"当网站尝试安装附加组件时警告我"除外.
  (不要忘记通过底部的按钮查看警告消息设置).
- 高级:
  - 一般:
    - 检查默认浏览器:关闭
    - 提交崩溃报告:关闭
  - 更新:禁用所有更新
清理:关闭所有标签,按下Ctrl Shift Del并检查所有内容.然后关闭Firefox.
Firefox的配置文件管理器:
- 通过Copy选项复制每个配置文件.
- 将打开一个对话框^截图选择适当的名称(例如Firefox 3.6)和目的地.
- 使用该Firefox version选项为配置文件选择默认的Firefox版本.
- 同时选中此Start new instance [-no-remote]框,允许同时运行多个Firefox版本.
整理起来
- 使用Start Firefox按钮启动Firefox实例.
- 让附加兼容性检查在必要时运行并更新.
- 使用清除缓存,历史记录等Ctrl Shift Del.
- 对每个Firefox版本重复此步骤.

6.歌剧

Opera:Opera.com上提供了所有安装程序的列表.可以并排安装多个版本而不会出现任何问题.在安装过程中,选择"自定义"和其他目录.
在安装时,还要为所有用户选择使用相同的配置文件.

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

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

7. Chrome

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

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

从File Hippo下载所需的版本.
创建一个主目录,例如C:\Chrome\.
提取安装程序(= 不安装),例如使用7-Zip.
提取后,将chrome.7z创建存档.同时提取此文件,然后下载创建的Chrome-bin目录.
现在,你看到chrome.exe和一个目录一样18.0.1025.45.
移动chrome.exe到18.0.1025.45,然后将此目录移动到C:\Chrome.Chrome-bin可以安全地删除其余文件.
为每个版本创建快捷方式:
```
"C:\Chrome\18.0.1024.45\chrome.exe" --user-data-dir="..\User Data\18" --chrome-version=18.0.1025.45
```
Run Code Online (Sandbox Code Playgroud)
此快捷方式的说明:
- "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/.我通常会更改主页和"引擎盖下"设置.

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

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

8. Safari

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

Safari本身并不支持多个版本或用户配置文件.Safari 4 接近死亡,所以你只需要测试5.*.所有Safari版本都可以从Old Apps下载.

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

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

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

IE浏览器
- IE6/IE7:Internet Explorer Developer工具栏
- 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 Dragonfly ^内置
- ^内置 15+ Ctrl Shift J Chromium开发人员工具 .
铬
- ^内置所有Ctrl Shift J Chrome开发者工具 .
苹果浏览器
- ^内置 4+ Ctrl Alt C Safari开发者工具 .默认情况下禁用这些工具.启用它.Preferences > Advanced > Show Developer menu in menu bar

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分钟*
Firefox:5分钟
Chrome:6分钟

*不包括设置Sandboxie Sandbox的时间(<1分钟).

11.最佳使用

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

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

从现在开始,当您完成网页测试后,请关闭VM,然后选择"恢复快照".这将使您的VM保持整洁和快速.

关闭机器>恢复快照

主页在 `http://10.0.2.2:8888/`

客户OS可以通过IP地址访问主机OS 10.0.2.2.即使主机没有Internet连接,也8888可以在guest虚拟机上访问在端口上运行的服务器http://10.0.2.2:8888/.

因此,http://10.0.2.2:8888/建议将主页设置为主页.

可能的用例:

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

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

这两个答案都非常有价值.非常感谢分享. (3认同)
我在使用 7-zip 提取 Chrome 安装程序时遇到问题。它只是提取一个名为“~102”的文件，我不知道该怎么做。我可以通过安装 Chrome 并从 C:\Program Files\Google\Chrome\Application 获取文件来获取我想要的文件。 (2认同)

Answer 3

Hir*_*esh 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版本中正确显示.

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

注意:已删除链接的文章.链接现在转到页面的Wayback Machine档案.

归档时间：	13 年，5 月前
查看次数：	60085 次
最近记录：	7 年，4 月前

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

内容

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

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

备注

2.准备

下载摘要

3.沙盒

安装和配置

4. Internet Explorer

5. Firefox

6.歌剧

7. Chrome

8. Safari

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

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

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

11.最佳使用

主页在 http://10.0.2.2:8888/

主页在 `http://10.0.2.2:8888/`