简单实现网页文本可编辑
Aix Trainee

HTMLElement.contentEditable 属性用于表明元素是否是可编辑的。该枚举属性(enumerated attribute)可以具有下面的几种值之一:

  • “true” 表明该元素可编辑。
  • “false” 表明该元素不可编辑。
  • “inherit” 表明该元素继承了其父元素的可编辑状态。

所有只需要在浏览器控制台输入 document.body.contentEditable = true 功能就实现啦,可以任意编辑、复制网页上的元素。这个很简单想必大家都知道,但是每次都要打开控制台输入太麻烦了,其实有一个技巧就是保存成书签,chrome书签网址栏是可以执行javascript的,把下面的代码复制进去就好了😆每次只需要点一下就行,再点一下就是恢复不可编辑。

1
2
3
4
5
javascript: (function () {
if (typeof $aix$C$E === 'undefined') $aix$C$E = true;
document.body.contentEditable = $aix$C$E;
$aix$C$E = !$aix$C$E;
})()

image

 评论