×
关于

基础

综述开发工作流程使用控制台技巧和窍门

额外资源

视频博客帖子邮件列表对 Chrome 开发工具的贡献

使用工具

检查与调整

编辑样式以及 DOM使用 CSS 预处理器管理应用存储空间调试 JavaScript 脚本设备模式 & 移动仿真远程调试功能通过工作空间保存更改

性能& 特点

评估网络性能使用时间轴时间轴示例分析 JavaScript 性能分析 JavaScript 内存

参考

控制台 API 参考命令行 API 参考整合 DevTools 和 Chrome扩展 DevToolsDevTools 插件实例DevTools 快捷键DevTools 设置远程调试协议DevTools 调试协议客户端实例版本 1.1 (稳定)树形提示 (不稳定)15个必须知道的技巧

Chrome开发工具 关于


谷歌 Chrome 开发工具,是基于谷歌浏览器内含的一套网页制作和调试工具。开发者工具允许网页开发者深入浏览器和网页应用程序的内部。该工具可以有效地追踪布局问题,设置 JavaScript 断点并可深入理解代码的最优化策略。

适用人群

这篇教程将会带你从头开始使用学习如何利用 Google 提供的组件进行 Chrome 上的相关开发调试工作. 通过本教程,你将学会如何使用这些工具,并且学会如何通过它来分析调试提供的 Demo 。

学习前提

在你继续本教程之前,你必须对简单的术语有一定的了解,比如源码,文档等等。因为在你的组织下处理各级软件项目,如果你有软件工作的知识在软件开发和软件测试流程那是最好的。

参考英文:https://developer.chrome.com/devtools/index

最新英文地址:https://developers.google.com/web/tools/setup/?hl=en


分类导航

关注微信下载离线手册

bootwiki移动版 bootwiki
(群号:472910771)