VSCode调试Nodejs

使用node-inspect调试 在常规命令增加--inspect参数启动调试 node --inspect index.js VSCode配置调试 按F5运行

2019-07-03 19:56:48

阅读数 9

评论数 0

Chrome开发者工具使用技巧

1.快速查找文件 按快捷键ctrl+p,输入指定文件名就能快搜索到改文件2.在源代码中搜索 按快捷键ctrl+shift+f,输入关键词回车3.格式化压缩代码 打开压缩过的js文件,点击{ }符号即可快速格式化代码4.快速定位到指定行 按快捷键ctrl+g,输入行号,就可以跳到指定行5.批...

2017-08-22 16:43:38

阅读数 5811

评论数 0

Chrome开发者工具不完全指南(六、插件篇)

本篇是Chrome开发者工具的结尾篇,最后为大家介绍几款功能强大的插件。在chrome商店里面有很多插件,没事建议大家去逛逛。不过需要FQ,所以诸位请自备神器。 一、皮肤插件   首先是大家期盼已久,翘首以盼的皮肤插件。这款插件叫DevTools Theme: Zero Dark Matrix...

2017-03-12 23:47:54

阅读数 1155

评论数 0

Chrome开发者工具不完全指南(五、移动篇)

前面介绍了Chrome开发者工具的大部分内容工具,现在介绍最后两块功能Audits和Console面板。 一、Audits   Audits面板会针对目前网页提出若干条优化的建议,这些建议分为两大类,一类是网络加载性能,另一类是界面性能。首先开下它的主界面。   Audits面板的网络优...

2017-03-12 23:45:56

阅读数 384

评论数 0

Chrome开发者工具不完全指南(四、性能进阶篇)

前言   Profiles面板功能的作用主要是监控网页中各种方法执行时间和内存的变化,简单来说它就是Timeline的数字化版本。它的功能选项卡不是很多(只有三个),操作起来比较前面的几块功能版本来说简单,但是里面的数据确很多,很杂,要弄懂它们需要花费一些时间。尤其是在内存快照中的各种庞杂的...

2017-03-12 23:42:52

阅读数 2295

评论数 0

Chrome开发者工具不完全指南:(三、性能篇)

卤煮在前面已经向大家介绍了Chrome开发者工具的一些功能面板,其中包括Elements、Network、Resources基础功能部分和Sources进阶功能部分,对于一般的网站项目来说,其实就是需要这几个面板功能就可以了(再加上console面板这个万精油)。它们的作用大多数情况下是帮助你进行...

2017-03-12 23:39:53

阅读数 303

评论数 0

Chrome开发者工具不完全指南(二、进阶篇)

上篇向大家介绍完了基础功能篇,这次分享的是Chrome开发工具中最有用的面板Sources。  Sources面板几乎是我最常用到的Chrome功能面板,也是在我看来决解一般问题的主要功能面板。通常只要是开发遇到了js报错或者其他代码问题,在审视一遍自己的代码而一无所获之后,我首先就会打开Sour...

2017-03-12 23:35:03

阅读数 259

评论数 0

Chrome开发者工具不完全指南(一、基础功能篇)

就算你不是一名前端开发工程师,相信你也不会对Chrome浏览器感到陌生。根据最新的一份(2015/06)的浏览器市场占有率报告,Chrome近乎占有浏览器天下的半壁江山。简单、快捷使它成为了新时代人们的新宠。如果你是一名web开发人员,我推荐你使用Chrome。作为前端开发的"IDE&q...

2017-03-12 23:26:15

阅读数 300

评论数 0

提示
确定要删除当前文章?
取消 删除