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