使用 Google Chrome 编辑 HTML 源代码

Question

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

我怎么能用谷歌浏览器做到这一点？

我可以在 Windows 记事本中打开 .html 文件吗？（我喜欢记事本，因为它真的很快。）

Answer 1

Ctrl+Shift+I or F12-> 元素，它应该显示您的来源。右键单击任何元素并单击Edit as HTML

编辑：

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

ChromeEditor与Live WebSite Editor看好。

由 barlop 添加
我看到（在 ctrl-shift-I / F12 之后），右键单击<HTML..> or </HTML>标签并单击“编辑为 html”。允许我在其中的任何地方进行编辑。选择开始标记意味着用于编辑的弹出窗口仅涵盖那里的所有 html 源 - 这在编辑时在空间方面非常整洁。选择结束标签可能会很有用，因为弹出窗口会出现在 html 下，因此您可以看到之前/之后。或者更好，正如本杰明所说，F2 编辑，ctrl-enter 提交。

Answer 2

1. 打开开发者工具。
2. 打开元素面板。
3. 选择 html 或 body 或您想要的其他元素。
4. 按 Esc 打开控制台。
5. 写 $0.contentEditable = true

现在您可以编辑页面上的文本并移动图像，但这并不是您真正想要的 :)