http://10.0.2.2:8888/
1. 需要测试哪些浏览器?
统计数据很快就会过时。因此,我参考维基百科上的网页浏览器使用情况以及以下网站获取最新的浏览器版本信息。每个网站都附有简要的使用指南。
2012年1月
(选择上个月)。screenshot。现在,大多数网页浏览器都采用自动更新的快速发布形式。当本指南编写时,发布不是很频繁,因此设置一组浏览器而无需回头查看是有用的。
除非您有意在旧浏览器中测试应用程序,否则只需获取浏览器的最新版本,并让自动更新程序负责管理版本。
如果您不需要太多的灵活性,并且想要快速测试页面,则建议您查看BrowserStack.com。注册后,您可以获得30分钟的免费试用,直接在浏览器中访问许多桌面和移动浏览器。
2. 准备工作
在设置机器之前,请下载所有必要的文件(请参见本节末尾的“下载摘要”)。 所有文件将通过共享文件夹与虚拟机共享什么?如何?。
.ova
文件并运行它,将其导入到VirtualBox中。(还有其他虚拟化产品的镜像文件,例如VMware、Parallels、Virtual PC和Hyper-V。)
net use x: \\vboxsvr\WinShared
(假设共享文件夹名为WinShared
,这将把网络目录绑定到x:
驱动器)。开始 > 运行 >
services.msc
禁用unnecessary services。Startup Type
排序,并根据图像将所有"自动"服务切换到"手动"。每当要安装MSI包时,运行net start msiServer
("Windows Installer"):桌面 > 属性 > 桌面 > 自定义桌面 > 禁用"桌面清理向导,每60天一次"
VBoxManage modifyvm NAME_OF_VM --biossystemtimeoffset +3600000000
将时间设置为未来1000小时(如果要将其设置为过去某个时间点,则使用减号)。为了方便起见,最好将所有安装文件放在共享文件夹中。以下是所有必要文件的简要(完整)列表(按步骤排序):
3. Sandboxie
Sandboxie是一个轻量级工具,可以在沙盒中运行应用程序。它还可用于在单个Windows机器上安装多个版本的IE / Safari。
C:\Sandbox
中。此目录中的应用程序默认在沙盒中启动。其他程序可以通过上下文菜单轻松地在沙箱中启动:"运行沙箱"或"发送到>Sandboxie>IE8"。第二部分内容(跳转至:第一部分)
4. Internet Explorer
5. Firefox
6. Opera
7. Chrome
8. Safari
9. 开发者工具(及快捷键)
10. 安装和磁盘空间测量设置时间
• 每个浏览器所需时间(安装和配置)
11. 最佳使用方法
• 主页为http://10.0.2.2:8888/
安装和配置
浏览器配置提示:
Windows 7不允许运行旧版本的IE但请参见下面的注释,因此需要Win XP虚拟机。
IE无法降级,因此从最低版本开始,在单独的Sandboxie中升级IE。在升级之前设置最低浏览器版本的首选项,这样您只需设置一次主要首选项即可。
VBoxManage modifyvm NAME_OF_VM --biossystemtimeoffset <OFFSET IN MS, prefixed by plus or minus>
这个网站提供了IE6(甚至IE5.5)的完全离线安装程序在此处。
对于IE6和IE7,应该安装Internet Explorer开发者工具栏。IE8+已经内置了F12开发者工具。
配置
实际上,通过应用程序虚拟化在Windows 7中运行IE6-8是可能的。VMWare ThinApp效果很好,但设置需要更多时间,因为您需要捕获Internet Explorer的安装过程。此外,该软件包非常昂贵(虽然可以自由获取keygen,但不道德)。
5. 火狐浏览器
选项1(懒人专属):
Utilu Mozilla Firefox Collection。该工具包含所有火狐浏览器版本的安装程序(200+ MB),同时还包括Firebug、Web开发者工具栏和Flash。
选项2:
多个火狐浏览器版本可以轻松安装并同时运行。
工具 > 选项
(Windows),编辑 > 首选项
(Linux)
复制
选项复制每个配置文件。Firefox 3.6
)和目标。Firefox版本
选项为配置文件选择默认的Firefox版本。启动新实例[-no-remote]
框,以允许同时运行多个Firefox版本。启动Firefox
按钮启动Firefox实例。6. Opera
Opera: 所有安装程序列表都可以在Opera.com上找到。多个版本可以并排安装,不会有任何问题。在安装过程中,选择“自定义”,并选择不同的目录。
在安装时,还要选择为所有用户使用相同的配置文件。
重要偏好设置: 设置 > 首选项 > 高级 > 安全 > 不检查更新。
注意:Opera 15+使用与Chrome相同的渲染和JavaScript引擎。
7. Chrome
Chrome: 可以从File Hippo下载独立安装程序。
也可以同时运行多个Chrome版本。
虽然可以使用Sandboxie,但建议使用下一个本地方法以便同时运行多个版本。
C:\Chrome\
.chrome.7z
archive is created. Also extract this file, and descend the created Chrome-bin
directory.chrome.exe
and a dir like 18.0.1025.45
.chrome.exe
to 18.0.1025.45
, then move this directory to C:\Chrome
. The remaining files in Chrome-bin
can safely be deleted.Create a shortcut for each version:
"C:\Chrome\18.0.1024.45\chrome.exe" --user-data-dir="..\User Data\18" --chrome-version=18.0.1025.45
Explanation of this shortcut:
"C:\Chrome\18.0.1024.45\chrome.exe"
• This is the launcher--user-data-dir="..\User Data\18"
• User profile, relative to the location of chrome.exe
. You could also have used --user-data-dir="C:\Chrome\User Data\18"
for the same effect. Set your preferences for the lowest Chrome version, and duplicate the User profile for each Chrome version. Older Chrome versions refuse to use User profiles from new versions.--chrome-version=18.0.1025.45
• Location of binaries:
18.0.1025.45
) must be the name of the directory:chrome://settings/
中设置。我通常会更改主页和“高级设置”。
随着Chrome版本的不断发布,安装所有版本并不实际。我创建了一个VB脚本来自动化这些步骤,因此我只需存储安装程序,然后在需要测试旧版Chrome时运行该脚本:https://gist.github.com/Rob--W/2882558
8. Safari
注意:Safari已停止在Windows上的支持。 Windows上最后支持的Safari版本为5.1.7;您需要Mac或OS X虚拟机来测试新版本Safari中的网站。
Safari 本身不支持 多个版本或用户配置文件并存。Safari 4 即将失效, 因此您只需测试5.* 版本。所有Safari版本都可以从Old Apps下载。
必须通过首选项>高级>在菜单栏中显示开发人员菜单
启用开发人员工具。安装 Safari 后,通过控制面板>添加/删除软件
卸载 Apple 软件更新程序。
9. 开发者工具(和快捷方式)
* 不包括设置Sandboxie沙箱的时间(<1分钟)。
安装完成后,请使用 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/
设置为主页。
可能的用例:
所有这些都可以轻松地在简单的服务器上实现(例如我使用过 Node.js)。
只是提供一下,Microsoft最近开始提供名为modern.IE的免费服务:
modern.IE是Microsoft推出的一个工程,旨在为Internet Explorer浏览器提供跨浏览器测试工具。Microsoft创建了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版本中正确显示。
注意:链接的文章已被删除。现在的链接指向Wayback Machine页面的存档。