打开网易新闻 查看更多图片

网页只是您的网络浏览器显示的文档。但是，如果您可以直接在任何网页上输入来修改它呢？你可以，而且你不需要浏览器扩展——它是每个现代浏览器中内置的功能。

此功能利用了“document.designMode”功能，您可以通过 Web 浏览器的 JavaScript 控制台启用该功能。Tomek Sułkowski 最近在 Twitter 上强调了它，但它太酷了，我们不得不与我们的读者分享。

您可以使用此功能在打印之前清理网页，测试网页更改的外观，甚至只是恶作剧。就像编辑 Word 文档一样——不需要弄乱 HTML。

要激活此功能，请访问网页，然后打开开发者控制台。要在 Google Chrome 中打开控制台，请单击菜单 > 更多工具 > 开发人员工具或按 Ctrl+Shift+i。

虽然我们在这里使用 Chrome 作为示例，但此功能也适用于其他现代浏览器。以下是在其他浏览器中打开控制台的方法：

  • 在 Mozilla Firefox 中，单击菜单 > Web 开发人员 > Web 控制台或按 Ctrl+Shift+K。
  • 在 Apple Safari 中，单击 Safari > 首选项 > 高级并启用“在菜单栏中显示开发菜单”。然后，单击开发 > 显示 JavaScript 控制台。
  • 在 Microsoft Edge 中，单击菜单 > 更多工具 > 开发人员工具或按 F12，然后单击“控制台”选项卡。

单击“开发人员工具”面板顶部的“控制台”选项卡。在控制台中输入以下内容并按 Enter：

document.designMode = '开'

打开网易新闻 查看更多图片

如果愿意，您现在可以关闭控制台，并像编辑可编辑文档一样编辑当前网页。单击某处以插入光标并键入文本。使用 Backspace 或 Delete 键删除文本、图像和其他元素。

这只会改变网页在浏览器中的显示方式。刷新页面后，您将再次看到原始页面。如果您转到另一个网页或选项卡，则在您打开控制台并再次键入此行之前，它不会处于设计模式。

您甚至可以返回控制台并运行以下命令来关闭设计模式：

document.designMode = '关闭'

该网页将不再可编辑，但您的更改将被保留，直到您下次刷新页面。