隨意修改任何網頁的 JavaScript / Bookmarklet

回憶起大學時期的一次比賽，該比賽的目的是為學校的招生網站提出改進建議。當比賽的截止日期逼近時，我與一位同學才決定組隊參賽，被豐厚的獎品所吸引（好像是$5000的百佳現金券，最終我們對半分了），然後飛快兩三日內趕一份建議書出來。

我們的建議書包含了許多修改參考圖，大部分是通過修改網頁的HTML或直接使用Bookmarklet來編輯網頁內容，然後進行截圖。

Bookmarklet 是一種將 JavaScript 程式碼保存為書籤的方式，當需要使用時，只需點擊書籤即可執行，以達到預期的效果。

執行效果

以下這段 JavaScript 程式碼，保存成書籤，點擊後便能夠隨意修改當前網頁的內容。

1

javascript:document.body.contentEditable = true; document.designMode='on'; void 0;

除此之外，你也可以簡單地按 F12，然後在 Console 中輸入這段 JavaScript 程式碼，效果一樣。

你可能會發現某些文字下方出現了波浪線，這是拼寫檢查的結果。只需關閉編輯效果即可。

javascript:document.body.contentEditable = false; document.designMode='off'; void 0;