• HTML中文网

    课程 / 开发工具

    Chrome 开发者工具中文文档

    介绍章节问答
    Chrome 开发者工具是一套内置在Google Chrome中Web开发和调试工具。使用开发者工具来重演,调试和剖析您的网站。
  • 难度:初级
  • 时长:
  • 阅读:9196
  • 讲师介绍

    前端控
    专职讲师

    第1章 概述
    第2章 配置和自定义DevTools
    第3章 调试 Progressive Web Apps
    第4章 了解安全问题(Security 面板)
    第5章 键盘快捷键和UI快捷键参考
    第6章 检查和编辑页面和样式
    概述
    编辑样式
    检查动画
    编辑DOM
    第7章 管理本地存储,Cookies和资源
    检查和管理Storage, Databases 和 Caches
    检查和删除 Cookie
    检查资源
    第8章 使用设备模式模拟移动设备
    测试响应和设备特定可视窗口
    模拟传感器:地理定位和加速计
    模拟和测试其他浏览器
    第9章 远程调试Android设备
    访问本地服务器
    远程调试 WebView
    第10章 检查和调试JavaScript
    如何设置断点
    遍历代码
    在任何页面上运行代码片段
    美化压缩的JavaScript
    在Sources(源文件)面板中跟踪监视变量
    将预处理的代码映射到源代码
    第11章 使用 Console(控制台)
    在控制台中诊断和打印日志
    比较类似的数据对象
    测量和计数执行
    ​异常和错误处理
    Console API 参考
    计算表达式
    监听事件
    命令行API参考
    第12章 如何查看性能
    如何使用时间轴工具
    时间轴事件参考
    第13章 分析运行时性能
    加速JavaScript执行
    诊断强制同步布局(Layout)
    第14章 评估网络性能
    评估资源加载时间
    了解资源加载时序
    在不同网络条件下优化性能
    第15章 修复内存问题
    修复内存问题
    了解内存术语
    如何录制堆快照
    使用分配分析器
    第16章 扩展Chrome DevTools
    整合 DevTools 和 Chrome
    DevTools扩展API
    调试协议
    第17章 其他前端开发工具
    设置编辑器
    使用DevTools Workspaces保存更改
    设置命令行快捷方式
    设置CSS和JS预处理器
    设置浏览器扩展
    设置你的构建工具

    全部评论我要评论

  • 取消回复发布
  • 立即学习