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

 

本指南的目的：

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

    • 第1部分涵盖：

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

    • 第2部分还介绍了：

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

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

    内容

  • 哪些浏览器需要测试？
  • 经验法则：应包含哪些浏览器？
  • 制备
  • Windows XP
  • Windows 7 +（用于IE9 +）
  • 浏览器下载
  • IE浏览器
  • 火狐
  • 歌剧
  • 铬
  • 苹果浏览器
  • Adobe Flash Player
  • 下载摘要
  • 沙盘

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

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

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

  • 我可以使用 - 浏览器使用情况表，基于来自StatCounter和其他来源的数据。
  • StatCounter - 统计：浏览器版本| 时间段：上个月的截图。
  • W3Counter - 查看存档报告： January 2012 （选择上个月）。 屏幕截图。
  • 维基媒体 - 转到底部打开最新的报告，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：最新的稳定版本。 发行说明
  • 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: vboxsvrWinShared （假设共享文件夹名为WinShared ，这会将网络目录绑定到x:驱动器）。
  • 可选：如果您将使用该映像超过30天，请安装AntiWPA以禁用激活检查。
  • 可选： 禁用分页文件 （计算机>属性>高级>性能>高级>虚拟内存>更改>无分页>设置[确认]）。
  • 可选：通过Start > Run > services.msc禁用不必要的services.msc
    根据图像，按列Startup Type对列进行排序，然后将所有“自动”服务切换为“手动”。 无论何时想要安装MSI软件包，请运行net start msiServer （“Windows Installer”）：
  • 可选：禁用桌面清理向导： 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）
  • 可选：创建虚拟机的快照，以便在下一步中搞砸时恢复。
  • Windows 7 +（用于IE9 +）
  • 从modern.IE网站下载预建的虚拟机镜像。
    这些图像被定期轰炸，首次使用后30天到期。 图像过期后，使用一小时后会关闭。 如果您不希望每次都重新创建映像，请在激活映像之前更改虚拟机的硬件时钟。
    例如，在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
  • 下载版本10.33 MB如果flash必须在IE6中工作。 否则，请下载最新版本。
  • 下载其他浏览器的最新插件。

    • 下载摘要

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

  • 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版本需要扩展版本。 如果您不介意一次测试一个IE / Safari版本，则标准版本就足够了。

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

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

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

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

    导航到：第2部分

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

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

    安装和配置

    浏览器配置提示：

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

    • 4. Internet Explorer

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

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

  • IE6 - 默认安装在WinXP中
  • IE7 / IE8 - 安装在Sandboxie（WinXP）
  • IE9 + - 从modern.IE网站获取预建的Windows虚拟机映像。
    这些图像在第一次使用后30天过期。 图像过期后，使用一小时后会关闭。 如果您不希望每次都重新创建映像，请在激活映像之前更改虚拟机的硬件时钟。
    例如，如果您使用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）注册表摆脱第一次运行页面。 在微软的TechNet论坛上看到这篇文章。
  • IE8：摆脱“设置Windows Internet Explorer 8”对话框。 这可以通过启动IE8，然后单击“稍后”或修改注册表来完成。

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

    5. Firefox

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

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

  • 下载Mozilla的官方Profile Manager。
  • 从http://releases.mozilla.org/pub/mozilla.org/firefox/releases/下载相关的Firefox版本。 旧版本可以在ftp.mozilla.org找到。
  • 安装每个Firefox版本。 选择一个主目录（“Firefox”）很方便，并使用版本号作为子目录的名称（“3.6”）。
  • 扩展：启动最老的 Firefox版本，并获得您最喜爱的扩展：
  • Firebug - 旧版Firefox的必备版本。 最新的Firefox版本并不需要，它有一套很好的内置开发工具。
  • HttpFox - 一种简单而有效的工具来衡量HTTP请求。
  • 网页开发人员 - 一个非常有用的网页开发工具栏。 节省很多时间。
  • Console2 - 增强内置控制台（Ctrl Shift> J）。
  • 首选项： Tools > Options （Windows）， Edit > Preferences （Linux）
  • 一般：主页
  • 安全性：取消选中所有设置，但“当网站尝试安装加载项时发出警告”除外。
    （不要忘记查看警告消息设置，通过底部的按钮）。
  • 高级：
  • 一般：
  • 检查默认浏览器：关闭
  • 提交崩溃报告：关闭
  • 更新：禁用所有更新
  • 清理：关闭所有选项卡，按Ctrl Shift Del并检查一切。 然后关闭Firefox。
  • Firefox的个人资料管理器 ：
    screenshot
  • 通过Copy选项复制每个配置文件。
  • 对话框截图打开。 选择一个合适的名称（例如Firefox 3.6 ）和一个目的地。
  • 使用Firefox version选项为配置文件选择默认的Firefox版本。
  • 同时检查Start new instance [-no-remote]框，以允许同时运行多个同时运行的Firefox版本。
  • 整理起来
  • 使用“ Start Firefox按钮Start 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这样的18.0.1025.45 。
    将chrome.exe移至18.0.1025.45 ，然后将此目录移至C:Chrome 。 Chrome-bin的其余文件可以安全地删除。

  • 为每个版本创建一个快捷方式： 

    "C:Chrome18.0.1024.45chrome.exe" --user-data-dir="..User Data18" --chrome-version=18.0.1025.45

    这个捷径的解释：

  • "C:Chrome18.0.1024.45chrome.exe" •这是启动器
  • --user-data-dir="..User Data18" •用户配置文件，相对于chrome.exe的位置。 你也可以使用--user-data-dir="C:ChromeUser Data18"来达到同样的效果。 为最低版本的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虚拟机来测试新版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卸载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错误控制台内置（使用Console2可扩展）
  • 歌剧
  • 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测试版中列出的浏览器设置WinXP虚拟机：
  • 下载大小：585MB
  • 12个浏览器
  • 使用时间：1:09小时（32分钟到达IE）
  • 设备尺寸：1.1G /进口尺寸：2.2G。
  • 详细日志：http：//pastebin.com/R7WGPK99
  • 设置一个巨大的WinXP虚拟机以进行详细的浏览器兼容性测试：
  • 24个浏览器
  • 使用时间：2:15小时
  • 设备尺寸：1.4G /进口尺寸：3.0G
  • 日志：http://pastebin.com/SJEgxNyr

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

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

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

    11.最佳用法

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

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

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

    Turn off machine > Restore snapshot

    主页在http://10.0.2.2:8888/

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

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

    可能的用例：

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

    • 以前的所有功能都可以在简单的服务器上轻松实现（例如，我使用过Node.js）。

    为了推销，微软最近开始提供名为modern.IE的免费服务。

    modern.IE是我的微软承诺，为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测试工具套件

    链接地址: http://www.djcxy.com/p/7241.html

    上一篇: browser testing: All major browsers on ONE machine

    下一篇: 'console' is undefined error for Internet Explorer