前端小技能:Chrome DevTools中的操作技巧

Posted iOS逆向

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端小技能:Chrome DevTools中的操作技巧相关的知识,希望对你有一定的参考价值。

文章目录

前言

Mac 使用 command+option+I 即可打开DevTools

I 操作技巧

1.1 编辑页面上的任何文本 ✍

在控制台输入document.body.contentEditable="true"开启文本编辑模式,刷新网页可自动退出模式了。

或者document.designMode = \'on’就可以实现对网页的编辑了。

如果你想快速修改一些网页数据,使用这个是最方便的,比什么P图软件都快。

以上是关于前端小技能:Chrome DevTools中的操作技巧的主要内容,如果未能解决你的问题,请参考以下文章

爬虫工程师应该掌握的技能Chrome Devtools 高级调试指南(新)

前端神器—Google Chrome Devtools细节详解

前端资讯What's New In DevTools (Chrome 70)

你未必知道的12个Chrome DevTools使用技巧

Chrome DevTools中的这些骚操作,你都知道吗?

前端快讯Chrome 66 DevTools 新特性