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

2019-05-14 00:51发布

站内文章 / 前端开发
18 0 0

目的本指南：

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

覆盖第1部分 ：

  • 目录
  • 哪些浏览器已进行测试？
  • 如何创建一个Windows XP虚拟机，其启动迅速，且永不过期？
  • 在哪里可以在必要的软件（VM图像，浏览器，...）下载？

也包括在部分2 ：

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

许多部分都是独立的。 例如，在运行的浏览器的多个版本的指令是普遍适用的。

Answer 1:

内容

  1. 哪些浏览器已进行测试？
    • 经验法则：哪些浏览器应该被包括在内？
  2. 制备
    • Windows XP中
    • 的Windows 7+（针对IE9 +）
    • 浏览器下载
      • IE浏览器
      • 火狐
      • 歌剧
      • 铬
      • 苹果浏览器
      • 的Adobe Flash Player
    • 下载汇总
  3. 沙盘

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

1.哪些浏览器必须进行测试？

统计很快过时。 出于这个原因，我指的是网页浏览器的使用分布在维基百科上，并以下网站了解最新的浏览器版本信息。 每个站点由一个简短的使用指南后缀。

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

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

  • 火狐 ：最新ESR发布 +最新的稳定主要版本。 发行说明 | 对于开发人员 | 快速发布计划
  • 歌剧 ：12.x的+最新的稳定版本。 版本历史记录
    从Opera 15，Opera使用了相同的引擎，Chrome浏览器。 不少用户仍在使用Opera 12，但（剧院15发布时，将UX显著改变）。
  • Safari浏览器 ：5.1.7（视窗）+最新版本。 发行说明
    不幸的是，苹果公司下跌支持Windows，所以你需要拥有一台Mac或在虚拟机上运行OS X的Safari浏览器中测试页面。
  • 铬 ：最新稳定版本。 发行说明
  • Internet Explorer中 ：IE8 +。 特征历史
    这实际上取决于你的客户。 本指南教你如何让IE6和7为好，但这些浏览器都已经死了，或接近死了。 IE8在Windows XP，它仍然使用了大量的Internet Explorer最后支持的版本。

备注

这些天，大多数Web浏览器使用某种形式的具有自动更新的快速释放。 在本指南中写着，该版本并不频繁，因此它是建立一套浏览器，而无需回头有用。
除非你故意要测试在旧的浏览器应用程序，只需获得最新版本的浏览器，让自动更新照顾管理版本。

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

2.准备工作

在设置本机，下载所有必要的文件（请参阅“下载摘要”在本节结束）。 所有文件都将被通过共享文件夹与虚拟机共享什么？ 怎么样？ 。

  • 虚拟化软件（ VirtualBox的建议，它是免费的，甚至用于商业用途。下面的说明是书面VirtualBox的记在心里。）
  • Windows XP中
    • 从下载的VirtualBox的IE6 XP映像modern.IE网站。 提取.ova文件中并运行它以将其导入到VirtualBox的。 （图片还可以用于其他虚拟化产品，如VMware，Parallels的虚拟PC和Hyper-V）
      • 对于VirtualBox的IE6 XP映像在Windows上 大约764MB
      • 对于VirtualBox的IE6 XP映像在Mac上 约717MB
      • 对于VirtualBox的IE6 XP图像上的Linux 约771MB
    • 准备使用的图像：
      • VirtualBox的设置 ：启用网络适配器，但不要将虚拟机连接到真正的网络。
      • VirtualBox的设置 ：创建一个只读共享文件夹。 此文件夹将被用于在主机操作系统和客户机操作系统之间传输数据。
      • 运行net use x: \\vboxsvr\WinShared （假定该共享文件夹被称为WinShared ，这将在网络目录绑定到x:驱动器）。
      • 可选 ：安装AntiWPA禁用启动确认你是否会使用的图像超过30天。
      • 可选 ： 禁用页面文件 （电脑>属性>高级>性能>高级>虚拟内存>更改>无分页>设置[确认]）。
      • 可选 ：禁用不必要的服务通过Start > Run > services.msc
        一个ORDER BY列的行Startup Type ，并以“手动”切换所有的“自动”的服务，根据图像。 每当你想安装一个MSI包，运行net start msiServer （“Windows安装程序”）：
      • 可选 ： 禁用桌面清理向导 ： Desktop > Properties > Desktop > Customize Desktop > Disable "Desktop Cleanup wizard every 60 days"
      • 可选 ：安装并配置的Sandboxie（用于在同一IE6虚拟机中运行IE7和IE8）
      • 可选 ：安装CCleaner的 ，运行它来配置它，并清理垃圾。
      • 可选 ：安装的7-Zip （用于多Chrome的）
      • 通过关闭来宾OS（操作系统）的系统。
      • VirtualBox的设置 ：虚拟机连接到真正的网络。
        （仅适用于Internet Explorer要求在安装过程中互联网）
      • 可选 ：创建虚拟机的快照，这样就可以在下一步恢复，当你陷入困境。
  • 的Windows 7+（针对IE9 +）
    • 从下载预构建虚拟机映像modern.IE网站。
      这些图像是时间的轰炸，他们到期30天第一次使用后。 当图像过期时，它们使用一个小时后关机。 如果您不希望重新创建映像每次启动图像前更改你的虚拟机的硬件时钟。
      在VirtualBox的，例如，您可以使用VBoxManage modifyvm NAME_OF_VM --biossystemtimeoffset +3600000000到设定的时间为1000小时以后（使用减号如果你想将其设置为在过去的某个时间）。
  • 浏览器下载
    • IE浏览器：
      • 推荐方法，如果您想IE 6-8在一台机器上：
        • 需要沙盘 （我建议支付的完整版本，或在YouTube上 ）。
        • 预装XP中的VM - IE6
        • IE7和IE8完整的离线安装程序
        • Internet Explorer开发人员工具栏 （ 发布资料 ）（对于IE6 + 7）
      • IE9 + -从使用预建的图像modern.IE ）。
    • 火狐：
      • 配置文件管理器 轻松管理多个配置文件
      • 从下载最新版本Mozilla.org 。
      • 从下载旧版本ftp.mozilla.org （如果你只是在最近的旧版本有兴趣，看到releases.mozilla.org ）。
      • 或者，使用Utilu Mozilla Firefox的收藏 。
    • 歌剧：
      • 下载任何歌剧版本Opera.com 。
    • 铬：
      • 下载7-ZIP解压安装Chrome浏览器。
      • 在下载特定版本FileHippo.com 。 请确保您选择“FileHippo”镜来获得存档版本。 否则，你将被重定向到从谷歌的服务器的最新版本。
    • 苹果浏览器：
      • 从下载最新版本Apple.com 。
      • 下载其他版本Oldapps.com 。
    • 的Adobe Flash Player
      • 下载10.3版 3 MB如果Flash在IE6工作。 否则，下载最新的版本 。
      • 下载最新的插件， 为其他浏览器 。

下载汇总

为方便起见，这是明智的，有在共享文件夹中的所有安装文件。 这里有一个简单的（完整的）的所有必要的文件（每步排序）名单：

  • 对于VirtualBox的IE6 XP映像在Windows上 大约764MB
  • 对于VirtualBox的IE6 XP映像在Mac上 约717MB
  • 对于VirtualBox的IE6 XP图像上的Linux 约771MB
  • AntiWPA 24 KB; 误报 ; MD5：e5a14c47e9c26e78fccb22ee71fedd51， CCleaner的 3.5 MB， 沙盘 2.3 MB
  • 浏览器（ 火狐 + 配置文件管理器 ， 歌剧 ， 铬 ， Safari浏览器 ）
    IE7 XP和IE8 XP安装程序可以在这里下载： IE7 ， IE8
  • 7-ZIP 1.1 MB提取Chrome的安装程序。
  • 10.3的ActiveX为IE6 +， 最新的插件版本为其他浏览器。
  • IE开发者工具栏的IE6和7 626 KB

3.沙盘

沙盘是一个运行在沙盒应用程序的轻量级的工具。 它也可以用于在单个Windows计算机上安装IE / Safari浏览器的多个版本 。

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

    安装后：
  • 禁用提示 ：“配置>提示>隐藏所有提示”
  • 默认情况下，一个黄色边框四周出现沙盒应用。 如果你不喜欢这一点，到配置的基础 ：“沙盒> DefaultBox>沙盒设置>外观”。

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

所有沙盒文件/注册表更改保存在C:\Sandbox 。 此目录中的应用程序在默认情况下，沙箱开始。 其他程序可以很容易地通过文本菜单沙箱开始：“运行沙盒” 或 “发送到>沙盘> IE8”。

清理使用CCleaner的 ：在主环境在各个沙盒中运行CCleaner的话。

导航到： 第2部分



Answer 2:

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

4. Internet Explorer中
5.火狐
6.歌剧院
7.浏览器
8. Safari浏览器
9.开发者工具（和快捷方式）
10测量设置时间和磁盘空间
•每个浏览器所需要的时间（安装及配置）
11.最佳使用
•在首页http://10.0.2.2:8888/

安装和配置

浏览器配置技巧：

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

4. Internet Explorer中

Windows 7中不允许运行IE的较旧的实例，但请参见下面的注意 。 这就是为什么需要一个Win XP的虚拟机。

IE不能降级，所以用最低的版本开始，然后在一个单独的沙盘升级IE浏览器。 升级之前，设置最低浏览器版本的喜好，这样你只需要一次设置主偏好。

  • IE6 - 在WinXP默认安装
  • IE7 / IE8 -安装在沙盘（操作系统）
  • IE9 + -获取从预建的Windows虚拟机映像modern.IE网站。
    这些图像首次使用30天后过期。 当图像过期时，它们使用一个小时后关机。 如果您不希望重新创建映像每次启动图像前更改你的虚拟机的硬件时钟。
    例如，如果你使用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设置：首页，安全，饼干，默认浏览器。
  • IE7：摆脱第一次运行的页面，通过（IE7沙盘）注册表。 请参阅微软的TechNet论坛这个帖子 。
  • IE8：摆脱“设置Windows Internet Explorer 8的”对话框。 这可以通过启动IE8，然后单击“后来”，或进行修改注册表 。

它实际上是可以运行IE6 - 通过应用虚拟化在Windows 7 8。 VMWare的ThinApp的伟大工程，但它需要相当多的时间来建立，因为你需要捕获的Internet Explorer安装。 此外，该软件包是非常昂贵（注册机是免费提供的，但不道德的）。

5.火狐

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

选项2：
多个版本的Firefox可以很容易地安装，并在同一时间执行。

  1. 下载 Mozilla的官方配置文件管理器 。
  2. 请从相关的Firefox版本http://releases.mozilla.org/pub/mozilla.org/firefox/releases/ 。 旧版本可以在这里找到ftp.mozilla.org 。
  3. 安装每个版本的Firefox。 为方便起见，选择一个主目录（“火狐”），并使用版本号作为子目录（“3.6”）的名字。
  4. 扩展：启动最古老版本的Firefox，并得到你最喜欢的扩展：
    • 萤火虫 -一个必须具备的旧版本的Firefox。 不是真的需要为最新的Firefox版本，有一个漂亮的一套内置开发工具 。
    • 是HttpFox -一个简单而有效的工具来衡量的HTTP请求。
    • Web开发 - web开发一个非常有用的工具栏。 节省很多时间。
    • 控制台2 -增强内置的控制台（Ctrl键 SHIFT> J）
  5. 首选项： Tools > Options （Windows）中， Edit > Preferences （Linux）的
    • 一般：首页
    • 安全性：取消所有的设置，除了“警告我当站点尝试安装附加组件”。
      （不要忘记在底部，以查看警告邮件设置，通过按钮）。
    • 高级：
      • 一般：
        • 检查默认浏览器：关闭
        • 提交崩溃报告：关闭
      • 更新：禁用所有更新
  6. 清理：关闭所有标签页，按Ctrl SHIFT 删除和检查一切。 然后关闭Firefox。
  7. Firefox的配置文件管理器 ：
    • 通过重复的每个配置文件Copy选项。
    • 一个对话框截图打开。 选择一个合适的名称（如Firefox 3.6 ）和目标。
    • 使用Firefox version选项，选择默认的Firefox版本的配置文件。
    • 同时检查Start new instance [-no-remote]中，允许同时运行多个同时进行的Firefox版本。
  8. 整理起来
    • 使用Start Firefox按钮启动Firefox的一个实例。
    • 让附加兼容性检查运行和更新必要。
    • 清除缓存，历史记录等，用Ctrl SHIFT 删除 。
    • 重复此步骤，为每个版本的Firefox。

6.歌剧院

歌剧 ：所有的安装程序的列表，请在Opera.com 。 多个版本可以安装并排侧没有任何问题。 在安装过程中，选择“自定义”，并在不同的目录。
在安装时，也选择使用相同的配置为所有用户。

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

注：歌剧15+使用相同的渲染和JavaScript引擎的浏览器。

7.浏览器

铬 ：单机安装可以从下载文件的河马 。
它也可以运行多个Chrome版本并排侧。

虽然沙盘可以使用，建议使用下一个本地方法来运行多个版本并排侧。

  1. 从下载所需的版本（一个或多个） 文件的河马 。
  2. 创建一个主目录，例如C:\Chrome\ 。
  3. 提取安装（= 不安装 ），使用的7-Zip例如。
    提取后， chrome.7z创建归档。 同时提取该文件，并降落在创建Chrome-bin目录。
    现在，你看到chrome.exe又像DIR 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-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浏览器可以从下载旧应用程序 。

  • 下载并安装的Safari 5.0 。
  • 启动Safari浏览器，设置首选项。
  • 创建一个新的Sandboxie沙盘每个额外的安装 。
    最初安装旧版本，使用户配置文件可通过新版本进行调整是很重要的。
  • 有关在沙盘安装的更多信息，请参阅沙盘和Internet Explorer部分。

开发者工具必须通过启用Preferences > Advanced > Show Developer menu in menu bar 。 安装Safari浏览器后，卸载的苹果软件更新程序，通过Control panel > Add/Remove software 。

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

  • IE浏览器
    • IE6 / IE7： Internet Explorer开发人员工具栏
    • IE8 F12 开发人员工具 内置
    • IE9 + F12 F12开发工具， 内置
  • 火狐
    • 3.6+ F12 萤火虫 （见addons.mozilla.org ）
    • 4+ 按Ctrl 移 ķ Web控制台 内置
    • 所有Ctrl键 移位 Ĵ错误控制台内置 （使用可扩展控制台2 ）
  • 歌剧
    • 9.5+ 按Ctrl 移 我 Opera蜻蜓 内置
    • 15+ 按Ctrl 移 Ĵ 铬开发工具 内置 。
  • 铬
    • 所有按Ctrl 移 Ĵ Chrome开发者工具 内置 。
  • 苹果浏览器
    • 4+ CTRL + ALT + C ^ Safari开发工具 内置 。 这些工具在默认情况下禁用。 通过启用它Preferences > Advanced > Show Developer menu in menu bar 。

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

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

  • 建立一个WinXP的虚拟机与本指南+歌剧院12测试版中列出的浏览器：
    • 下载大小：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

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

  • 歌剧：5分钟
  • 互联网浏览器：1分钟*
  • 野生动物园：11分钟*
  • 火狐：5分
  • 铬：11分钟

*排除时间建立的Sandboxie沙箱（<1分钟）。

11.最佳使用

当您完成安装，使用CCleaner的清洁垃圾，则：

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

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

首页在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 ，例如）。



Answer 3:

只是在球场，微软最近开始提供名为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测试工具套件

注：链接的文章已被删除。 该链接现在去Wayback机器页面的存档。



文章来源: Cross-browser testing: All major browsers on ONE machine
标签： internet-explorer browser cross-browser virtualization
举报

收藏的人(0)

Ta的文章 更多文章
登录 后发表评论
0条评论
还没有人评论过~