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

本指南的目的:

  • 运行多个未修改的本机版本的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:ChromeChrome-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/41977.html

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

    下一篇: Internet Explorer and console.log