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

发布于 2024-11-04 08:58:37 字数 585 浏览 0 评论 0原文

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

所以我决定使用 Firebug,但它对于编辑 CSS、Javascript 很有用。我发现它对于编辑 HTML(就地)没有用处。
1.有什么方法可以在浏览器本身中启用文本就地编辑吗?

我在使用firebug时遇到的问题是无法保存编辑后的CSS文件或js文件。
2. 有什么方法可以在firebug中保存编辑后的数据吗?
第二个回答:为什么我不能将 CSS 更改保存在Firebug?

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

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

I had been using Dreamweaver in Windows.
Recently I shifted to Ubuntu, there I cant find any good alternative to Dreamweaver.

So I decided to use Firebug but Its good for editing CSS, Javascript. I dont find it useful for editing HTML (in place).
1. Is there any way that can enable inplace editing of text in browser itself?

The problem I faced with firebug is that I am unable to save the edited CSS files or js files.
2. Is there any way that can enable saving of edited data in firebug?
2nd one Answered: Why can't I save CSS changes in Firebug?

Note:
I have already tried Kompozer, NVU and Quanta Plus.

EDIT:
I am aware that webpages in remote server can not be edited directly in browser. I am talking about editing a local copy OR editing any webpage and saving a local copy of it.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

醉南桥 2024-11-11 08:58:37

看看这个: 为什么我不能在 FireBug 中保存 CSS 更改

虽然有一些很好的替代编辑器可以用来完成 Dreamweaver 可以做的许多事情,但它们从来没有提供 Dreamweaver 的舒适性。您可以安装 Wine在 ubuntu 上运行 Dreamweaver。还有 Amaya,它实际上是由 W3C 制定的。我想它也是非常轻量级的,甚至可能与 Kompozer 的能力不同,但由于它是 W3C 自己的创造,那么至少你可以确定你用它创建的内容是有效的,如果可能很简单的话。

Have a look at this: Why can't I save CSS changes in FireBug

Though there are good alternative editors that can be used to do many things that the dreamweaver can do, they never offer the comfort of Dreamweaver. You can install Wine and run dreamweaver on ubuntu. There's also Amaya, which is actually made by the W3C. I imagine it's also very light-weight and probably not even of the same caliber as Kompozer, but since it's the W3C's own creation then at least you can be certain that what you create with it is valid, if potentially simple.

一身仙ぐ女味 2024-11-11 08:58:37

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

At least for css you could use web developer toolbar. Install it, press ctrl+shift+e and there you go.

溺ぐ爱和你が 2024-11-11 08:58:37

1.是的,您可以通过此 “Lord of the Web” 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. 您可以单击“源”窗格并在那里实时编辑样式,就像文本编辑器一样。
  3. 右键单击并保存到磁盘。选择保存文件的位置
  4. 进行更多更改
  5. 只需按 ctrl-s(或 cmd-s)即可立即保存回磁盘中的同一位置。

1. Yes, you can edit text within the browser itself via this "Lord of the Web" JavaScript snippet:

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

for best results (JavaScript support from the address bar is spotty):

  1. Use Chrome or Firefox
  2. Enter snippet into browser's built-in JavaScript console (Firebug also works)
  3. "Save as" web page, complete. (Note: paths to resources like JS scripts, CSS and image files may be modified.) I have confirmed the changes are preserved when saving to a local file from Chrome and Firefox.

2. Chrome now supports Live editing CSS, then saving to disk

  1. Make changes to styles, as you do...
  2. You can click through to the Sources pane and live-edit styles there, just like a text editor.
  3. Right click and save to disk. choose where to save the file
  4. Make some more changes
  5. Just hit ctrl-s (or cmd-s) to immediately save back to disk in the same location.
无妨# 2024-11-11 08:58:37

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

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

You can't edit in place in the browser as this would be a security risk - if this was possible, you could edit any website in the world...

I suggest using a dedicated HTML editor - there are many such for linux as well.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文