javascript - 本网站使用了哪些库？

Question

我想使用这个“技术”制作一个网站：

http://www.domperignon.com/

但是我不知道在哪里可以找到这样的东西......

在此先感谢，DGM.-

Answer 1

如果您有 Chrome 或 Firefox，则可以检查该站点。对于 Chrome，右键单击站点上的任意位置并点击检查元素。对于 Firefox，您需要下载一个名为 Firebug 的附加组件。

对于 Chrome，应该会出现一个弹出窗口，其中包含多个选项卡并显示 html 网站的源代码。您可以根据需要仔细阅读，但我相信您所指的“技术”或多或少位于他们的 javascript 文件中。

单击“资源”选项卡，第一个文件夹显示“框架”。点击它，你应该会看到他们所有的文件，包括 js 文件、图像、样式表等。

如果您使用的是 Firefox Firebug，请右键单击页面上的任意位置并点击 Inspect Element with Firebug。顶部的选项卡很好地将它分开，因此您可以直接进入脚本、CSS 等。

希望这可以帮助。

Answer 2

这是一个小书签，用于确定页面上正在运行哪些脚本：

javascript:(function(){s=document.getElementsByTagName('SCRIPT');tx='';sr=[];for(i=0;i<s.length;i++){with(s.item(i)){t=text;if(t){tx+=t;}else{sr.push(src)};}};with(window.open()){document.write('<textarea id="t">'+(sr.join("\n"))+"\n\n-----\n\n"+tx+'</textarea><script src="http://jsbeautifier.org/beautify.js"></script><script>with(document.getElementById("t")){value=js_beautify(value);with(style){width="99%";height="99%";borderStyle="none";}};</script>');document.close();}})();

只需将其保存为书签并在任何页面上运行即可。