網頁隻是您的網絡浏覽器顯示的文檔。但是，如果您可以直接在任何網頁上輸入來修改它呢？你可以，而且你不需要浏覽器擴充——它是每個現代浏覽器中内置的功能。
此功能利用了“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='關閉'
該網頁将不再可編輯，但您的更改将被保留，直到您下次重新整理頁面。