一行代碼實現隨意編輯網頁內容

一、打開你想要編輯的網站

我這裏拿百度首頁做個示範。
在這裏插入圖片描述

二、進入開發者模式

按F12進入開發者模式 。
在這裏插入圖片描述

三、輸入神奇代碼

1、打開隨意編輯網頁內容的功能

選擇Console,在命令框輸入document.designMode='on'後按回車。
在這裏插入圖片描述
這時你可以發現,點到文字處,會出現小光標,這就說明你可以修改這裏的內容。
在這裏插入圖片描述
此時直接就可以修改光標處的內容,這裏我隨便改一下(不是真的改,刷新頁面即可恢復原來網頁內容)。
在這裏插入圖片描述

2、關閉隨意編輯網頁內容的功能

選擇Console,在命令框輸入document.designMode='off'後按回車,隨意修改網頁內容的功能就關閉了,此時光標就不見了。
ps:刷新頁面的話也可以關閉,但你修改的內容就會恢復成原來的。
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章