正文

chrome调试技巧--持续更新

IP云
IP云V管理员/0 阅读
10/04
小程序：扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序

1、开始调试：右键审查元素

2、按钮功能：

    • 调出控制台；
    • 切换开发环境全屏还是嵌入；
    • 清空当前显示；
    • 将压缩 js 文件格式化缩进规整的文件；

3、常用页面功能：

    • 查看、编辑（双击）HTML；
    • 查看选中代码的代码嵌套路径；
    • 查看、编辑当前选中代码所用的CSS代码；
    • 查看选中元素的盒模型；
    • 监听事件；
    • 查看属性，比手册还方便；

    • 查看、编辑当前站点的CSS、JS源文件；
    • 加断点调试js代码：单步、跳出跳入循环、查看变量的值；

    • 控制台输出打印案例：

    • 查看站点在作出一个动作时都加在了哪些文件；
    • 查看文件有木有正确加载、加载方式、状态、类型、大小、所用时间；
    • 点击查看该文件的具体情况；