前端小技能:Chrome DevTools中的操作技巧
2023-02-18 16:34:23 时间
前言
Mac 使用 command+option+I 即可打开DevTools
I 操作技巧
1.1 编辑页面上的任何文本 ✍
在控制台输入document.body.contentEditable="true"
开启文本编辑模式,刷新网页可自动退出模式了。
或者document.designMode = 'on'就可以实现对网页的编辑了。
在这里插入图片描述
如果你想快速修改一些网页数据,使用这个是最方便的,比什么P图软件都快。
在这里插入图片描述
1.2 清空缓存并硬性重新加载
chrome浏览器使用快捷键option+command+i打开开发模式,如果在地址栏右侧的刷新按钮右键选择清空缓存并硬性重新加载
1.3 Command 菜单
Cmd + Shift + P
在这里插入图片描述
截图包含滚动条在内的所有页面内容
Capture full size screenshot(并不只是页面可视区域)
see aslo
- html进阶:【Meta 标签的 http-equiv 属性使用指南】
https://kunnan.blog.csdn.net/article/details/108941030
相关文章
- ECCV2022 &CVPR2022论文速递2022.7.25!
- ECCV2022 &CVPR2022论文速递2022.7.26!
- ECCV2022 &CVPR2022论文速递2022.7.27!
- ECCV2022 &CVPR2022论文速递2022.7.28!
- ECCV2022 &CVPR2022论文速递2022.7.29!
- CLIP中文模型开源!中文版 DiscoDiffusion 文图生成算法即将到来?
- ECCV2022 &CVPR2022论文速递2022.8.1!
- ECCV2022 &CVPR2022论文速递2022.8.2!
- ECCV2022 &CVPR2022论文速递2022.8.3!
- ECCV2022 &CVPR2022论文速递2022.8.4!
- ECCV2022 &CVPR2022论文速递2022.8.5!
- ECCV2022 &CVPR2022论文速递2022.8.8!
- ECCV2022 &CVPR2022论文速递2022.8.9!
- AI艺术创作新范式:生成+拼接+补全! 论文速递2022.8.10!
- 论文速递2022.8.11!
- ECCV2022 | GAN逆映射域外编辑,支持眼镜,年龄,表情等编辑! 论文速递2022.8.12!
- 论文速递2022.8.15!
- 2022年目前为止,一些2D图片三维重建研究工作汇总!论文速递2022.8.16!
- [javaSE] 注解-自定义注解
- [javaSE] 注解-JDK中的注解