Chrome或Firefox上的开发人员工具:如何从库中查看帮助(建议)?

时间:2014-09-19 08:37:25

标签: javascript jquery google-chrome firefox firebug

我需要这个:

firefox chrome developers tools dark theme suggestions at console

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

Firequery

这个星球可以扩展任何js-library的建议吗?

1 个答案:

答案 0 :(得分:0)

您网站代码中包含的库将自动在devtools的命令行中提供。

示例:

  1. 转到http://jquery.com/
  2. 打开devtool
  3. 切换到命令行
  4. 在命令行中执行window.$('div')
  5. =&GT;您将获得一组<div> s。

    请注意,它们不会添加到document对象,而是添加到window对象。所以例如jQuery将通过window.jQuerywindow.$

    提供

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

    此外,这些命令行API模糊了jQuery等$()函数之类的库函数。即当您键入$时,您实际上将访问命令行API,而不是jQuery $()函数。要访问jQuery函数,您必须按window进行前缀,如上所述。