如何讓瀏覽器中的頁面可編輯
瀏覽器中有一個特殊且相當神秘的模式，稱為設計模式（design mode）。
當您將頁面設定為設計模式時，您可以直接在瀏覽器頁面中編輯頁面內容，這對於測試某些原型或檢查新標題的外觀非常方便。
要如何啟用它？在開發者工具控制台中輸入以下指令：
1 | document.designMode = 'on' |
啟用body元素上的contentEditable也可以達到同樣的效果，像這樣：
1 | document.body.contentEditable = true |
您可以編輯文字，刪除文字，還可以拖曳圖片來重新定位它們。
要關閉設計模式，輸入以下指令：
1 | document.designMode = 'off' |
幾乎所有瀏覽器都支援這個功能，包括IE。這功能已經存在很久了，但相當不被人所知。
tags: [“design mode”, “contentEditable”, “編輯頁面”, “測試原型”, “開發者工具”]