只需一行代码,任意网页秒变可编辑!

在我们日常工作中,可能会遇到截图页面的场景,有时页面有些内容不符合要求,我们可能需要进行一些数值或内容的修改。如果你会PS,修改内容难度不高,如果你是前端,打开控制台也能通过修改dom的方式进行简单的文字修改。

今天,我就来分享一个冷门又实用的前端技巧 —— 只需一行 JavaScript 代码,让任何网页瞬间变成可编辑的! 先看看效果:

如何实现

很难想象,这么炫酷的功能,居然只需要在控制台输入一条指令:

document.designMode = "on";

打开浏览器控制台(F12),复制粘贴这行代码,回车即可。 

如果你想关闭此功能,输入document.designMode = "off"即可。

 

posted on 2025-05-06 17:04  转角遇到谁  阅读(83)  评论(0)    收藏  举报