【JS学习】-利用谷歌浏览器调试JS代码
来源:互联网 发布:unity3d gui texture 编辑:程序博客网 时间:2024/05/20 16:00
谷歌浏览器是常用来调试JS代码的工具,本文主要介绍如何利用谷歌浏览器来调试JS代码,协助我们进行开发工作。
首先,打开谷歌浏览器,按快捷键F12或者ctrl+shift+j,就可以打开谷歌浏览器的开发者工具。打开后页面如下所示,下图是打开wap端百度的页面。
下面介绍一下开发者工具中常用的几个功能。左上角第二个选项,是用来切换手机页面的。如果我们访问的网址是手机端wap页面,则点击此按钮,就可以模拟手机进行访问了。
Network是网络工具,可以查看请求数据的状态,类型,大小,时间等,如下图。Network是在调试中常用的工具,可以查看发送的请求是否正确,返回的数据是否正常等。Sources可以用来查看页面的源文件,包括JS文件和Html文件。找到想要调试的JS代码,在代码前单击,即可设置断点。当运行JS代码时,会自动进入到断点执行。同Java调试类似,JS调试也可以单步运行、进入函数体内调试、直接运行到下一断点等。
如上图所示,右上角4个断点,分别是直接运行到下一断点、单步运行、进入函数体内运行、返回函数执行结果。对应的快捷键分别是F8、F10、F11和shift+F11。在调试时,把鼠标放在某个变量上,就可以查看该变量的运行值。
Resources可以用来查看一些存储数据,比较常用的是本地缓存Local Storage、Session缓存Session Storage和Cookies。如下图所示:
0 0
- 【JS学习】-利用谷歌浏览器调试JS代码
- chrome浏览器调试JS代码
- chrome浏览器调试JS代码
- 浏览器中调试js代码
- chrome浏览器调试JS代码
- 谷歌浏览器调试jsp 引入代码片段,如何调试代码片段中的js
- 利用chrome浏览器调试js断点
- 利用chrome浏览器调试js断点
- 谷歌浏览器怎么调试js
- 谷歌浏览器js调试初体验
- 谷歌浏览器按F12调试js代码的时候找不到代码在哪
- 浏览器chrome调试js代码简易教程
- JavaScript 代码调试工具js代码调试 在火狐浏览器中调试js代码
- 【JS】利用 Console 来学习、调试JavaScript
- 各种浏览器js调试
- google浏览器调试js
- google浏览器调试js
- 浏览器调试js
- [cscope] cscope usage
- 8-7History 对象
- cloudermanger 管理监控问题Bug
- eclipse中CTRL+H 搜索
- lua中的正则表达式
- 【JS学习】-利用谷歌浏览器调试JS代码
- 公共技术点之 View 绘制流程
- github sshkey
- 在ubantu server中安装lnmp遇到的坑(版本16.04)
- makefile编写方法
- convert(varchar(10),字段名,转换格式)
- Android开发编码规范、性能优化、UI优化及开发建议
- 窗体动态添加控件时拉大问题
- 嵌入式开发之 BootLoader:PEEK&POKE