[教學]網頁設計師必備!超快將瀏覽器變身網頁編輯器

本文來推薦大家一個方法，可以直接把瀏覽器當網頁編輯器來使用，可以很直觀的把網頁修改

當然，這種修改只有在你的電腦上才看得到，按下重新整理就又回到原樣了

～～～萌萌噠的分割線醬(*´▽`*)～～～

第１步

這裡用ｇｏｏｇｌｅ來示範，其他瀏覽器可能開發者工具的位置不太一樣

到右邊的三個點，找到更多工具裡面的開發者工具，或是直接按Ｆ１２也行

開啟後，把上面的切換到ｃｏｎｓｏｌｅ

第２步

在裡面輸入

document.designMode = ‘on’

這行指令，然後按下ｅｎｔｅｒ，就可以開啟功能

開啟之後，就可以自由修改網頁上的文字

恩，能改的地方就只有文字，突然覺得這功能好廢ＸＤＤ

主要用來測試網頁文字的排版應該有不錯的用法吧

順帶一提，如果要關掉把最後面的ｏｎ改成ｏｆｆ就可以關掉這功能，或是直接重新整理也可以