用Google Chrome浏览器编辑HTML源代码

Question

2010-09-26 11:23:50 +0000 2010-09-26 11:23:50 +0000

34

用Google Chrome浏览器编辑HTML源代码

在Internet Explorer中，我可以打开一个本地的.html文件，通过选择 “查看 "菜单中的 "源"，进行快速修改，然后 "刷新"（重新加载）网页。

在Google Chrome浏览器中，我如何做到这一点？

我可以在Windows记事本中打开.html文件吗？(我喜欢记事本，因为它的速度非常快)。

来源

barlop http://superuser.stackexchange.com/users/42672

答案 (4)

23

2010-09-28 09:48:35 +0000

1.打开DevTools. 2.打开Elements面板. 3.选择html或body或其他你想要的元素. 4.用Esc打开控制台. 5.写$0.contentEditable = true

现在你可以编辑页面上的文字和移动图片了，但这不是你真正想要的:)

来源

loislo http://superuser.stackexchange.com/users/42672

1

2014-08-15 13:39:52 +0000

如果你想将文件作为HTML源（而不是单个元素）进行编辑，你可以进行以下操作：

1.选择左侧的 “源 "选项卡 2.在 "源 "窗格中右击 "添加文件夹到工作区"，选择 "添加文件夹"，并添加包含HTML源文件的文件夹 3.右击你要编辑的HTML文件，选择 "映射到网络资源"。

来源

Paul Troon http://superuser.stackexchange.com/users/42672

1

2013-02-02 16:31:20 +0000

你可以试试这个InlineEditor来编辑和保存浏览器页面中的静态HTML，这里是演示

来源

MKK http://superuser.stackexchange.com/users/42672

相关问题

16

如何清除/冲洗谷歌浏览器中的DNS缓存？ 926

1

如何删除Chrome浏览器中的一个或所有自动完成的文本条目？ 438

18

如何才能让Chrome停止缓存重定向？ 427

10

如何在Chrome浏览器中阻止自动重定向从 "http://"到 "https://" 406

11

PDF在复制粘贴时有混乱的文字 26

Casual Coder http://superuser.stackexchange.com/users/42672 · Accepted Answer · 2010-09-26 11:40:16 +0000

Ctrl+Shift+I or F12 -> 元素，它应该会显示你的源代码。右键点击任何元素，然后点击Edit as HTML

编辑：*

有一些扩展看起来像你想要的。https://chrome.google.com/extensions/search?itemlang=&q=editor ](https://chrome.google.com/extensions/search?itemlang=&q=editor)

ChromeEditor Live WebSite Editor 看起来很有前途。

**由barlop添加* 我看到（ctrl-shift-I / F12之后），右键点击<HTML..> or </HTML>标签，然后点击 “编辑为html"，就可以在其中的任何地方进行编辑。选择打开的标签意味着弹出的编辑窗口只覆盖了所有的html源码，这在编辑时是非常整洁的。选择关闭标签可能会很有用，因为弹出窗口会出现在html下面，这样你就可以看到一个前/后。或者像benjamin说的那样，按F2键编辑，按ctrl-enter键提交。