Question

我熟悉在Mac上运行Windows的VM解决方案，但我的问题是，是否有一个软件允许我通过VM为IE进行实时预览模式？

e.x。在Mac上的CSSEdit中，您可以在浏览器中看到您在CSS文件中所做的更改。我也希望有这个功能来设置IE的样式。

更新使问题更清楚：

我需要一个允许CSS样式的桌面/ Mac OS应用程序，并且（！）具有可在Windows VM上运行的实时预览功能。

Answer 1

我没有使用Internet Explorer，所以我不能确定这项技术是否有效，但您可以使用Chromium，Opera和Firefox（在Ubuntu 10.10上）进行实时页内编辑，以下作为例子：

<head>
    <style contentEditable> <!-- note the 'contentEditable' -->
        div {
        clear: both;
            width: 400px;
            background-color: #f90;
        }
    </style>
</head>
<body>
    <div id="test">
        <p>This should start out orange. Ish. Please edit the above style to revise that, though.</p>
    </div>
</body>

使用CSS：

style {
    display: block; // <-- the important bit.
    width: 100%;
    margin: 0.5em 0;
    padding: 0.5em 0;
    border-bottom: 2px solid #000;
}

JS Fiddle demo

已编辑要注意，在Chromium中，如果不是其他人，则在页内可编辑的style块中使用回车符可能会导致问题。

已编辑添加使用输入按钮的回车符/换行符有问题， shift + 输入工作正常（至少在Chromium和Firefox中，其他我没有测试过）。

更新了JS Fiddle demo作为回应。

Answer 2

首先应该感谢您的问题。

我有一个小技巧可以在你的系统上使用IE。你需要一个FTP访问和一个域来使用这个技巧。

在Adobe浏览器实验室中设置一个帐户，以检查您的网站如何[无处不在]并在firebug中使用firefile [允许您将文件保存到服务器]，您可以更改css并将其保存在服务器上。在另一个选项卡中打开adobe浏览器实验室，刷新后可以看到更改。

他们是Firefox中的一些插件来在Firefox中使用IE浏览器。你可以使用它们来满足IE中的外观。

http://getfirebug.com/wiki/index.php/Firebug_Extensions#firefile

IE的CSS更改实时预览的最佳实践？

2 个答案: