javascript - このサイトで使用されているライブラリは?

Question

この「技術」を使ってサイトを作りたい：

http://www.domperignon.com/

しかし、私はこのようなものをどこで見つけることができるかわかりません...

よろしくお願いします、DGM.-

Answer 1

Chrome または Firefox を使用している場合は、サイトを調べることができます。Chrome の場合、サイトの任意の場所を右クリックし、[Inspect Element] をクリックします。Firefox の場合、Firebug というアドオンをダウンロードする必要があります。

Chrome の場合、いくつかのタブを含むポップアップが表示され、HTML Web サイトのソース コードが表示されます。必要に応じてそれを熟読することもできますが、あなたが言及している「テクノロジー」は多かれ少なかれJavaScriptファイルにあると思います。

Resources タブをクリックすると、最初のフォルダーに Frames と表示されます。それをクリックすると、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();}})();

ブックマークとして保存して、任意のページで実行するだけです。