Chrome开发工具 视频

由 珍珍阿姨 创建，Loen 最后一次修改 2016-08-12 视频 Videos以下的视频将帮助你学习谷歌浏览器的开发工具：开始下面的视频描述了如何开始使用开发工具、开发工具窗口内的面板以及交互控制台。视频地址：https://www.youtube.com/watch?v=7cqh7MGLgaM检测元素和资源下面的视频介绍了如何： 检查元件 更改样式属性 DOM 属性编辑 查看和编辑位置度量 查看网络活动的时间线 查看 XHR 信息。视频地址：https://www.youtube.com/watch?v=Mhb4n0yGYT4调试JavaScript下面的视频介绍了图形界面的 V8 调试器如何测试：设置断点 暂停 通过代码缩放 执行代码 查看当前调用堆栈和范围变量 视频地址：https://www.youtube.com/watch?v=c_oiQYirKuY分析与优化下面的视频介绍了如何使用内置的CPU和堆分析器了解那里的资源耗费情况，以此帮助你优化你的代码。 视频地址：https://www.youtube.com/watch?v=OxW1dCjOstE时间轴面板下面的视频介绍了如何使用时间轴面板来获取信息，在您加载网页应用程序或页面时，时间是怎么消耗的。 视频地址：https://www.youtube.com/watch?v=RhaWYQ44WEc成为一个会使用 JavaScript 控制台的用户提升对 Chrome 开发工具的掌握能力，看看 XHR 请求，学习控制台辅助函数更好地监视事件或对象。Chrome 团队的 Paul Irish将会给你介绍一下。 视频地址：https://www.youtube.com/watch?v=4mf_yNLlgic2011 谷歌 IO 大会下面的视频是在谷歌IO 2011 届 IO 大会上讨论 Chrome 开发工具时记录的。视频地址：https://www.youtube.com/watch?v=N8SS-rUEZPg2010 谷歌 IO 大会下面的视频是在 2010 谷歌 IO 大会上的 Chrome 开发工具环节记录的。视频地址：https://www.youtube.com/watch?v=TH7sJbyXHuk2012 谷歌 IO 大会：Chrome开发者工具的演变下面是 Pavel Feldman 和 Sam Dutton 提出的最新的开发工具的特点综述：移动调试，编辑，新的时间表“帧模式”等等。视频地址：https://www.youtube.com/watch?v=3pxf3Ju2row