有没有办法在不查看源代码的情况下从浏览器/编辑器编辑HTML页面

Question

我知道使用浏览器开发工具我们可以编辑HTML页面。但有没有办法编辑它而不需要进入源代码。例如，如果我想加粗一些文本，那么我只需要选择该文本并输入Ctrl + B.

Answer 1

没有打开devtools：除非网页专门支持它，否则。

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

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

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

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