网页只是您的网络
浏览器显示的文档。但是，如果您可以直接在任何网页上输入来修改它呢？你可以，而且你不需要浏览器扩展——它是每个现代浏览器中内置的功能。
此功能利用了“document.designMode”功能，您可以通过Web浏览器的JavaScript控制台启用该功能。TomekSukowski最近在Twitter上强调了它，但它太酷了，我们不得不与我们的读者分享。
您可以使用此功能在打印之前清理网页，测试网页更改的外观，甚至只是恶作剧。就像编辑
Word文档一样——不需要弄乱HTML。
要
激活此功能，请访问网页，然后打开开发者控制台。要在GoogleChrome中打开控制台，请单击菜单>更多工具>开发人员工具或按Ctrl+Shift+i。
虽然我们在这里使用Chrome作为示例，但此功能也适用于其他现代浏览器。以下是在其他浏览器中打开控制台的方法：
在MozillaFirefox中，单击菜单>Web开发人员>Web控制台或按Ctrl+Shift+K。在AppleSafari中，单击Safari>首选项>高级并启用“在菜单栏中显示开发菜单”。然后，单击开发>显示JavaScript控制台。在MicrosoftEdge中，单击菜单>更多工具>开发人员工具或按F12，然后单击“控制台”选项卡。
单击“开发人员工具”面板顶部的“控制台”选项卡。在控制台中输入以下内容并按Enter：
document.designMode='开'
如果愿意，您现在可以关闭控制台，并像编辑可编辑文档一样编辑当前网页。单击某处以插入光标并键入文本。使用Backspace或Delete键删除文本、图像和其他元素。
这只会改变网页在浏览器中的显示方式。刷新页面后，您将再次看到原始页面。如果您转到另一个网页或选项卡，则在您打开控制台并再次键入此行之前，它不会处于设计模式。
您甚至可以返回控制台并运行以下命令来关闭设计模式：
document.designMode='关闭'
该网页将不再可编辑，但您的更改将被保留，直到您下次刷新页面。
