修改页面快捷命令document.body.contentEditable=‘true‘;

众所周知 F12可以临时修改网页,达到‘伪造’的目的,但每次都需要找到修改元素的位置才行,不是很方便。
下面有两个快捷命令(任选其一使用即可):

1、进入开发者模式(F12或鼠标右击后选择检查),在开发者模式中进入控制台(ctrl+shift+k或鼠标左击‘控制台’),然后在控制台下方的命令窗口内输入命令document.body.contentEditable='true'; 然后回车,就可以像编辑word文档一样随意编辑原始页面了(ps:此时退出开发者模式也可以继续编辑,只要不刷新页面就行)。

2、同上,进入控制台后,输入命令javascript:document.body.contentEditable='true'; document.designMode='on'; void(0); 回车即可编辑页面。

步骤演示

步骤1、进入开发者模式:
在这里插入图片描述
在这里插入图片描述
步骤2、进入控制台:
在这里插入图片描述
步骤3、输入命令:
在这里插入图片描述
回车后:
在这里插入图片描述
这时就可以在原页面任意编辑了,增删查改请随意。

猜你喜欢

转载自blog.csdn.net/qq_41320433/article/details/119964650