【问题标题】:CSS cross browser compatibility on UbuntuUbuntu 上的 CSS 跨浏览器兼容性
【发布时间】:2012-07-10 03:03:49
【问题描述】:

我目前从事 Web 开发工作,我的默认桌面是 Ubuntu,我对我开始使用的设置和应用程序很满意。但是我需要在 Ubuntu 上测试网页的跨浏览器兼容性。 我经历了地狱,试图让 IE7 或 IE8(带酒)在 ubuntu 上运行,当它们最终工作时,它们非常有问题,图形/滚动非常慢。 当然有虚拟盒子的选项,但同样,太多的 GBytes 只是为了运行一个小应用程序!

所以对于所有的 CSS 专家,我怎样才能继续使用我心爱的 Ubuntu 并仍然提供高质量(经过测试)的页面。

谢谢。

【问题讨论】:

    标签: css ubuntu cross-browser


    【解决方案1】:

    编辑:

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

    结束编辑

    我尝试过的各种选项,包括“最终解决方案”:来自微软的免费可下载 Windows 测试操作系统

    我已经尝试了以下一些选项,但 virtualbox 可能是您进行全面测试的最佳选择,尤其是因为您经常需要以专业身份测试 ie8、ie7 和 ie6。仅安装一个操作系统就变得很棘手。所以按照最简单和最浅的测试到最复杂和最全面的测试:

    browserlab.adobe.com

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

    Browsershots.org

    • 虽然browsershots.org 也是您应该用于用户可能会看到的概览体验的东西,但如果没有真正的浏览器来进行 javascript 和行为测试,您真的无法通过(而不是只是浏览器提供的显示和渲染测试)。在您看到图像之前的延迟也是致命的。

    双启动进入windows

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

    远程桌面切换到正在运行的 windows 框

    • 在我提到“覆盖所有基础”选项之前,另一个有用的可能性是设置 Windows 机器并启动它并通过远程桌面连接到它,这样您就可以在一台机器上工作并从两者都有。

    最终解决方案,使用 virtualbox

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

    幸运的是(我知道你说你不喜欢 virtualbox 解决方案,而且我知道这是一个烦人的设置过程,但是......)微软提供了可用一年或更长时间的不同版本的虚拟机发行版即预安装的,在您必须更新虚拟机之前一年左右无需许可证即可使用,@ http://www.microsoft.com/downloads/details.aspx?FamilyId=21EABB90-958F-4B64-B5F1-73D0A413C8EF&displaylang=en

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

    因为本 ubuntu 安装指南在其他任何地方都不再完整可用,以防万一您或其他人确实需要它当我通过它们时工作。我为他们的长度道歉。感谢 ubuntu 论坛上现已匿名的原始发帖人:

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

    http://ubuntuforums.org/showthread.php?t=1097080(Ed:我在网上找不到这个帖子了)

    HOWTO:在 Linux 中运行 IE6、IE7、IE8 VirtualBox 你需要:virtualbox、qemu、 酒

    代码:apt-get install virtualbox qemu 酒

    下载免费(!)微软 Internet Explorer 应用程序 在此处检查 VPC 映像的兼容性: http://www.microsoft.com/downloads/details.aspx?FamilyId=21EABB90-958F-4B64-B5F1-73D0A413C8EF&displaylang=en (注:您不必下载 全包,你可以樱桃采摘 XP/Vista 的特定组合和 IE6-8)

    用 wine 提取 VPC 图像 (双击)。 (注:可能需要一个 在第一个窗口显示之前 上)

    将 VPC 映像转换为 (a) VMWare 图像(可由以下人员读取) VirtualBox): qemu-img 转换 -f vpc image.vhd -O vmdk image.vmdk

    在 VirtualBox 中设置一个新的虚拟机,使用 vmdk 映像作为现有磁盘。 启动它,您将看到 Windows 启动 进度条和...它会蓝屏 不久之后。

    修复蓝屏:

    蓝屏是因为虚拟机 Windows 尝试加载处理器 错误处理器的驱动程序(它是 不在 VirtualPC proc 上运行,而是在 VirtualBox 过程)。或者类似的东西 那...我们需要强制 Windows 不 尝试为 处理器(它不需要任何过程 驱动程序,因为它都是虚拟的 反正)。通过以下方式启动安全模式 (疯狂地)在 Windows 上按 F8 启动并选择安全模式。

    忽略所有检测到的“新硬件” 警告(我们将处理那些 之后)。启动命令框并运行 以下命令禁用 加载处理器驱动程序:

    代码:sc config processor start= 已禁用(注意 '=' 之间的空格 和“禁用”!)

    重启虚拟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

    制作一个包含 司机。我用 Brasero 简单。选择创建数据 项目,添加 zip 文件(或 解压文件,省去一步 Windows),创建iso。无需 刻录一张真正的 CD!

    停止虚拟窗口,编辑 VirtualBox 中的设置:挂载你的 全新的iso。

    启动虚拟Windows,当它 要求安装驱动程序 PCnet 昵称,指向(解压缩) 司机。瞧!你有 内网! (现在你也可以尝试 安装它抱怨的其他驱动程序 为,但它不是真的必要)

    图片自述文件显示该图片将在大约一年后过期。以我的经验,该系统在多小时使用时会步履蹒跚,但仍可用于启动测试网站时可能需要的那种短时间。在最坏的情况下,您可能不得不再次执行这些步骤,因此请务必将它们放在一年左右后您可以再次找到它们的地方。

    【讨论】:

    • 哦,这些图片看起来不错。 +1。
    • Virtual box 就是这样,我会试试微软发行版。 PS。我已经在双启动上安装了 Windows 7,但这是出于游戏目的,但我不能每次想测试 CSS 行时都重新启动机器:)
    • 虚拟机是要走的路!在大多数现代公司中,开发环境是不可公开访问的,这意味着您不能使用浏览器截图服务。另外,它们不能再现行为(:悬停,交互)。模拟器总是只是模拟器,即使它们有问题或不完美。您可以在 ebay 上以 10 欧元的价格合法获得 Winxp 的许可证。 macosx 许可证也可用于 100 欧元以下。如果这是你的工作,那么你应该花这个。你将有一个完美的设置。您可以随时关闭、重置或更新任何虚拟机。
    【解决方案2】:

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

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

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

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

    【讨论】:

    • 是的,我想我必须设置一个 VirtualBox。我试图让我拥有最轻的 Windows。
    【解决方案3】:

    如果您有 Windows 副本,则可以将其安装在虚拟机中(Virtualbox 是一个不错的免费选项)。或者,如果您不介意大量延迟并公开展示您的网页,您可以使用BrowserShots 之类的服务。

    【讨论】:

      【解决方案4】:

      我没有在 Ubuntu 或 Windows 上尝试过这个 - 但这似乎是一个非常好的网络测试系统。

      http://spoon.net/browsers/

      不过,我认为最好的结果是尽可能使用虚拟机。

      【讨论】:

      • 不幸的是,该页面上的每个测试链接在 ubuntu 中都显示“此选项不适用于您的设备”。也许只有窗户?
      【解决方案5】:

      我必须为那些选择 VirtualBox 的人发声。

      VM 是准确表示 IE 平台行为方式的唯一方法。它们还允许您保持您的主要 Linux 安装没有 WINE 和 IE gunk,否则它们总是很麻烦和脆弱。 (特别是如果您尝试运行多个 IE,即使在 Windows 下也不可靠且不准确)。

      它们不一定那么大,如果您注意修剪不需要的功能、关闭交换、压缩磁盘映像等。我的 XPSP3 测试图像刚刚超过 800MB。

      【讨论】:

        【解决方案6】:

        我不想安装所有这些东西,因为我想快速前进。

        我找到了带有预装浏览器的公共 AWS 映像,您只需启动和使用即可。

        http://www.hens-teeth.net/html/products/cross_browser_testing.php

        如果您已经拥有 AWS 账户,则只需 5 分钟。确保在安全组中的传入流量上启用 RDP 端口。

        当我使用 ubuntu 时,我一直在寻找一种从它连接到 MS Win 的方法。 我通过远程桌面连接到他们。 去这里的方法是 rdesktop,一个用于 Windows 远程桌面的命令行实用程序。 (sudo apt-get install rdesktop)

        如果您喜欢 GUI,请使用 tsclient。非常接近windows版本。

        从工作流程的角度来看,我首先在 Ubuntu 中为 Chrome 开发,然后通过 browserlab.adobe.com 查看其他浏览器。 之后我启动我的新 AWS 实例进行调试。

        小型 AWS Windows 实例每小时 0.12 美元 (http://aws.amazon.com/ec2/#pricing)。在值得安装所有这些东西之前,我可以为此工作很长时间。

        【讨论】:

          【解决方案7】:

          CrossBrowserTesting.com 在 Linux 上运行。允许您通过 vinagre vnc 客户端访问 Mac、Windows 和 Ubuntu 配置以及加载在它们上的所有浏览器。

          【讨论】:

            猜你喜欢
            • 2015-03-07
            • 2012-01-11
            • 1970-01-01
            • 2012-08-09
            • 1970-01-01
            • 1970-01-01
            • 2011-06-07
            • 2012-02-06
            相关资源
            最近更新 更多