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

Question

我知道，使用浏览器开发人员工具，我们可以编辑HTML页面。但是有什么方法可以编辑它而无需使用源代码。例如，如果要加粗一些文本，则只需选择该文本并输入Ctrl + B。

Answer 1

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

但是，如果您愿意运行少量的JavaScript，答案是肯定的！

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

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

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