您当前的位置:首页 > 计算机 > 软件应用 > 浏览器应用

一行命令快速编辑页面文字

时间:10-26来源:作者:点击数:

开启

浏览器liú lǎn qìF12 console 输入

document.body.contentEditable='true';

re­turn "true"

则表示,开启网页文字编辑状态,可随意在网页上编辑任何标签内的文字了,省去了鼠标shǔ biāo 反复查找元素的方法。

::before 伪元素内的文字除外。

关闭

编辑完后关闭状态 console 输入

document.body.contentEditable='false';

re­turn "false"

则表示,编辑状态已关闭。

关于属性

contenteditable 属性为枚举méi jǔ 类型,表示元素是否可被用户编辑。如果可以,浏览器会修改元素的部件以允许使用者编辑。

以下这段英语在正常状态下可随意编辑:

Our des­tiny of­fers not the cup of de­spair,but the chal­ice of op­por­tu­nity.So let us seize it,not in fear,but in glad­ness.

—— R.M. Nixon.

浏览器兼容性

  Chrome Edge Firefox IE Opera Safari Android webview Chrome for Android Firefox for Android Opera for Android Safari on iOS Samsung Internet
contenteditable 12 3 5.5 9 4
contenteditable="caret" ≤79
contenteditable="events" ≤79
contenteditable="plaintext-only" ≤79
contenteditable="typing" ≤79
方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
推荐内容
相关内容
栏目更新
栏目热门