在页面上查找插件

时间:2015-08-13 07:01:42

标签: javascript jquery html css responsive-design

在网站上,我看到一些带动画的图表。我相信他们已经使用插件来设计这些图表,但是哪一个,我不知道...
有没有办法找到使用哪个插件或.js文件?
我在图表上右键单击并单击" Inspect Element"但也没有成功。似乎无法找到正确的图表或调用动画的代码(悬停,mouseOver等)
我正在看的主题是here

如果您查看VISITORS下面的图表,并将鼠标悬停在任意一行上,它会显示一些值。我想知道是什么触发了这些价值观的展示。

修改
穆罕默德的回答帮助了我很多。这是我为寻找答案的人所做的。

我右键单击了我想要了解的插件,并查看了ID和类的相同内容。 Here

enter image description here

从它的外观来看,我可以看到一些名为' HighCharts'用来。然后我按了

  

CTRL + SHIFT + F

之后,向我显示了搜索选项,我无法注意到,因为它位于屏幕底部。

enter image description here

我进入了#34;高"在搜索栏中它显示了脚本和用于调用它的javascript文件。

enter image description here

希望这有帮助

1 个答案:

答案 0 :(得分:3)

用于检查他们正在使用哪个插件。 sources然后检查包含某个特定图表的父div类,之后转到network旁边的main.jscustom.js OR {{1} }或app.js您可以按ctrl+shift+f或简单查看js文件夹快速搜索,然后搜索class中的inspect Element,您将会找到他们正在为这个类使用的函数,你将从函数名中得到想法,你可以搜索那个partical文件。 例如:

这是一个简单的例子,我希望你有更好的主意。

第1步 Step 1

第2步

Step 2

第3步 Step 3