WebKit Devtools JavaScript ライブラリへのアクセス

Question

先日、Chrome で何かに気づきました。開発者ツールを開いてソースの表示を押したところ、開発者ツール ウィンドウが HTML と JavaScript でコーディングされていることに最初は驚きました。次のコードを Chrome に入力すると、それがわかります。アドレスバー:

view-source:chrome://devtools/devtools.html

私が印象に残った点が 2 つあります。まず、コードの著作権は Apple に属しており (Apple が WebKit を支援していることを考えれば、それほど驚くべきことではありません)、第 2 に、Chrome からリンクをクリックして JavaScript、CSS、または画像ファイルに直接アクセスすることはできないようです。ソースコード。

そこで 2 つの質問:

DevTools アセットはコンピューター上のどこに保存されていますか? また、どのようにアクセスすればよいですか?または、さらに良いことに、誰かが使用されているライブラリを特定し、そのライセンスがどのように付与されているかを教えてもらえますか?私は、適切に実装された UI ツールキットを常に探しています。Devtools は素晴らしいようです。

Answer 1

Mac では、Web インスペクターは次の場所にあります。/システム/ライブラリ/フレームワーク/WebKit.framework/バージョン/A/フレームワーク/WebCore.framework/リソース/inspector/

インスペクターは完全に自己完結型のコードであり、外部ライブラリは使用されていません。コードが 1 つの Web ブラウザーでのみ実行されることがわかっている場合…

WebKit のライセンスは通常 LGPL および BSD ですが、Web Inspector ファイルはすべて異なる著作権所有者 (Apple、Google、Nokia など) と次のライセンスを持っています。

ソース形式とバイナリ形式での再配布と使用(有無にかかわらず) 以下の条件を満たす場合に限り、変更が許可されます。 会った：

1. ソースコードの再配布は、上記の著作権を保持する必要があります この条件のリストと次の免責事項に注意してください。
2. バイナリ形式で再配布する場合は、上記の著作権を複製する必要があります この条件のリストと、次の免責事項を 配布物に付属するドキュメントおよびその他の資料。

3. Apple Computer, Inc. の名前でもありません。(「Apple」)も、 その寄稿者は、派生した製品を推奨または宣伝するために使用される場合があります 書面による事前の許可なしに、このソフトウェアから。

   本ソフトウェアは「現状有姿」で提供され、明示または黙示を問わず の黙示の保証を含むがこれらに限定されない保証 商品性および特定目的への適合性は否認されます。いかなる場合においても、APPLEまたはそのコントリビュータは、直接的な責任を負わないものとします。 間接的、偶発的、特別、懲罰的、または結果的な損害 (代替品の調達を含みますが、これらに限定されません。 サービス;使用、データ、または利益の損失。または事業の中断) しかし、原因と責任の理論では、契約のかどうか、 厳格責任、または不法行為(過失などを含む) このソフトウェアの使用から何らかの方法で、たとえ そのような損傷の可能性。

オープンソースなので、プロジェクトを拡張して貢献することができます。を参照してください。 http://webkit.org

Answer 2

あなただけのファイルの内容を確認したい場合に使用次のURI

chrome-devtools://devtools/DevTools.js
chrome-devtools://devtools/devTools.css