私はChromeデバッガを使用してオブザーバブルを検査しようとしています。ノックアウトプラグインを使用していますが、興味のあるオブザーバに関する情報が表示されていません。私が使用していた回避策は、オブザーバブルをグローバルウィンドウオブジェクトに設定し、コンソールで検査することです。これはいくつかの理由から時間がかかる。Chromeデバッガを使用してノックアウト観測値を検査する方法はありますか?
答えて
ノンミニファイノックアウトライブラリを使用している場合は、計算されていない各観測値に公開されている_latestValue
変数を調べることができます。 computed
の場合、computed
に公開されているstate
変数に露出した_latestValue
という変数があります。
要約すると、デバッグ(別名非拡張)ビルドknockout
を参照している場合は、これらの変数によって観測値を検査できます。
var observable = ko.observable();
var computed = ko.computed(...);
...
observable._latestValue;
computed._state.latestValue;
編集:私はあなたが最新のノックアウト(バージョン> = 3.4.1)を使用している場合は、それが露出してしまったとして、あなたが直接、あまりにもcomputed._latestValue
を使用することができ、computed
用ケースを固定しますが、注意してきましたobservable
の場合と同じです。
私は 'computed'の場合に間違いがありました。正しくは' computed.state._latestValue'の代わりに 'computed._state.latestValue'です。 –
私が問題を理解していれば(一般にデバッガを使用して変数を検査するのではなく、代わりにコードconsole.debug
を使用します)、オブザーバブルの値は表示されませんデータ値のみを検査することができます。
観測値をコピーする関数を使用してオブザーバブルを購読することで、値を保持することができます。観測所自体に便利な場所が付いています。あなたはそれを点検したい場合には、観察可能なを見つけ、そのinternalValue
プロパティを見て
function debugObservable(value) {
var self = ko.observable();
self.subscribe(function (newValue) {
self.internalValue = newValue;
});
self(value);
return self;
}
:ちょうど観察可能な新しい種類を作成します。
拡張されていない 'knockout'ライブラリを使用している場合は、' observable'で定義された '_latestValue'変数を調べることができますが、' computed'ではは確認できません。後者では 'state'変数IIRCの中にそれがあります。 –
- 1. ノックアウト:観測可能
- 2. ノックアウト観測所を購読する必要がありますか?
- 3. ノックアウト観測配列間のアイテムの移動を検出する方法
- 4. chrome://正しいデバッガではなく、アンドロイドのデバッガを検査する
- 5. ノックアウト観測値を比較するためのイディオム
- 6. のCoffeeScript、ノックアウト&観測可能
- 7. Visual Studio 2003でデバッガからXMLストリームを検査する方法
- 8. 観測可能な配列内のノックアウト観測可能なオブジェクト
- 9. 関数から観測値を生成する方法は? Stata
- 10. ノックアウト観測可能なデータをラジオボタンの値にバインドできますか?
- 11. Chromeデバッガでプログラムカウンタを移動する方法はありますか?
- 12. Hamcrestを使用してマップ項目を検査する方法
- 13. ノックアウト観測可能な宣言の方法
- 14. 標準のMVCフォームにknockoutjsの観測値を含める方法はありますか?
- 15. ノックアウト可観測配列選択値の設定
- 16. ノックアウトの計算された観測値のAngular2バージョン
- 17. ドロップダウンの変更で観測可能な値を変更するノックアウトJs
- 18. PHPを使用してテキストブラウザを検出する方法はありますか?
- 19. ノックアウト観測可能な配列を拡張する
- 20. javacriptでノックアウト観測配列を反復する
- 21. 異なる観測のp値をメタ分析する方法
- 22. プロキシオブジェクトを使用してオブジェクトを観測する
- 23. NetBeansを使用してライブJavaオブジェクトを検査しますか?
- 24. Chrome Consoleを使用してRequireJSでノックアウトViewModelにアクセスする
- 25. Chrome Devツールを使用して要素を検査できません
- 26. ノックアウトを宣言しました。タイプスクリプトで観測可能な数値を表示しました
- 27. 2つの観測可能なアレイとノックアウトjsをリンクします
- 28. Chromeの「デバッガで一時停止した」オーバーレイを非表示にする方法はありますか?
- 29. Visual Studio 2010プロファイラ(計測器)を使用してWebサービスアセンブリをプロファイルする方法はありますか?
- 30. 現在の観測値と最初の観測値の比較
おそらくhttps://chrome.google.com/webstore/detail/knockoutjs-context-debugg/oddcpmchholgcjgjdnfjmildmlielhof?hl=ja? https://www.safaribooksonline.com/blog/2014/02/26/debugging-bindings-knockout-3-0/ –
本当にうまくいくもの:HTML要素を右クリックして_inspect要素_を選択し、go devツールコンソールに 'ko.dataFor($ 0)'や 'ko.contextFor($ 0)'と入力してください。コンソールは現在のバインディングデータ/コンテキストをログに記録します。 – user3297291
これらのオブザーバブルはHTML要素にバインドされていません –