博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Google Chrome调试js入门
阅读量:7200 次
发布时间:2019-06-29

本文共 403 字,大约阅读时间需要 1 分钟。

  1. 1

    我们要调的json数据见下图,这里不涉及和后台的交互。

  2. 2

    我们在chrome中打开开发者工具,打开方式如下图,我们也可以使用快捷键F12来打开。选择我们要调试的文件,相信你能找到,^_^。

  3. 3

    设置断点的设置,我在11行设置了断点,设置方法左侧点击即可,我太喜欢这个断点了,看起来真漂亮。刷新一下页面,执行如下图:

  4. 4

    在向下执行之前,我们直接输入json(我们的对象名),看看对象结构,可以非常清晰的看到json到底是个什么东西,不用太多的解释,如下图:

  5. 5

    按F10向下执行,我们依次输入我们的变量名,本例中3个取值方法是相同的,调试结果如下图:

  6. 6

    如果你还在使用alert()调试js代码,赶快丢弃吧。当然了,这仅是一篇非常非常简单的入门级文章,更多的精彩还得由你去发现!Google Chrome的优点太多了,如果你还没有使用,强烈推荐你体验体验互联网老大的杰作Google Chrome!

转载地址:http://ilbum.baihongyu.com/

你可能感兴趣的文章
MongoDB下,启动服务
查看>>
IOS学习笔记--IOS常用控件汇总
查看>>
设置h5页面不可复制文字
查看>>
自己写的日历控件 jquery
查看>>
modelsim testbench测试DFF触发器verilog
查看>>
Windows最强ssh客户端推荐 —— Bitvise SSH Client
查看>>
《Programming in Lua 3》读书笔记(二)
查看>>
eclipse 中 Android sdk 无法更新的问题
查看>>
PrestaShop 网站后台配置(八)
查看>>
Android--CountDownTimer倒计时工具类
查看>>
linux关于bashrc与profile的区别(转)
查看>>
操作系统知识汇总
查看>>
final发布评论
查看>>
读取Excel二进制写入DB,并从DB中读取生成Excel文件
查看>>
了解.NET框架
查看>>
用java语言写一个简易版本的登录页面,包含用户注册、用户登录、用户注销、修改密码等功能...
查看>>
es6+最佳入门实践(4)
查看>>
R 语言绘制功能富集泡泡图
查看>>
Django默认ORM(一):基本配置
查看>>
iostat 监视I/O子系统
查看>>