Chrome デバッガー内でコントローラーのコンテンツ プロパティにアクセスする方法を教えてください。私は自分のアプリケーションをデバッグする方法を見つけようとしています。これまでのところ、私はそれを行う方法を見つけることができません。
ありがとうございました
アレックス
Chrome デバッガー内でコントローラーのコンテンツ プロパティにアクセスする方法を教えてください。私は自分のアプリケーションをデバッグする方法を見つけようとしています。これまでのところ、私はそれを行う方法を見つけることができません。
ありがとうございました
アレックス
声明を追加する
debugger;
デバッグしたいメソッドで、
Google Chrome はdebugger;
ステートメントで自動的に停止し、画像でわかるようにソース/スクリプトタブにフォーカスします。
ウォッチ式タブ内で、「+」をクリックして、コードを評価します。
this.get("content");
このブレークポイントがある限り、コンソール パネルに切り替えてそのコンテキストでコードを実行できます。完了したら、CTRL+SHIFT+I をクリックしてパネルを閉じるか、そこにある [閉じる] ボタンをクリックして、ブレークポイントを追加できます。同様に行番号をクリックして手動で、これが役立つことを願っています
詳細については
まだ準備ができていませんが、確かに使用できるEmber Extentionsを使用しています。
2つの可能性があります
Chrome 用の Ember Inspector Tool を使用する:まだ正式にリリースされていませんが、私が聞いたところによると、使用できるようです。まだ自分で試す時間はありませんでしたが、インストール方法と使用方法を説明する記事を次に示します。
ブラウザのコンソールでコントローラにアクセスします。あとはお好みで調べてみてください。コントローラーにアクセスするためのコードは次のとおりです。アプリでデバッグのために自分で使用します。
// i assume that your Ember.Application is stored in the global var App
var App = Ember.Application.create({
getController : function(name){
return this.__container__.lookup("controller:" + name);
}
});
// now you can use it like this. To get the users controller (App.UsersController) just use this in the console:
App.getController("users")