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

时间：2012-05-10 19:56:31

标签： internet-explorer browser cross-browser virtualization

本指南的目标：

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

涵盖part 1：

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

part 2中也包含

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

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

2 个答案:

答案 0 :(得分：101)

  

目录

     
      
  1. 必须测试哪些浏览器？      
        
    • 经验法则：应包含哪些浏览器？
      •   
    2.   
  2. 制备      
        
    • Windows XP
      •   
    • Windows 7+（适用于IE9 +）
      •   
    • 浏览器下载      
          
      • Internet Explorer
        •   
      • 火狐
        •   
      • 戏
        •   
      • 铬
        •   
      • Safari浏览器
        •   
      • Adob​​e Flash Player
        •   
      •   
    • 下载摘要
      •   
    3.   
  3. 沙盘   

    Part 2: Installation and configuration
    4.   
  4. Internet Explorer
    5.   
  5. 火狐
    6.   
  6. 戏
    7.   
  7. 铬
    8.   
  8. Safari浏览器
    9.   
  9. 开发人员工具（和快捷方式）
    10.   
  10. 测量的设置时间和磁盘空间      
        
    • 每个浏览器所需的时间（安装和配置）
      •   
    11.   
  11. 最佳使用方式      
        
    • 主页http://10.0.2.2:8888/
      •   
    12.   
  

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

统计数据很快就过时了。出于这个原因，我在维基百科上提到了Usage share of web browsers，在以下网站上提到了最新的浏览器版本信息。每个站点都有一个简短的使用指南。

  • Can I use - 浏览器使用表，基于StatCounter和其他来源的数据。
  • StatCounter - 统计：浏览器版本|时间段：上个月 screenshot 。
  • W3Counter - 查看已归档的报告：January 2012（选择上个月）。 screenshot
  • Wikimedia - 转到底部打开最新报告SquidReportClients。
  • Clicky - 此网站提供各个版本 screenshot 的统计信息。

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

  • Firefox：最新ESR release +最新稳定主要版本。 Release notes | For developers | Rapid release schedule
  • Opera：12.x +最新稳定版。 Version history
    从Opera 15开始，Opera使用与Chrome相同的引擎。相当多的用户仍在使用Opera 12（当Opera 15发布时，UX显着改变了。）
  • Safari：5.1.7（Windows）+最新版本。 Release notes
    不幸的是，Apple放弃了对Windows的支持，所以你需要在VM中运行Mac或运行OS X来测试Safari中的页面。
  • Chrome：最新稳定版。 Release notes
  • Internet Explorer：IE8 +。 Feature history
    这实际上取决于您的客户。本指南教导如何获得IE6和7，但这些浏览器已经死了，或者已经死了。 IE8是Windows XP上最后一个受支持的Internet Explorer版本，它仍然使用很多。

备注

目前，大多数网络浏览器都使用某种形式的快速版本和自动更新。编写本指南时，发布的频率并不高，因此设置一组浏览器而不必回头看是很有用的。
除非您有意在旧浏览器中测试应用程序，否则只需获取最新版本的浏览器，并让自动更新程序负责管理版本。

如果您不需要太多灵活性，并且很快想要测试页面，我建议您查看BrowserStack.com。注册后，您可以直接在浏览器中进行30分钟的免费试用，以便您访问许多桌面和移动浏览器。

  

2。制备

在设置机器之前，请下载所有必要的文件（请参阅本节末尾的＆＃34;下载摘要＆＃34;）。所有文件都将通过共享文件夹 What? How? 与虚拟机共享。

  • 建议使用虚拟化软件（VirtualBox，即使是商业用途也是免费的。以下说明以VirtualBox为准。）
  • Windows XP
    • 从modern.IE网站下载VirtualBox的IE6 XP图像。解压缩内部的.ova文件并运行它以将其导入VirtualBox。 （图像也适用于其他虚拟化产品，如VMware，Parallels，Virtual PC和Hyper-V）
    • 准备使用图像：
      • VirtualBox设置：启用网络适配器，但不将VM连接到真实网络。
      • VirtualBox设置：创建只读共享文件夹。 此文件夹将用于在主机操作系统和来宾操作系统之间传输数据。
      • 运行net use x: \\vboxsvr\WinShared（假设共享文件夹名为WinShared。这会将网络目录绑定到x:驱动器。
      • 可选：如果您要使用图片超过30天，请安装 AntiWPA 以停用激活检查。
      • 可选：禁用分页文件（计算机＆gt;属性＆gt;高级＆gt;性能＆gt;高级＆gt;虚拟内存＆gt;更改＆gt;无分页＆gt;设置[确认]）。
      • 可选：通过Start > Run > services.msc 禁用unnecessary services 按列Startup Type排序行，并切换所有＆＃34;自动＆＃34;根据图像，服务到＆＃34;手册＆＃34;每当您要安装MSI软件包时，请运行 net start msiServer （＆＃34; Windows Installer＆＃34;）：
        Windows XP - services.msc
      • 可选：Disable Desktop clean-up wizard：Desktop > Properties > Desktop > Customize Desktop > Disable "Desktop Cleanup wizard every 60 days"
      • 可选：安装并配置 Sandboxie （用于在同一个IE6虚拟机中运行IE7和IE8）
      • 可选：安装CCleaner，运行它以配置它并清除垃圾。
      • 可选：安装7-Zip（用于多个Chrome＆＃39;）
      • 通过来宾操作系统（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
  • 修补程序：扩展版必需，一次启用多个沙箱。 Pay他们或visit YouTube 同时运行多个IE / Safari版本需要扩展版本。如果您不介意一次测试一个IE / Safari版本，标准版本就足够了。

    安装后：
  • 停用提示：＆＃34;配置＆gt;提示＆gt;隐藏所有提示＆＃34;
  • 默认情况下，沙盒应用程序周围会出现黄色边框。如果你不喜欢这样，请转到配置基础：＆＃34; Sandbox＆gt; DefaultBox＆gt;沙箱设置＆gt;外观＆＃34 ;.

    对于每个新的IE / Safari版本，您必须按照以下步骤操作：
  • 创建：＆＃34; Sandbox＆gt;创建新沙箱＆＃34; - 输入名称，例如＆＃34; IE8＆＃34;并确认。
  • 安装：＆＃34; IE8＆gt;运行Sandboxed＆gt;运行任何程序＆＃34;
    选择所需的安装程序，然后按OK。
  • 快捷方式：完成安装后，使用＆＃34; IE8＆gt;浏览内容＆＃34;，找到二进制文件并创建应用程序的桌面快捷方式。

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

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

导航至：Part 2

答案 1 :(得分：11)

微软最近开始提供名为modern.IE的免费服务：

  

modern.IE是我的微软制作跨浏览器的事业   更轻松地测试Internet Explorer浏览器。微软有   创建了modern.IE，为开发人员和设计人员提供了一套   用于促进IE浏览器测试的工具。

     

使用modern.IE，您有两种方法可以在IE中测试您的网站。   首先，modern.IE为您提供三个月免费使用网络   浏览器测试服务BrowserStack。你只需要一个Facebook帐户   登录并开始测试。

     

modern.IE提供的第二种方法是每种方法的虚拟化图像   浏览器从IE 6到IE 10，可以在虚拟化上运行   VirtualBox，Virtual PC，Hyper-V或VMWare Player等软件   Windows，Mac或Linux。

     

此外，modern.IE还提供了一个扫描您的网页的工具   对于常见的编码问题并列出它们以供您纠正   它们在所有IE版本中都能正确显示。

来源：modern.IE - Cross-Browser IE Testing Tools Suite

注意：已删除链接的文章。链接现在转到页面的Wayback Machine存档。

相关问题
最新问题