Firebug下查看Html元素绑定了什么事件,查看jQuery的.data()函数添加的数据。

jackxiang 2013-10-31 20:04 | |
Firebug下查看Html元素绑定了什么事件
一、用Firefox下的Firebug选择这个元素,然后样式选项卡最右边有个“DOM”,打开,可以看到这个元素绑定的一些事件。
二、在火狐上装了FireQuery插件,一直没去注意它 的用途。就只发现在FireBug的HTML Tab下的HTML代码层次上多了些事件代码,可以点击查看对应的绑定事件。最近的一些使用,发现了FireQuery的好处,特别是在测试动态生成 DOM以及数据测试上很是方便。(1)Firebug->控制台->勾选上Show internal Jquery data。
装好后就会自动引入jQuery.Lint.js对页面代码测试: Firebug->控制台->勾选上引入(2)Jquery Lint ,Show internal Jquery data。
在Console Tab的下拉菜单中启用引入,重新刷新页面后会动态地引入jQuery.Lint.js插件,此时对页面中出现的错误进行输出提示。
下载地址:http://james.padolsey.com/javascript/jquery-lint/

FireQuery的好处,特别是在测试动态生成 DOM以及数据测试上很是方便的文章来源:
http://www.cnblogs.com/yuzhongwusan/archive/2012/01/31/2332606.html
Codes DownLoad:
https://github.com/padolsey/jquery.lint--old/blob/master/jquery.lint.js


_____________________________________________________________
全文来自:
http://www.cnblogs.com/yuzhongwusan/archive/2012/01/31/2332606.html
firequery下载地址:https://addons.mozilla.org/zh-CN/firefox/addon/firequery/
Firequery Test Page:http://firequery.binaryage.com/test/

作者:jackxiang@向东博客 专注WEB应用 构架之美 --- 构架之美,在于尽态极妍 | 应用之美,在于药到病除
地址:http://jackxiang.com/post/6783/
版权所有。转载时必须以链接形式注明作者和原始出处及本声明!


最后编辑: jackxiang 编辑于2013-11-1 10:45
评论列表
发表评论

昵称

网址

电邮

打开HTML 打开UBB 打开表情 隐藏 记住我 [登入] [注册]