要激活此功能，请访问网页，然后打开开发人员控制台。要在Google Chrome浏览器中打开控制台，请依次点击菜单>更多工具>开发者工具，或按Ctrl + Shift + i。
以此处的Chrome为例，该功能也可以在其他现代浏览器中使用。在其他浏览器中打开控制台的方法如下：
在Mozilla Firefox中，单击菜单> Web Developer> Web控制台，或按Ctrl + Shift + K。在Apple Safari中，单击Safari>首选项>高级，然后启用“在菜单栏中显示开发菜单”。然后，单击开发>显示JavaScript控制台。在Microsoft Edge中，单击菜单>更多工具>开发人员工具或按F12，然后单击“控制台”选项卡。
单击“开发人员工具”面板顶部的“控制台”选项卡。在控制台中输入以下内容，然后按Enter：
document.designMode = 'on'
现在，您可以根据需要关闭控制台，并像编辑可编辑文档一样编辑当前网页。单击某处以插入光标并键入文本。使用Backspace或Delete键删除文本，图像和其他元素。
这只是改变了网页在浏览器中的显示方式。刷新页面后，您将再次看到原始页面。如果转到另一个网页或选项卡，则只有在打开控制台并再次键入此行后，它才会处于设计模式。
您甚至可以返回控制台并运行以下命令以关闭设计模式：
document.designMode = 'off'
该网页将不再可编辑，但是您的更改将被保留，直到您下次刷新该页面为止。