Google Chrome 调试JS利器
我是一名忠实Chrome迷,使用它已经快有2年的历史了,整体给我的感觉就是清爽,快速,简洁。又打小广告了……^_^,虽然我知道IE8+也有调试工具,包括火狐的什么XXBUG,但是我用过之后,个人还是十分偏爱chrome的debug。
chrome对于在前端打拼的兄弟姐妹是十分有帮助的,它优雅的实时展示DOM,捕获N个ajax传递过来的参数
查看动态DOM
实时获取JSON数据
包括chrome中N多插件……
当然我在这里列举一个十分有用的javascript调试的技巧
首先请打开“谷歌浏览器”(废话),然后打开一个网页,按“F12”会出现一个控制台
找到一个叫做“Sources”,点击它
OK,如果你的页面现在已经加载过JS脚本的话,那么应该可以看到一些JS文件了
然后你可以在左侧侧栏的序号那些位置点击一下就设置成断点,当你要执行某个函数的时候浏览器就会自动进入调试模式了
细心的你肯定会发现Scope Variables区域显示的竟然就是Object对象的元素,大惊。起初我们要想展示一个对象要么采用
1
2
3
4
5
|
function forIn(o) {
for (i in o) {
document.write( '<strong>' + i + ' --></strong> ' + o[i] + '<br />' );
}
}
|
你会发现页面很麻烦,而且也不是很灵活,现在学会chrome的debug工具我相信会给你带来莫大的帮助了。
Google Chrome 调试JS利器相关推荐
- Google Chrome调试js入门
平常在开发过程中,经常会接触到前端页面.那么对于js的调试那可是家常便饭,不必多说.最近一直在用火狐的Firebug,但是不知道怎么的不好使了.网上找找说法,都说重新安装狐火浏览器就可以了,但是我安装 ...
- Google Chrome 调试JS简单教程[更新]
题外话,刚开始我写这篇内容只是将自己了解的一些知识放上来,不巧的是我分析了我的来访日志,很多朋友都有这个需求,为了大家没有白来,我决定充实下这篇文章.最近更新时间2014-02-14 chrome版本 ...
- Google Chrome调试js代码
你 是怎么调试 JavaScript 程序的?最原始的方法是用 alert() 在页面上打印内容,稍微改进一点的方法是用 console.log() 在 JavaScript 控制台上输出内容.嗯~, ...
- vscode调试js,chrome调试js
vscode调试js,chrome调试js nodejs调试文档:nodejs调试文档 三种启动调试方式: 1.vscode直接F5 2.配置launch.json,在"调试"列表 ...
- chrome调试js
[原文地址:http://www.cnblogs.com/QLeelulu/archive/2011/08/28/2156402.html ] 在Google Chrome浏览器出来之前,我一直使用F ...
- Google Chrome浏览器JS调试工具
作为Web开发人员,我为什么喜欢Google Chrome浏览器 [原文地址:http://www.cnblogs.com/QLeelulu/archive/2011/08/28/2156402.ht ...
- chrome调试js的小技巧
原文链接:http://www.cnblogs.com/liyunhua/p/4621937.html $ $_命令返回最近一次表达式执行的结果,功能跟按向上的方向键再回车是一样的,但它可以做为一个变 ...
- Google Chrome 浏览器JS无法更新解决办法
JS无法更新原因: 浏览器为了加载快,默认是按照自定规则更新缓存,非实时更新. 我们在开发的时候,JS变动很快,需要即时让浏览器加载最新文件,也就是禁用浏览器缓存 (1)使用F12进入开发者模式,找到 ...
- chrome浏览器断点调试js代码 和 idea断点调试java代码
文章目录 chrome调试js代码 idea调试java代码 chrome调试js代码 Chrome调试快捷键总结 快捷键 功能 F10 (step over) 单步调试.步过,遇到函数时也当成一个语 ...
最新文章
- vue 后台返回的文件流进行预览_基于 Vue3+Ts 后台前端管理系统Vue3-Admin
- API和schema开发过程问题汇总
- 在python中requests模块怎么安装_Python requests模块在Windows下安装
- 用c语言实现单链表的初始化,建表,查找,求长度,插入,删除等操作,【YTU+2430+C语言习题+链表建立+插入+删除+输(5)...
- python多级字典嵌套_使用pythonscsv DictReader创建多级嵌套字典
- LeetCode 2001. 可互换矩形的组数
- lambda 对象去重_采用java8 lambda表达式 实现 java list 交集 并集 差集 去重复并集...
- 数据算法之快速排序(quickSort)的Java实现
- 宣布 Java 8 停止维护后,Oracle 又毙掉了 JavaOne!
- JBOSS5+ActiveMQ5.7集成
- www计算机会议影响力
- el-form-item 如何限制只能输入数字_中教云数字课程教材云平台操作答疑
- 用mysql设计一个超市员工管理系统_数据库设计--小型超市管理系统
- 周日历插件weeklyCalendar,可添加日历提醒
- 【路径规划】基于A星算法实现栅格地图全路径规划matlab源码
- 15.4数据库(4):MySQL创建中国数据库
- mybatis 整合spring之mapperLocations配置的问题
- 100集华为HCIE安全培训视频教材整理 | Agile Controller终端安全管理特性(五)
- 三种主流RIA技术之争,你该如何选型?
- 接入以太坊(Ethereum)测试网络
热门文章
- hadoop大数据平台架构之DKhadoop详解
- [小问题] 使用idea 打包maven项目时可能遇到xml文件打包不进去
- 关于Python多线程的理解
- an unsupported operation was attempted问题解决
- sencha touch tabsidebar 源码扩展
- MySQL 重要函数实例
- Buffer Cache Hit Ratio
- cocos2d-x温故(三)!
- getopt();getopt_long();getopt_long_only();option
- DX使用随记--GroupControl