如何在瀏覽器中使頁面可編輯

瀏覽器中有一個特殊且非常秘密的模式,稱為設計模式。

瀏覽器中有一個特殊且非常秘密的模式,稱為設計模式

將頁面設置為設計模式時,可以直接在瀏覽器頁面內編輯頁面的內容,例如,這對於測試某些原型或檢查新標題的外觀非常方便。

如何啟用它?打開DevTools控制台,然後輸入:

document.designMode = 'on'

通過啟用可以觸發相同的結果contentEditablebody元素,如下所示:

document.body.contentEditable = true

您可以編輯文本,將其刪除,也可以拖動圖像來重新定位它們。

designMode in action

您可以通過使用以下方式關閉模式

document.designMode = 'off'

幾乎所有包括IE在內的瀏覽器都支持此功能。它已經很舊了,但是還不為人所知。

免費下載我的JavaScript初學者手冊


更多瀏覽器教程: