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

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

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

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

如何啟用它？打開DevTools控制台，然後輸入：

document.designMode = 'on'

通過啟用可以觸發相同的結果contentEditable在body元素，如下所示：

document.body.contentEditable = true

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

designMode in action

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

document.designMode = 'off'

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

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


更多瀏覽器教程：


在線技術維基！