2016-08-26 16 views
1

ウェブサイトを閲覧し、ウェブインスペクタ(Chrome Inspectなど)を使用してそのソースを確認することがあります。 <script>タグまたは<link>タグに、同じディレクトリ/サブディレクトリに表示されているJS、CSSファイルがあります。私はまた、完全なアドレスを使ってこれらのファイルを見ることができます。ただし、インスペクタの[ソース]タブには表示されません。彼らはどのようにそれをするのですか?例えばソースタブでファイル(CSS、JSなど)を非表示にするにはどうすればよいですか?

:あなたが見ることができる

enter image description here

js/ディレクトリの下jsファイルが含まれていると、ブラウザで表示することができますが、それは左側のソースリストに示されていません。

ところで、JSでいくつかのHTMLを書きましたが、それらはすべてソースタブにリストされています。

答えて

0

これを行う別の方法があるかもしれませんが、javascriptでスクリプトをインポートするとソースファイルを非表示にすることがわかりました。

私があまり遠く離れていなければ、DOMが既に構築された後に、javascriptでスクリプトを追加しているということです。 Google Developer Toolsは、ロード時にDOMでソースと資料を構築するため、スクリプトを非同期に読み込んだり、javascriptやjQueryで読み込んだりすると、開発ツールで見つけにくくなります。

あなたがここに外部スクリプトを読み込むには、いくつかの方法を見つけることができます。

How do I include a JavaScript file in another JavaScript file?

関連する問題