如何在浏览器中编辑和保存静态网页？

Question

我之前一直在Windows上使用Dreamweaver。
最近我换成了Ubuntu，但是我找不到与Dreamweaver类似的好工具。

于是我决定使用Firebug，但它只适合编辑CSS和Javascript。对于编辑HTML（内部）并不实用。
1. 有没有办法在浏览器中启用文本内部编辑？

我在使用Firebug时遇到的问题是，我无法保存已编辑的CSS文件或js文件。
第二个问题已解答：为什么无法在Firebug中保存CSS更改？

注意：
我已经尝试过Kompozer、NVU和Quanta Plus。

编辑：
我知道远程服务器上的网页不能直接在浏览器中编辑。 我是指编辑本地副本或编辑任何网页并保存其本地副本。

- Rahul Prasad

---

为什么不使用编辑器，然后按 F5 键呢？一旦您掌握了学习曲线，就可以使用像 Vim 这样的工具提高生产力。 - Demian Brecht

你尝试过Wine吗？这里有一些关于在Wine上运行Dreamweaver的信息链接。 - icktoofay

@Demian Brecht：在问题中，我提到我找不到Linux下的Dreamweaver的替代品。如果你知道一个，请推荐。我已经尝试过Kompozer、NVU和Quanta Plus。 - Rahul Prasad

@icktoofay：最新的Dreamweaver不受支持，我真的在寻找Dreamweaver的替代品。而且Wine占用了很多资源。 - Rahul Prasad

如果您解释了您缺少的“功能”，您可能会得到更好的答案。 - Oded

Answer 1

看一下这个：为什么无法在FireBug中保存CSS更改 虽然有很好的替代编辑器可以用来完成Dreamweaver能做的许多事情，但它们从未提供过Dreamweaver舒适的体验。您可以安装Wine并在Ubuntu上运行Dreamweaver。还有Amaya，它实际上是由W3C制作的。我想它也非常轻巧，可能甚至不如Kompozer那样高级，但由于它是W3C自己创建的，所以您至少可以确信使用它创建的内容是有效的，尽管可能很简单。

- Faraz Kelhini

Answer 2

1. 是的，您可以通过这个"网络之王"JavaScript片段直接在浏览器中编辑文本：

document.body.contentEditable='true'; document.designMode='on';

为了获得最佳效果（地址栏 JavaScript 支持不稳定），请执行以下操作：

1. 使用 Chrome 或 Firefox 浏览器
2. 将代码片段输入浏览器内置的 JavaScript 控制台中（Firebug 也可以）
3. 另存为网页，完成。（注意：JS 脚本、CSS 和图像文件等资源的路径可能会被修改。）我已经确认，从 Chrome 和 Firefox 中另存为本地文件时，更改是会被保留的。

---

2. 现在 Chrome 支持实时编辑 CSS，并保存到磁盘上

1. 按照您的习惯更改样式...
2. 您可以单击进入 Sources 面板，在那里实时编辑样式，就像在文本编辑器中一样。
3. 右键单击并保存到磁盘。选择要保存文件的位置
4. 进行更多更改
5. 只需按下 ctrl-s（或 cmd-s），即可立即将更改保存回同一位置的磁盘上。

- Leftium

Answer 3

至少对于CSS，您可以使用Web开发者工具栏。安装它，按下ctrl+shift+e即可。

- Ionuț Staicu

---

工作正常，但在浏览器本身中找不到编辑文本和导出代码的选项。 - Rahul Prasad

要编辑文本，您将使用Firebug。然而，您只应进行快速编辑，而不是定期进行编辑。 - Ionuț Staicu

@lonut：我该如何将在Firebug中编辑的数据保存到我的磁盘上？我不认为Firebug提供这样的选项。 - Rahul Prasad

Answer 4

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

我建议使用专用的HTML编辑器——Linux也有许多这样的编辑器。

- Oded

---

我认为他的意思是编辑页面，然后手动保存回硬盘。 - icktoofay

@RAHUL PRASAD - 不要因为某人没有理解你的问题而给他们投反对票，也许重新阅读你的问题并编辑它以使其更容易理解是更好的选择。然而，我确实理解这个问题。你只是不喜欢这个答案。 - Oded

@Oded：你的第一句话太显然了，“你可以编辑世界上任何网站！”，你认为我的问题水平很低吗？我想进行本地编辑和保存。顺便说一句，我最近才获得这个 downVote 权力，所以不知道什么时候和在哪里使用它。这就是为什么我投反对票，因为我不喜欢它。 - Rahul Prasad

@RAHUL PRASAD - “我不喜欢它”可能是最糟糕的投反对票理由。即使回答正确，如果你不喜欢答案，你会因为这个原因而投反对票吗？至于你所谓的“显而易见”，也许对你来说是这样，但并不是对每个人（这个网站被很多人阅读），我不知道什么对你来说是显而易见的或不显而易见的。请参考此元问题和答案，了解其他人认为应该投反对票的情况：http://meta.stackexchange.com/questions/16236/when-should-correct-answers-get-downvoted - Oded

@Oded：好的，我犯了一个错误，如果你编辑你的帖子，我就可以取消我的踩。 - Rahul Prasad