如何找出网站使用的是什么?

时间:2014-07-17 19:38:55

标签: javascript jquery twitter-bootstrap

我希望开发我的个人投资组合网站,并希望实施某种“工作组合”区域。

我希望它很简单,只显示单个图像,但是一旦单击图像,一个框应该展开并显示更多内容,例如设计简介,使用的工具等。

我已经看到了一些我需要的功能的例子,例如http://themeforest.net/item/fraiche-flat-onepage-portfolio-bootstrap-template/full_screen_preview/5351761#portfolio和另一个http://wrapbootstrap.com/preview/WB04X111M

我希望能够找到某些网站使用的javascript插件,以便我自己进行实验。我试过查看源代码并查看控制台,但我觉得很难。

我使用过Firebug和DevTools但是我似乎无法弄清楚旋转木马使用的是什么。我能够查看源代码并查看所有单个文件。想知道是否有更简单的方法,或者在浏览网站时会告诉我的浏览器插件?

如果有人能指出我正确的方向,我将不胜感激。

4 个答案:

答案 0 :(得分:1)

右键单击,检查元素或查看源。看看头部。 您还可以在Chrome中的开发工具的“网络和资源”选项卡下查看,您也可以看到对第三方插件的请求。

答案 1 :(得分:1)

您应该使用http sniffer(例如Fiddler \ HttpAnalyzer等)并检查下载的html \ js \ css等内容。 之后,您需要检查来源并了解事情是如何完成的。

答案 2 :(得分:1)

有一个非常好的firefox插件名为 firebug ,它显示了为该特定页面加载的所有JS文件。在firebug scripts选项卡中,您可以看到。

chrome附带了开发人员工具,您可以在其中找到为该页面加载的所有文件。你可以在Tool - >找到这个。开发人员工具。Check firebug image

答案 3 :(得分:0)

正如其他人已经建议的那样 - 查看页面源并尝试从那里获得所需的插件信息。

还有一个很棒的Chrome扩展程序,可以让您立即查看网站运行的所有javascript和服务器端框架,它被称为Appspector。< / p>