时常,我们会在网上看到王思聪微博语录的截图,一看就知道不是真的,但图片是 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 请去除以上注释 *********************/
})();