html - 有什么方法可以在不查看源代码的情况下从浏览器/编辑器编辑 HTML 页面

Question

我知道使用浏览器开发工具我们可以编辑 HTML 页面。但是有什么方法可以在不进入源代码的情况下对其进行编辑。例如，如果我想加粗一些文本，那么我只需要选择该文本并输入 Ctrl+B。

标签： htmlfrontend

Answer 1

无需打开 devtools：除非网页特别支持，否则不会。

但如果你愿意运行一点点 JavaScript，答案是肯定的！

document.querySelector('body').contentEditable = true

只需在 devtools 控制台中运行该代码，然后尝试在页面上选择一些文本并使用ctrl + b

这是因为Content Editable。当然，这些更改是暂时的，刷新后页面会恢复正常。