跨浏览器测试:一台计算机上的所有主要浏览器


138

本指南的目的:

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

第1部分中介绍

  • 目录
  • 哪些浏览器必须进行测试?
  • 如何创建可以快速启动且永不过期的Windows XP VM?
  • 在哪里可以下载必要的软件(VM映像,浏览器等)?

第2部分中也有介绍:

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

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


4
我会说,一个简单的选择是使用browserstack.com
Nakul,2012年

1
对于尝试制作Windowns 7 VM的任何人:默认情况下,VirtualBox会将Windows 7 vhd文件作为SATA挂载,您将需要卸载该文件并将其作为IDE挂载-否则Windows 7会尝试修复安装并失败。此外,如果我禁用了鼠标集成(从VM的“设备”菜单中),则只能使鼠标光标起作用
2012年


@RobW就像此页面的内容一样值得和令人敬畏,它甚至不是一个问题,而且很容易成为问题的答案……您可以尝试以某种方式将其重新排列吗?
DaveRandom 2014年

3
@Dave这不是一个常见的问题,但是简洁的问题正文显示了将要回答哪些永恒的问题以及采用哪种格式。这就是本页面的明确目标(回想起来,它更适合于独立博客)。关于IE还有2个其他有用的答案,以及关于配置Safari的已删除答案,因此没有迹象表明答案不好。如果您有任何具体的改进,只需提出修改即可。
罗布W

Answers:


101

内容

  1. 哪些浏览器必须进行测试?
    • 经验法则:应该包括哪些浏览器?
  2. 制备
    • Windows XP
    • Windows 7以上版本(适用于IE9以上版本)
    • 浏览器下载
      • IE浏览器
      • 火狐浏览器
      • 歌剧
      • 苹果浏览器
      • Adobe Flash Player
    • 下载摘要
  3. 沙箱

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

1.必须测试哪些浏览器?

统计信息很快过时了。因此,我在Wikipedia上和以下站点上参考了Web浏览器的使用份额,以获取最新的浏览器版本信息。每个站点都有简短的使用指南作为后缀。

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

  • 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)
    • 准备要使用的图像:
      • VirtualBox的设置:启用网络适配器,但不能将虚拟机连接到真正的网络。
      • VirtualBox设置:创建一个只读共享文件夹。该文件夹将用于在主机OS和来宾OS之间传输数据。
      • 运行net use x: \\vboxsvr\WinShared(假设共享文件夹被调用WinShared。这会将网络目录绑定到x:驱动器)。
      • 可选:如果您将使用映像超过30天,请安装AntiWPA以禁用激活检查。
      • 可选禁用分页文件(计算机>属性>高级>性能>高级>虚拟内存>更改>无分页>设置[确认])。
      • 可选:禁用不必要的服务通过 由列行的次序,并将所有“自动”服务为“手动”,根据图像。每当您要安装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设置:将VM连接到真实网络。
        (仅Internet Explorer在安装过程中需要Internet)
      • 可选:创建虚拟机快照,以便在下一步混乱时可以还原。
  • 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版本,则标准版本就足够了。

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

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

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

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

导航至:第2部分


1
很棒的帖子。谢谢您的努力。我还要补充一点,omahaproxy.appspot.com/help是一个有用的链接,用于获取有关Chrome版本的更多信息。它甚至具有包含当前版本的JSON文件。
布赖恩

5
你我的朋友是绝对的英雄和圣人。您应该被封为爵士。
iono

1
没想到要使用Sandboxie在同一VM中运行IE7和IE8,感谢您的指导!现在,我不必运行三个单独的VM即可在IE6-IE8中进行测试。
Phil

尽管在这种情况下可能不会引起任何明显的问题,但是从Internet下载系统文件通常是一个坏主意,但您永远不知道文件的语言和版本是否与其余的Windows安装相匹配(系统文件之前与语言无关) Windows Vista)。您链接到的一些文件来自SP3之前的时代,该时代早于SP3(Microsoft的VM映像中使用的版本)。更好的方法是使用XP SP3 CD,并在需要查找这些文件时将Windows指向该目录,或者只是从头开始安装并完全跳过使用Microsoft的VM映像。
2013年

@RobW我在filehippo上找不到镜像。您在某处有这些文件的存档吗?
Lekensteyn

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开发人员工具栏。IE8 +具有内置的F12开发人员工具

组态

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

实际上,可以通过应用程序虚拟化在Windows 7中运行IE6-8。VMWare ThinApp可以很好地运行,但是由于需要捕获Internet Explorer的安装,因此设置时间要长得多。另外,该软件包非常昂贵(可免费获得密钥生成器,但不道德)。


5.火狐

选项1(懒惰)
Utilu Mozilla Firefox集合。该工具包含适用于所有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.org中找到。
  3. 安装每个Firefox版本。选择一个主目录(“ Firefox”),并使用版本号作为子目录的名称(“ 3.6”),非常方便。
  4. 扩展程序:启动最旧的 Firefox版本,并获取您喜欢的扩展程序:
    • Firebug-旧Firefox版本的必备工具。最新的Firefox版本并不需要,它具有一组不错的内置dev工具
    • HttpFox-一种测量HTTP请求的简单有效的工具。
    • Web Developer-一个非常有用的Web开发工具栏。节省很多时间。
    • 控制台2-增强了内置控制台(Ctrl Shift> J)。
  5. 首选项:Tools > Options(Windows),Edit > Preferences(Linux)
    • 常规:首页
    • 安全性:取消选中所有设置,但“网站尝试安装加载项时警告我”除外。
      (不要忘记通过底部的按钮查看警告消息设置)。
    • 高级:
      • 一般:
        • 检查默认浏览器:关闭
        • 提交崩溃报告:关闭
      • 更新:禁用所有更新
  6. 清理:关闭所有选项卡,按Ctrl Shift Del并检查所有内容。然后关闭Firefox。
  7. Firefox的配置文件管理器
    屏幕截图
    • 通过该Copy选项复制每个配置文件。
    • 一个对话框截图打开。选择一个适当的名称(例如Firefox 3.6)和一个目的地。
    • 使用该Firefox version选项选择配置文件的默认Firefox版本。
    • 还要选中该Start new instance [-no-remote]框,以允许同时运行多个Firefox版本。
  8. 整理起来
    • 使用Start Firefox按钮启动Firefox实例。
    • 让加载项兼容性检查运行并在必要时进行更新。
    • 使用清除缓存,历史记录等Ctrl Shift Del
    • 对每个Firefox版本重复此步骤。

6.歌剧

OperaOpera.com上提供了所有安装程序的列表。可以并行安装多个版本,而不会出现任何问题。在安装过程中,选择“自定义”,然后选择另一个目录。
在安装时,还选择对所有用户使用相同的配置文件。

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

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


7. Chrome

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

尽管可以使用Sandboxie,但建议使用下一个本机方法来并行运行多个版本。

  1. File Hippo下载所需的版本。
  2. 创建一个主目录,例如C:\Chrome\
  3. 例如,使用7-Zip解压缩安装程序(= 不安装)。 提取后,将创建一个存档。还解压缩此文件,并降级创建的目录。 现在,您会看到和类似的目录。 移动到,那么这个目录移动到。可以安全地删除其中的剩余文件。
    chrome.7zChrome-bin
    chrome.exe18.0.1025.45
    chrome.exe18.0.1025.45C:\ChromeChrome-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. Safari

注意:Windows上的Safari支持已终止。Windows上最后一个受支持的Safari版本是5.1.7。您需要Mac或OS X VM才能在较新的Safari版本中测试您的网站。

Safari 本机不支持并排支持多个版本或用户配置文件。Safari 4 快要死了,因此您只需要测试5. *。可以从Old Apps下载所有Safari版本。

  • 下载并安装Safari 5.0
  • 启动Safari,设置您的偏好。
  • 为每个其他安装创建一个新的Sandboxie沙箱
    最初安装最旧的版本很重要,这样用户个人资料就可以适应较新的版本。
  • 有关在Sandboxie中安装的更多信息,请参见SandboxieInternet Explorer部分。

必须通过启用开发人员工具Preferences > Advanced > Show Developer menu in menu bar。安装Safari之后,通过卸载Apple软件Updater 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以进行详细的浏览器兼容性测试:

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

  • 歌剧:2分钟
  • Internet Explorer:3分钟*
  • Safari:4分钟*
  • Firefox:5分钟
  • 铬:6分钟

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


11.最佳用法

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

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

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

关闭计算机>恢复快照

主页位于 http://10.0.2.2:8888/

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

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

可能的用例:

  • 测试单个页面。
  • 根据公开的用户代理自动显示特定页面(例如,通过重定向)。
  • 摆弄:在Chrome中创建一个小提琴,然后在Firefox中对其进行测试。
  • 共享文本和链接。

先前的所有内容都可以在简单的服务器上轻松实现(例如,我使用了Node.js)。


3
这两个答案都很有价值。非常感谢分享。
fro_oo 2013年

有没有人在Sandboxie沙箱中成功安装IE10和IE11?使用现代的Win 7 IE9框,即我无法使IE 10和11安装程序在其沙箱中工作。
Casey 2015年

@RobW,无需在功能强大的计算机上设置和安装VM即可测试IE。Remcon是免费提供的。参见remote.modern.ie
Pacerier,2015年

1
很好,很完整的答案!不幸的是,我无法从File Hippo下载较旧的Chrome版本。在下载页面,它会将我重定向到官方的Google Chrome浏览器页面,这迫使我下载最新的可用版本。难道我做错了什么?幸运的是,我有一个独立的安装程序,安装了正确的版本。
罗德里戈五世

2
我在用7-zip解压缩Chrome安装程序时遇到问题。它只是提取了一个名为“〜102”的文件,我不知道该怎么办。我可以通过安装Chrome并从C:\ Program Files \ Google \ Chrome \ Application获取文件来获取所需的文件。
罗德里戈五世

11

为了介入,Microsoft最近开始提供一项名为modern.IE的免费服务:

modern.IE是Microsoft的一项工作,目的是简化Internet Explorer浏览器的跨浏览器测试。微软已经创建了modern.IE,为开发人员和设计人员提供了一套工具,以方便IE浏览器测试。

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

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

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

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

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


1
只是为了说明一下;)saucelabs.com browserstack.com&vanamco.com/ghostlab看起来都是非常不错的工具,可以跨浏览器和平台进行测试
Adrien是

1
@the_archer,您的链接已关闭。
Pacerier 2015年
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.