国强极客
有问题请加微信:guoqiang7585
国强极客

不用看代码,两种方法,在浏览器上直接修改网页任意文字,所见即所得

不用看代码,两种方法,在浏览器上直接修改网页任意文字,所见即所得

视频

下载

视频中软件资源下载请关注公众号【国强极客】回复:web editor

文稿

不用看代码,两种方法,在浏览器上直接修改网页任意文字,所见即所得

之前给大家分享了通过开发者工具修改网页显示内容,但是还是有人感觉需要看代码,找元素,操作麻烦,今天再来说两种可以直接网页上修改的,更简单方法,特别是第二个,保证大家都能学会。

不用看代码,两种方法,在浏览器上直接修改网页任意文字,所见即所得

先说第一中,在网页空白处点击 右键,检查,或者点击设 置-更多 开发人员工具。

不用看代码,两种方法,在浏览器上直接修改网页任意文字,所见即所得

再点击下面的控制台,或是console,在下面文本框中输入下面的代码:

document.body.contentEditable='true';

点击回车

不用看代码,两种方法,在浏览器上直接修改网页任意文字,所见即所得

想修改网页什么地方的文字,只要用鼠标点一下,就可以任意输入文字,修改网页内容了,但是如果是带链接的文字,就不大好改,容易跳转。

不用看代码,两种方法,在浏览器上直接修改网页任意文字,所见即所得
如果觉得上面那个方法也麻烦,还要输入代码,再给大家分享一个插件,只要是chrome内核的浏览器都可以安装,比如edge chrome 各种急速浏览器等,插件的名字是 Web Editor。

不用看代码,两种方法,在浏览器上直接修改网页任意文字,所见即所得

大家可以直接去谷歌应用商店安装,我也准备了离线安装包,关注公众号 国强极客 就能看到下载链接,下载之后,解压出来,打开浏览器,点击设置-扩展程序-开启开发者模式-把解压出来的 crx文件拖入浏览器,点击添加扩展程序就可以了。

不用看代码,两种方法,在浏览器上直接修改网页任意文字,所见即所得

新安装的扩展程序默认是折叠起来的,点击浏览器上的插件图标,点击 插件后面的图标,就可以显示出来了。

不用看代码,两种方法,在浏览器上直接修改网页任意文字,所见即所得

插件安装好之后,打开网页,点击 插件 ,鼠标放到文字上,就能看到一个虚线的框,鼠标点击,在光标处就可以任意输入文字了,而且带链接的文字,也可以很方便的输入,是不是更简单。

上面说的方法只可以修改本地加载好的网页,不会对网站产生任何影响,只要刷新一下网页,内容就能恢复。大家知道这种方法后首先绝对不要去随便使用,其次也要增强防范意识,不要轻易相信网络上的截图。

赞赏
对内容有疑问,请加我微信:guoqiang7585
# # #
首页      极客视频      浏览器      不用看代码,两种方法,在浏览器上直接修改网页任意文字,所见即所得

国强极客

文章作者

博客站长,有问题请加微信【guoqiang7585】。

国强极客

不用看代码,两种方法,在浏览器上直接修改网页任意文字,所见即所得
之前给大家分享了通过开发者工具修改网页显示内容,但是还是有人感觉需要看代码,找元素,操作麻烦,今天再来说两种可以直接网页上修改的,更简单方法,特别是第二个,保证大家都能学会。
扫描二维码继续阅读
2023-02-28