如何讓瀏覽器中的頁面可編輯

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