Chrome 或 Firefox 的开发人员工具：我如何从库中查看帮助（建议）？

Question

我需要这个：

...用于外部 js 库。例如 - 我有 Firebug (Firequery) 的扩展来处理 Jquery：

这个星球有任何 js 库的建议扩展？

Answer 1

您网站代码中包含的库将自动在开发工具的命令行中可用。

例子：

1. 转到http://jquery.com/
2. 打开开发工具
3. 切换到它的命令行
4. 在命令行中执行window.$('div')

=> 你会得到一个<div>s 的数组。

请注意，它们不是添加到 document 对象，而是添加到 window 对象。所以例如jQuery 将通过window.jQuery 或window.$ 提供。

所有主要的开发工具都提供了一些命令行 API，包括用于选择元素的美元符号功能。参见例如Firebug 中的description of the Command Line API。因此，您不需要像 FireQuery 这样的扩展。

此外，这些命令行 API 会掩盖库函数，例如 jQuery 中的 $() 函数。 IE。当您输入$ 时，您实际上将访问命令行API，而不是jQuery $() 函数。要访问 jQuery 函数，您必须在前面加上 window，如上所述。