使用chrome调试javascript代码

使用chrome自带的开发者工具来进行调试


步骤

  1. 按F12打开开发者工具,进入source一栏


    image.png
  2. 打开html页面,在JavaScript代码块里打上断点,在代码行前出现蓝色的标识说明打上了断点


    image.png
  3. 刷新html页面,代码运行到断点处。可以看到右侧的调试工具。


    image.png
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,646评论 1 45
  • 前言:调试技巧,在任何一项技术研发中都可谓是必不可少的技能。掌握各种调试技巧,必定能在工作中起到事半功倍的效果。譬...
    蓝鸥科技阅读 574评论 1 4
  • 转载地址 image.png 前言 fiddler是一个很好的抓包工具,默认是抓http请求的,对于pc上的htt...
    菜菜编程阅读 21,429评论 0 28
  • 有点懒得把图片传上来了,请移步这里看 Cocos官方论坛-wiki CocoaChina论坛帖子 上面两个是一样的...
    椒盐老蛏阅读 5,349评论 1 6
  • 前言:调试技巧,在任何一项技术研发中都可谓是必不可少的技能。掌握各种调试技巧,必定能在工作中起到事半功倍的效果。譬...
    骚的掉渣阅读 342评论 1 4