![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
调试
文章平均质量分 92
lihefei_coder
这个作者很懒,什么都没留下…
展开
-
Chrome开发者工具不完全指南(一、基础功能篇)
就算你不是一名前端开发工程师,相信你也不会对Chrome浏览器感到陌生。根据最新的一份(2015/06)的浏览器市场占有率报告,Chrome近乎占有浏览器天下的半壁江山。简单、快捷使它成为了新时代人们的新宠。如果你是一名web开发人员,我推荐你使用Chrome。作为前端开发的"IDE",你只需要搭配一个编辑器就能完成几乎所有的开发任务了。关于它的使用和功能分析要么都是大而不全,要么是巨细糜烦。本系转载 2017-03-12 23:26:15 · 428 阅读 · 0 评论 -
Chrome开发者工具不完全指南(二、进阶篇)
上篇向大家介绍完了基础功能篇,这次分享的是Chrome开发工具中最有用的面板Sources。 Sources面板几乎是我最常用到的Chrome功能面板,也是在我看来决解一般问题的主要功能面板。通常只要是开发遇到了js报错或者其他代码问题,在审视一遍自己的代码而一无所获之后,我首先就会打开Sources进行js断点调试,而它也几乎能解决我80%的代码问题。Js断点这个功能让人兴奋不已,在没有js断转载 2017-03-12 23:35:03 · 468 阅读 · 0 评论 -
Chrome开发者工具不完全指南:(三、性能篇)
卤煮在前面已经向大家介绍了Chrome开发者工具的一些功能面板,其中包括Elements、Network、Resources基础功能部分和Sources进阶功能部分,对于一般的网站项目来说,其实就是需要这几个面板功能就可以了(再加上console面板这个万精油)。它们的作用大多数情况下是帮助你进行功能开发的。然而在你开发应用级别的网站项目的时候,随着代码的增加,功能的增加,性能会逐渐成为你需要关注转载 2017-03-12 23:39:53 · 465 阅读 · 0 评论 -
Chrome开发者工具不完全指南(四、性能进阶篇)
前言 Profiles面板功能的作用主要是监控网页中各种方法执行时间和内存的变化,简单来说它就是Timeline的数字化版本。它的功能选项卡不是很多(只有三个),操作起来比较前面的几块功能版本来说简单,但是里面的数据确很多,很杂,要弄懂它们需要花费一些时间。尤其是在内存快照中的各种庞杂的数据。在这篇博客中卤煮将继续给大家分享Chrome开发者工具的使用经验。如果你遇到不懂的地方或者有不对转载 2017-03-12 23:42:52 · 2722 阅读 · 0 评论 -
Chrome开发者工具不完全指南(五、移动篇)
前面介绍了Chrome开发者工具的大部分内容工具,现在介绍最后两块功能Audits和Console面板。一、Audits Audits面板会针对目前网页提出若干条优化的建议,这些建议分为两大类,一类是网络加载性能,另一类是界面性能。首先开下它的主界面。 Audits面板的网络优化建议参照的是雅虎前端工程师的十四条黄金建议。为了验证这一点,我们可以做一次简单的测试。根据十四条we转载 2017-03-12 23:45:56 · 792 阅读 · 0 评论 -
Chrome开发者工具不完全指南(六、插件篇)
本篇是Chrome开发者工具的结尾篇,最后为大家介绍几款功能强大的插件。在chrome商店里面有很多插件,没事建议大家去逛逛。不过需要FQ,所以诸位请自备神器。一、皮肤插件 首先是大家期盼已久,翘首以盼的皮肤插件。这款插件叫DevTools Theme: Zero Dark Matrix.在商店中下载之,然后打开这个地址:chrome://flags,找到Enable Developer转载 2017-03-12 23:47:54 · 1481 阅读 · 0 评论 -
Chrome开发者工具使用技巧
1.快速查找文件 按快捷键ctrl+p,输入指定文件名就能快搜索到改文件2.在源代码中搜索 按快捷键ctrl+shift+f,输入关键词回车3.格式化压缩代码 打开压缩过的js文件,点击{ }符号即可快速格式化代码4.快速定位到指定行 按快捷键ctrl+g,输入行号,就可以跳到指定行5.批量输入 按住ctrl键,在需要编辑的地方依次点击鼠标,可以一次在多个地方同时编辑。6.选择相同项 按原创 2017-08-22 16:43:38 · 6849 阅读 · 0 评论 -
VSCode调试Nodejs
使用node-inspect调试在常规命令增加--inspect参数启动调试node --inspect index.jsVSCode配置调试按F5运行原创 2019-07-03 19:56:48 · 4964 阅读 · 0 评论