我希望开发我的个人投资组合网站,并希望实施某种“工作组合”区域。
我希望它很简单,只显示单个图像,但是一旦单击图像,一个框应该展开并显示更多内容,例如设计简介,使用的工具等。
我已经看到了一些我需要的功能的例子,例如http://themeforest.net/item/fraiche-flat-onepage-portfolio-bootstrap-template/full_screen_preview/5351761#portfolio和另一个http://wrapbootstrap.com/preview/WB04X111M
我希望能够找到某些网站使用的javascript插件,以便我自己进行实验。我试过查看源代码并查看控制台,但我觉得很难。
我使用过Firebug和DevTools但是我似乎无法弄清楚旋转木马使用的是什么。我能够查看源代码并查看所有单个文件。想知道是否有更简单的方法,或者在浏览网站时会告诉我的浏览器插件?
如果有人能指出我正确的方向,我将不胜感激。
答案 0 :(得分:1)
右键单击,检查元素或查看源。看看头部。 您还可以在Chrome中的开发工具的“网络和资源”选项卡下查看,您也可以看到对第三方插件的请求。
答案 1 :(得分:1)
您应该使用http sniffer
(例如Fiddler \ HttpAnalyzer等)并检查下载的html \ js \ css等内容。
之后,您需要检查来源并了解事情是如何完成的。
答案 2 :(得分:1)
有一个非常好的firefox插件名为 firebug ,它显示了为该特定页面加载的所有JS文件。在firebug scripts选项卡中,您可以看到。
chrome附带了开发人员工具,您可以在其中找到为该页面加载的所有文件。你可以在Tool - >找到这个。开发人员工具。
答案 3 :(得分:0)
正如其他人已经建议的那样 - 查看页面源并尝试从那里获得所需的插件信息。
还有一个很棒的Chrome扩展程序,可以让您立即查看网站运行的所有javascript和服务器端框架,它被称为Appspector。< / p>