生活馆

生活百科大全-生活馆百科网

Chrome浏览器调试技巧

分类:小百科   浏览:12℃   发布于:8个月前 (08-11)
简介: 1、谷歌浏览器调试界面友爱,功用强壮,下

1、谷歌浏览器调试界面友爱,功用强壮,下面容易介绍开发者东西的几个超级运用的调试技巧。

2、Ctrl+P快速查找文件

当DevTools被翻开的时期,按Ctrl+P,就能快速查找和翻开你项目的文件。

3、Ctrl+Shift+F查找一个特定的字符串

假如你期望在源代码中查找要怎么办呢?在页面现已加载的文件中查找一个特定的字符串,快捷键是Ctrl+Shift+F,这种查找办法还支撑正则表达式哦

4、Console控制台

想必咱们都在用在控制台输出点东西,其实console还有其它的办法:

("打印字符串");//在控制台打印自定义字符串("我是个过错");//在控制台打印自定义过错信息("我是个信息");//在控制台打印自定义信息("我是个正告");//在控制台打印自定义正告信息("我是个调试");//在控制台打印自定义调试信息();//清空控制台(这个下方截图中没有)


5、Sources资源

文件原紧缩的代码:


转换成可读格局的代码:


6、Sinppets创立一个新的片段文件
比方当咱们想不起某个办法的详细运用时期,会翻开控制台随意写一些测验代码,或许想测验一下刚刚写的办法是否会出现等待的姿态,可是控制台一打回车本想换行可是却履行刚写的半截代码.

新建了一个名叫:的片段代码,在你的项目环境页面内,该片段可履行项目内的办法


7、CallStack调用栈


可是若你想从头从某个调用办法出履行,能够右键RestartFrame(我测验时未发现该功用),断点就会跳到此处最初从头履行,Scope中的变量值也会根据代码从头更改,这样就能够回退来从头调试,错失的调试也能够回过头来重复检查


8、显现和修正变量值

本文暂无评论 - 欢迎您