【F12工具的使用(1)】提高前端开发效率,如何同时查看network和console页面?菜鸟必看。大佬请绕道,哈哈哈哈
2019-09-29 16:08
232 查看
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_17335549/article/details/101697347
在前端开发过程中,尤其是调试接口的时候,需要同时查看接口的请求状态和控制台打印信息。
但是在两个页面来回切换影响效率,所以菜鸟们,在调试接口的时候尽量选择同时查看两个部分的信息。
(1)工具:谷歌浏览器。
(2)方法:
(a) 打开f12,点击右上角的三个点。
(b)选择 “More Tools”
(c) 在选项中随便选一个,
(d)然后,你就会发现,这个页面有两个模块,并且,无论你在步骤(c)选择什么,都会有console这个工具,不妨自己动手试一下。
总结,虽然这是一个很简单的东西,但是我在最初入行的时候还真就不知道,希望对大家有用处。
相关文章推荐
- 如何利用 Visual Studio 自带工具提高开发效率
- 如何利用Object Browser图形化工具提高Oracle开发工作效率(一)SQL编写调试篇
- 如何利用 Visual Studio 自带工具提高开发效率
- 如何利用 Visual Studio 自带工具提高开发效率
- 整理关于java开发工具使用过程中一些小技巧来提高开发效率
- 如何熟练使用MyEclipse提高开发效率
- 在项目开发中使用Git版本控制工具以提高效率
- 让你的Android开发效率提高10倍的开源工具库AndroidTools的使用
- 如何利用Object Browser图形化工具提高Oracle开发工作效率(一)SQL编写调试篇
- 前端开发 如何提高工作效率
- 如何利用Object Browser图形化工具提高Oracle开发工作效率(二)对象创建管理篇
- Android开发必看-快速提高 Android 开发效率的 Web 工具
- 如何利用 Visual Studio 自带工具提高开发效率
- 关于使用SQL自动生成,程序转化工具,提高开发数据库的效率
- 开发工具心得:如何 10 倍提高你的 Webpack 构建效率
- 使用Emmet提高前端开发效率
- 在项目开发中使用Git版本号控制工具以提高效率
- setContentView+LayoutInflater=完美切换页面(两者一定要同时使用,setContentView提高切换页面速度必看)setContentView的秘密----续上
- IE: 如何使用 F12 开发人员工具调试网页
- 如何利用Object Browser图形化工具提高Oracle开发工作效率(二)对象创建管理篇