私がangle2アプリケーションのコードにアクセスでき、遅延ロードされていると思われるモジュールがある場合、そのモジュールをテストして遅延ロードされているかどうかを調べる方法があります。必要であれば他の方法はありませんが、可能であれば、問題のモジュールにコードを追加してテストすることができます。しかし、私はどのようなコードを追加しますか?クロームのdevのツール(CTRL +シフト+ I)Google Chromeブラウザでのどのようにして、angular2のモジュールが遅延ロードされているかを確認することができますか?
答えて
チェックネットワークタブ。
モジュールが遅延ロードされていない場合は、サイトが最初にロードされるときに、ネットワークタブにモジュールの行が表示されます。
適切に遅延ロードされている場合は、対応するルートに移動したときにのみモジュールの行が表示されます。
これが役に立ちます。
ありがとうございます。私はこの答えを私の満足のためにテストすることができませんでしたが、私が持っているときには再訪するでしょう。 – Reid
ネットワークトラフィックがどのように見えるかをスクリーンショットでお知らせください。素晴らしいことだ! –
これもチェックしたかったです。ネットワークタブを見ましたが、統合されたAngular 2開発環境では、ファイルは 'bundle.js'で読み込まれます。したがって、どのファイルが読み込まれているかを区別することはできません(少なくとも私はそう考えています)。私はフィドラーを使ってみましたが、同じ「バンドルされた」結果を示しています。 OPの質問に代わるものはありますか? –
バックグラウンド概念: まず、遅延読み込みについて明確にする必要があります。遅延ロードすると、基本的に、ネットワークまたはサーバーからではなく、メモリ(RAM)に遅延ロードされます。ブラウザキャッシュ(HD)に既に存在するモジュール(jsスクリプト) - アプリの読み込み中にネットワークから取得しました。したがって、特定のモジュールを遅延ロードすることによって、ネットワークの最適化ではなく、メモリの最適化に役立ちます。
どうかを確認する方法:あなたは `にconsole.log( 'XXX')を追加してみてくださいすることができますただ、モジュールのクラス定義
import { NgModule } from '@angular/core';
import { LazyComponent } from './lazy.component';
import { LazyService } from './lazy.service';
@NgModule({
imports: [ ],
declarations: [ LazyComponent ],
providers: [LazyService]
})
export class LazyModule {
constructor() {
console.log('Lazily Loaded : LazyModule');
}
}
- 1. どのようにして視認性の遷移を遅延させることができますか?
- 2. (Angular2 RC5)ルータが遅延ロードできるSystemJSを使用して各モジュールのバンドルを作成するにはどうすればよいですか?
- 3. ActiveRecordコレクションが遅延ロードされているかどうかは、どのように知ることができますか?
- 4. どのHibernate FetchModeによってコレクションが遅延ロードされるのですか?
- 5. 遅延ロードされたモジュールから別の遅延ロードされたモジュールにコンポーネントをインポートする
- 6. requirejsを使用すると、モジュールがロードしようとせずに定義されているかどうかを確認できますか?
- 7. アプリがインストールされているかどうかを確認して開くことができますか?
- 8. パラメータを使用して関数をどのように遅延させることができますか?
- 9. Laravel 5.2のクエリが遅延ロードされていますか?
- 10. Angular2遅延ロードされたモジュールに向ける方法は?
- 11. 角度アプリケーションは、どのようにして別のアプリケーションの角度モジュールを遅延ロードできますか?
- 12. 特定のデバイスドライバがロードされているかどうかを確認する
- 13. 角度 - 遅延ロードされたモジュールを別の遅延ロードされたモジュールをロードする
- 14. divがロードされているかどうかを確認するには?
- 15. ツールが既にロードされているかどうかを確認するスクリプトテスト?
- 16. GTK +どのラジオボタンが選択されているかはどのようにして確認できますか?
- 17. PHPがモジュールまたはCGIとしてインストールされているかどうかを確認するには
- 18. テーブルがSQLサーバーで使用されているかどうかを確認することができます
- 19. 私は星を動かすことができるかどうか確認しようとしています
- 20. UIWebViewがロードされていることを確認する
- 21. ビューがレイアウトされているかどうかをどのように確認できますか?
- 22. QMutexがロックされているかどうかをどのように確認できますか?
- 23. LinkedListが既に注文されているかどうかはどのように確認できますか?
- 24. UIViewがロードされているかどうかを確認する方法
- 25. GACアセンブリがロードされているかどうかを確認する方法
- 26. mithril.jsがロードされているかどうかを確認する方法は?
- 27. この特定のコード行をどのように遅延させることができますか?
- 28. モデルのデータが正確にどのように接続されているか確認できますか?
- 29. リソースファイルがJavascriptでページによってロードされているかどうかを確認する方法
- 30. ロード時にどのようなjavascriptが上書きされているのかを確認する
のコンストラクタ関数ではconsole.logを置きます'をモジュールクラスのコンストラクタに渡し、呼び出されたときにチェックします(まだ試していません)。 –
遅延ロードされたモジュールにナビゲートする前にネットワークアクティビティをクリアして、ロードされている場合は、そのモジュールに必要なファイルがロードされます。 –