我怎样才能找到jquery/javascript/modernizer代码来产生效果

我正在学习网页设计，没有比重做别人的工作更好的方法了。所以我正在阅读其他页面的代码，但很难找到jQuery、Javascript或modernizer或。。。对效果负责的代码

我用的是firebug，也用的是firequery，但问题是他们给我的是事件，而不是代码和DOM的大树，我甚至不知道我在哪里查看它

我真的不在乎触发了哪个事件，但我在乎代码是如何编写的。如果我找到了代码以便我能理解事件是点击还是聚焦

或者让我们假设一个网站有一个javascript文件，链接到一个网站。当我加载网页时，我得到一个由DOM和外部/内部脚本组成的网页。当我看到一个很酷的效果并想阅读代码时，我运行firebug，检查元素以找到元素。在那之后我不知道该怎么办？我无法在脚本中搜索选择器或事件，因为可能网站开发人员使用了我正在搜索的不同选择器。有时我会找到代码，但它太拥挤了，不是人类可读的形式，我不知道如何将代码更改为缩进和整洁的形式

当网站使用其他java框架而不是jQuery时，问题变得更加严重

我已经搜索了很多，使用了很多工具，但没有找到任何有用的，请与您的建议光我的方式学习网络开发

编辑：-- 我找到了一条路，但我相信外面应该有更好的路 首先在chrome中，我检查元素以找到相应的元素，然后右键单击并检查其上的所有断点（如果它不起作用，我对父元素执行相同的操作）

在那之后，我使用该元素来触发函数，它就会中断

通常调用该方法的函数位于调用堆栈中

也用于阅读

---

同样为了阅读脚本，我使用了chrome的pretty print，我使用了一些在线的prettyfier，但大多数都有字符数量的限制，对于一个长脚本来说，google首页的Result都不够好。所以现在唯一好的选择是chrome，有人有其他方法吗？

仅仅通过检查它很难学会如何操作，因为许多效果可能完全用JavaScript实现，JavaScript可能很深，隐藏在源文件中

您提到代码不是人类可读的形式，美化代码可能有助于：

大多数“视觉”效果应该能够从CSS中查看，例如JQuery Mobile的按钮，可以看到不同类的组合，

ui阴影

，

ui btn

，

ui禁用

等

否则，搜索选择器几乎是您所能做的全部。就我个人而言，如果我正在学习，一次看太多的代码可能会让我不知所措。此外，许多UI效果可能很难跟踪

我的建议是，也许更好的解决方法是尝试描述一种你需要的效果，然后在Google或Stack Overflow上搜索如何创建这种效果的指导

通常的文件来源将非常有用：

---

学习愉快

在firebug中我不知道，但在chrome控制台中，您可以转到sources，ctr+shift+f，并通过查找选择器来尝试查找代码。例如，您可以搜索触发事件的按钮的id。正如我提到的，我的问题是找到选择器。在一个非常复杂的页面中，我要寻找的选择器与开发人员的选择器完全不同。作为证明，请查看for循环生成的选择器的名称。3不同的框架。对于筛选，至少使用10个不同的选择器。。。。（除了ajax部分）我想学习这个网站或类似复杂网站中使用的技巧