如何从浏览器编辑和保存静态网页?

时间:2011-04-30 07:55:03

标签: javascript html css editor firebug

我一直在Windows中使用Dreamweaver。
最近我转移到Ubuntu,在那里我找不到Dreamweaver的任何好的替代品。

所以我决定使用Firebug,但它很适合编辑CSS,Javascript。我发现它不适用于编辑HTML(就地) 的 1。有没有办法可以在浏览器中自动编辑文本?

我遇到的问题是我无法保存已编辑的CSS文件或js文件 2.有没有办法可以在firebug中保存编辑过的数据? 第二回答:Why can't I save CSS changes in Firebug?

注意:
我已经尝试过Kompozer,NVU和Quanta Plus。

修改
我知道远程服务器中的网页无法直接在浏览器中编辑。我正在谈论编辑本地副本或编辑任何网页并保存它的本地副本。

4 个答案:

答案 0 :(得分:3)

看看这个:Why can't I save CSS changes in FireBug

虽然有很好的替代编辑器可以用来完成Dreamweaver可以做的很多事情,但它们永远不会提供Dreamweaver的舒适性。您可以安装Winerun dreamweaver on ubuntu。还有Amaya,它实际上是由W3C制作的。我想它也很轻,甚至可能与Kompozer不同,但由于它是W3C自己创造的,所以至少你可以肯定你用它创造的东西是有效的,如果可能很简单。

答案 1 :(得分:2)

至少对于CSS,您可以使用web developer toolbar。安装它,按ctrl + shift + e然后你去。

答案 2 :(得分:2)

<强> 1。是的,您可以通过此"Lord of the Web" JavaScript snippet

在浏览器中编辑文本
document.body.contentEditable='true'; document.designMode='on';

以获得最佳效果(地址栏中的JavaScript支持很多):

  1. 使用Chrome或Firefox
  2. 在浏览器的内置JavaScript控制台中输入代码段(Firebug也可以使用)
  3. &#34;另存为&#34;网页,完整。 (注意:可以修改JS脚本,CSS和图像文件等资源的路径。)我已确认从Chrome和Firefox保存到本地文件时保留了更改。

  4. <强> 2。 Chrome现在支持Live editing CSS, then saving to disk

    1. 改变样式,就像你一样......
    2. 您可以点击“源”窗格并在那里实时编辑样式,就像文本编辑器一样。
    3. 右键单击并保存到磁盘。选择保存文件的位置
    4. 进行更多更改
    5. 只需点击ctrl-s(或cmd-s)即可立即保存回同一位置的磁盘。

答案 3 :(得分:0)

您无法在浏览器中进行编辑,因为这会带来安全风险 - 如果可以的话,您可以编辑世界上的任何网站......

我建议使用专用的HTML编辑器 - linux也有很多这样的编辑器。