我刚刚开始使用require.js.我已经成功地包装了jquery,一些插件和一些我自己的模块.我正在尝试与Firebug(或Google Chrome的JS控制台)中的模块(或jquery)进行交互,但我运气不错.
从控制台访问这些模块的正确方法是什么?
在检查页面的DOM时,我想快速了解元素的附加事件
例如,如果按钮具有此HTML DOM
<button id="button1">Click Me</button>
Run Code Online (Sandbox Code Playgroud)
在某个地方(不是我提前知道的地方)它附有一个事件,例如
$("#button1").click(function(){...});
Run Code Online (Sandbox Code Playgroud)
我知道它可以以编程方式完成(我可以使用jQuery查找绑定在元素上的事件吗?)
但有没有办法只使用Chrome/Firefox/IE的开发者工具之一来查看事件列表?
更新:我发现在较新的Chrome版本中我有一个名为EventListeners的标签,但它似乎不允许轻松向下钻取到事件源,因为jQuery包装了原始
jquery firebug javascript-events ie-developer-tools google-chrome-devtools
我在外部JS文件中设置断点,但我无法让Firebug以一致的方式点击断点.它有时有效,但大多数情况下它没有.我能让它工作的唯一方法是打开"Break on all errors"
我用过调试器; 声明也没有任何运气.
如何通过Firebug控制台加载javascript文件?
这在开发中很有用,所以我不必修改html代码来加载脚本.
有没有办法在Firebug中美化javascript和css?我希望能够查看格式化的js而不是压缩版本:).
是否有适用于Safari的开发工具插件,就像Firefox存在Firebug插件一样?
我一直在尝试使用Firebug的分析器来更好地理解我们看到的一些JavaScript性能问题的来源,但我对输出有点困惑.
当我分析一些代码时,探查器报告Profile(464.323 ms,26,412个呼叫).我怀疑464.323 ms是这些26,412次调用的执行时间的总和.
但是,当我深入查看详细结果时,我会看到平均执行时间大于464.323 ms的单个结果,例如,平均时间最长的结果会报告以下详细信息:
Calls: **1**
Percent: **0%**
Own Time: **0.006 ms**
Time: **783.506 ms**
Avg: **783.506 ms**
Min: **783.506 ms**
Max: **783.506 ms**
Run Code Online (Sandbox Code Playgroud)
另一个结果报告:
Calls: **4**
Percent: **0.01%**
Own Time: **0.032 ms**
Time: **785.279 ms**
Avg: **196.32 ms**
Min: **0.012 ms**
Max: **783.741 ms**
Run Code Online (Sandbox Code Playgroud)
在这两个结果之间,时间结果的总和远远大于464.323.
那么,这些不同的数字是什么意思呢?我应该相信哪些?
用firebug我发现点击链接调用javascript函数
<a href="#" onclick="viewHide(this);return false;">
Run Code Online (Sandbox Code Playgroud)
但我无法在页面源中找到它的实现.
有可能得到它吗?
该网站是希伯来语,但我不认为这是问题:链接文本触发此功能点击文章后面的任何评论标题.
删除了死的ImageShack链接
我有一个通过JavaScript应用样式的元素.我不确定到底在哪里; 有没有办法检查Firebug以显示"element.style"实际来自哪里?
给定一个使用大量javascript来生成HTML的网页,如何让浏览器而不是源HTML解析最终计算的HTML?换句话说,假定一个页面有许多围绕javascript函数的标签,当被调用时,返回一些HTML.当我查看页面的源时,我看到脚本函数调用,而不是它生成的HTML.
我怎样才能获得网页生成的所有HTML?
我注意到Firebug似乎能够看到HTML而不是脚本,但它似乎没有任何方法来保存整个页面,只有它的一小部分.
更新:
感谢所有的答案.但是,我仍然没有使用任何这些技术获取我在Firebug控制台中看到的HTML.对于我的示例页面,我正在使用我自己的Facebook个人资料的"信息"标签.如果您在该页面上查看源代码,您将看到许多标题为"big_pipe.onPageletArrive()"的脚本.但是,如果您在Firebug中查看它,那么每个函数调用都会呈现为HTML.我尝试右键单击Firebug中的标记,Webdev工具栏中的View Generated Source和Chrome建议,但它们都给了我脚本调用,而不是HTML.
还有其他想法吗?
更新2:
当我说每个函数在Firebug中呈现为HTML时,我都不太正确.如果我在页面中选择它们并右键单击 - >检查元素,它们只会渲染出来.然后它似乎将其渲染出来.所以也许我的问题变成了如何让Firebug自动渲染出所有HTML,以便您可以选择并保存它?(或者我可以使用其他任何解决方案来获取此HTML).