时常,我们会在网上看到王思聪微博语录的截图,一看就知道不是真的,但图片是 P 的么?其实并不是,只需一句代码就能达到此效果。
浏览器按 F12,在 console 中输入以下代码:
document.body.contentEditable='true';
输入后按回车即可,随后你就可以用鼠标修改任意网页内容了!解除编辑也很简单:
document.body.contentEditable='false';
附赠一个油猴脚本,可以通过快捷键开启页面编辑(脚本名“ctrl + alt + E 切换页面可编辑”):
(function() { var flag=0; document.body.addEventListener('keydown',function(event){ var keynum; if(window.event) // IE { keynum = event.keyCode; } else if(event.which) // Netscape/Firefox/Opera { keynum = event.which; } if(keynum==69&&event.altKey&&event.ctrlKey){ // 若想更改快捷键,请用需要的 keyCode 与 keynum 变量进行比较。altKey 可以改为 ctrlKey、shiftKey 或 metaKey。请务必注意尽量避免快捷键冲突! if(!(flag%2)){ document.body.contentEditable = true; }else if(flag%2){ document.body.contentEditable = false; } flag++; } }); /* * 以下代码用于从键盘读取你需要的键的 keyCode * 去掉注释后,在任意页面运行脚本,按下需要的键,页面会 alert 出该键的 keyCode * 将判断条件改成你需要的快捷键 * 如: * 已知 z 的 keyCode 为 229 * 则将第 25 行的判断条件改为 keynum==229 && event.altKey && event.ctrlKey 时,此时的快捷键为 ctrl + alt + z */ /****************** 若想查询 keyCode 请去除以下注释 *********************/ /* document.body.onkeydown=function(event){ alert(event.keyCode); }; */ /****************** 若想查询 keyCode 请去除以上注释 *********************/ })();