博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
chrome 实用调试技巧
阅读量:6992 次
发布时间:2019-06-27

本文共 867 字,大约阅读时间需要 2 分钟。

hot3.png

1.快捷键

提示:所有快捷键的操作鼠标都要放在调试窗口才会起作用(如下图),否则是另外一种效果

090214_NOUt_3680343.png

ctrl+p:项目中定位文件

注意:鼠标焦点要放在调试窗口里(只要在调试窗口就可,不论是在Elements下还是在Console,Sources等的窗口下),如下图

163843_mGpY_3680343.png

ctrl+shift+o:定位成员函数

步骤:首先要找到要定位的js文件,点击选中,然后使用快捷键ctrl+shift+o弹出搜索框,去搜索你想要定位的函数

eg:要定位test.js文件中的www()方法

步骤:首先找到test.js文件,然后让她处于选中状态,然后使用快捷键ctrl+shift+o弹出搜索框,输入www()方法名,回车即可

图一:定位js文件

091038_eIec_3680343.png

图二:快捷键弹出搜索框

091044_arpU_3680343.png

图三:输入定为函数名,按回车键进行定位

091050_6ckO_3680343.png

2.Snippets:随时编写js代码,运行结果会打印到控制台,代码是全局保存的,在任何一个页面都可以运行

Snippets所在的目录:105641_2V26_3680343.png

eg:在jquery.html所在的页面下创建一个Snippets文件,我们切换到audio.html页面下,会发现之前创建的Snippets文件存在,并能正常运行

图一:在jquery.html文件下创建的Snippets文件

105035_0eQK_3680343.png

图二:在audio.html文件下也能正常执行

105038_5jNc_3680343.png

3.copy命令:格式化拷贝,

eg:从后台传回来的数据,为了结构良好,需要对数据进行格式化成json格式,这样层次关系就很明了,查找起来更方便

步骤:

1.请求项"右键"选择"Copy Response"拷贝响应内容

2.控制台中输入copy()命令,并把响应内容复制到命令中

3.回车得到格式化的数据,然后ctrl+v命令复制到相应的文档中

截图如下:

图一:响应内容所在位置

112824_vYfw_3680343.png

图二:拷贝响应内容

113859_kKNP_3680343.png

图三:输入拷贝命令,并把响应内容复制到命令中

114015_uPwh_3680343.png

图四:格式化数据

114123_xTLd_3680343.png

图五:响应数据(格式化前的数据),目的是与格式化数据做个对比

114238_v8eW_3680343.png

 

 

 

 

 

转载于:https://my.oschina.net/u/3680343/blog/1624139

你可能感兴趣的文章
重构遗留代码(1):金牌大师
查看>>
go:数组
查看>>
网站重构的理解
查看>>
PAT L1-043. 阅览室
查看>>
linux 命令与文件的查询
查看>>
MYSQL数据库引擎 MYISAM和 INNODB区别
查看>>
设计模式之原型模式
查看>>
BootStrap常用组件及响应式开发
查看>>
TS学习之for..of
查看>>
OpenGL是什么?
查看>>
Oracle - 数据库巡检脚本
查看>>
提高系统性能:从数据访问层开始
查看>>
【转】IOS开发小技巧
查看>>
ECMAScript 类型转换
查看>>
Java的垃圾回收机制
查看>>
SQL Server 2005 的各种版本所支持的功能
查看>>
Java面向对象之多态
查看>>
第一次接触HBuild
查看>>
逆推 Gym 101102J
查看>>
CF 675 div2C 数学 让环所有值变为0的最少操作数
查看>>