在Ubuntu上的CSS跨浏览器兼容性

Question

我目前正在进行Web开发,我的默认桌面是Ubuntu,我对我的设置和应用程序感到满意.但是我还需要在Ubuntu上测试网页以实现跨浏览器的兼容性.我已经经历了试图让IE7或IE8(带葡萄酒)在ubuntu上运行的地狱,当他们最终工作时,他们非常错,图形/滚动非常慢.当然可以选择虚拟盒,但是再次使用GBytes就可以运行一个小应用程序!

那么对于那里的所有CSS大师,我怎样才能继续我心爱的Ubuntu并仍然提供一个高质量(测试)的页面.

谢谢.

Answer 1

编辑:

新鲜度更新:我现在使用browserstack.com的付费服务,通过闪存隧道提供多种不同的浏览器测试环境.我是付费用户,但有一个初始免费试用期.browserstack使我无需以任何形式,虚拟映像或其他方式在我的机器上运行Windows操作系统.由于它还允许隧道,我可以在我的本地计算机上托管该站点,但仍然可以在browserstack浏览器中进行测试.我认为月租费钱很值得花.

结束编辑

我尝试了各种选项,包括"最终解决方案":免费下载Windows测试微软的操作系统

我已经尝试了下面的一些选项,但是虚拟盒可能是您进行全面和完整测试的最佳选择,特别是因为在专业级别中您经常需要测试ie8,ie7 -and-ie6.只安装了一个操作系统,这很棘手.因此,为了最简单和最浅层的测试,最复杂和最全面的测试:

browserlab.adobe.com

• 一个更新,有趣的在线解决方案是:browserlab.adobe.com.与browsershots相比,它实际上非常具体和快速.它只为您提供截图,但这是一个很好的第一步.所以我建议用于纯视觉(因此相对较浅)的测试.

Browsershots.org

• 虽然browsershots.org也应该用于概述用户可能看到的内容,但如果没有真正的javascript和行为测试浏览器(而不仅仅是browserhots提供的显示和渲染测试),你真的无法实现这一点. .在你看到图像之前的延迟也是杀手锏.

双启动到窗口

• 我尝试过的另一个是双启动,我在ubuntu中工作了99%的时间,并且我安装了Windows并可用于双启动.不是一种快速的测试方法,但如果你没有任何其他方式来访问ie,它至少应该适用于最新版本.

远程桌面到运行的Windows框

• 在我提到"cover-all-the-bases"选项之前,另一个有用的可能性是设置一台Windows机器并将其启动并通过远程桌面连接到它,以便您可以在一台机器上工作并从两者进行测试.

最终解决方案,使用virtualbox

• 最后,使用virtualbox的所有解决方案的母亲:

幸运的是(我知道你说你不喜欢虚拟机解决方案,我知道这是一个烦人的设置过程,但是......)微软提供了一年或更多的虚拟机发行版,其中包括不同版本的ie -installed,在您需要更新虚拟机之前一年左右无需许可证,@ http://www.microsoft.com/downloads/details.aspx?FamilyId=21EABB90-958F-4B64- B5F1-73D0A413C8EF&displaylang = EN

从microsoft免费提供的浏览器测试图像安装虚拟机

因为这个在ubuntu上设置的指南在其他任何地方都不再可用,所以为了防止你或其他人真正需要它,我觉得有必要在ubuntu论坛上提供给我的安装过程的实际细节,并在我经历过他们.我为他们的长度道歉.感谢ubuntu论坛上现在匿名的原创海报:

免费访问Microsoft浏览器兼容性虚拟操作系统,为Ubuntu安装步骤

http://ubuntuforums.org/showthread.php?t=1097080(爱德:我再也找不到这个帖子了)

HOWTO:在VirtualBox上的Linux上运行IE6,IE7,IE8您需要:virtualbox,qemu,wine

代码:apt-get install virtualbox qemu wine

下载免费(!)Microsoft Internet Explorer应用程序兼容性检查VPC图像:http://www.microsoft.com/downloads/details.aspx？ FamilyId = 21EABB90-958F-4B64-B5F1-73D0A413C8EF&displaylang = en (注意:你不要不必下载完整包,你可以挑选XP/Vista和IE6-8的特定组合)

用葡萄酒提取VPC图像(双击).(注意:第一个窗口显示可能需要一段时间)

将VPC图像转换为(a)VMWare图像(VirtualBox可读取):qemu-img convert -f vpc image.vhd -O vmdk image.vmdk

使用vmdk映像作为现有磁盘在VirtualBox中设置新VM.启动它,你会看到Windows启动进度条和...它将在不久后BSOD.

修复BSOD:

引起BSOD是因为虚拟Windows试图为错误的处理器加载处理器驱动程序(它不是在VirtualPC proc上运行,而是在VirtualBox proc上运行).或类似的东西...我们需要强制Windows不要尝试加载处理器的驱动程序(它不需要任何proc驱动程序,因为它无论如何都是虚拟的).通过(疯狂地)在Windows启动时按F8并选择安全模式启动安全模式.

忽略所有"新硬件"检测到的警告(我们稍后会处理这些警告).启动命令框并运行以下命令以禁用加载处理器驱动程序:

代码:sc config processor start = disabled(注意'='和'disabled'之间的空格!)

重新启动虚拟Windows,它现在应该一直启动到Windows桌面.

现在,当您认为可以开始使用IE浏览网页时,您会发现虚拟Windows需要安装AMD PCnet NIC的驱动程序,这些驱动程序位于Windows安装盘上.幸运的是,对于没有Windows安装盘的人,还有另外一种方法:)

在此处下载AMD PCnet驱动程序:http://www.amd.com/us-en/ConnectivitySolutions/ProductInformation/0,,50_2330_6629_2452%5E2454%5E2486,00.html

创建一个包含驱动程序的iso文件.为简单起见,我使用了Brasero.选择创建数据项目,添加zip文件(或解压缩的文件,在Windows中保存一步),创建iso.无需刻录实际的CD!

停止虚拟Windows,编辑VirtualBox中的设置:安装全新的iso.

启动虚拟Windows,当它要求安装PCnet缺口的驱动程序时,将其指向(解压缩)驱动程序.瞧瞧!你有内心网!(现在你也可以尝试安装它所抱怨的其他驱动程序,但这并不是必需的)

图像README表示图像将在大约一年后过期.根据我的经验,系统会因多小时使用而受阻,但仍可用于启动测试网站时可能需要的短时间段.在最坏的情况下,您可能需要再次执行这些步骤,因此请确保将它们放在可以在一年左右后再次找到它们的位置.

Answer 2

我认为使用适当的Windows设置虚拟机(Virtualbox或VMWare或...)将是您唯一的(本地)选项.

我没有,购买二手Windows XP许可证.XP很便宜(例如德国约20-30欧元),IE的所有相关版本都在其上运行.家庭版就足够了.不需要Windows 7或任何其他东西.

您可以在其上安装IETester以在一个操作系统上获取所有IE版本.IETester有缺陷,并且在呈现的内容方面并不总是100%可靠,但对于一般的CSS兼容性检查,它应该没问题.

我从未尝试过使用Wine的IE,但即使试图想象这种组合也让我感到鸡皮疙瘩:D