0

Chrome デバッガー内でコントローラーのコンテンツ プロパティにアクセスする方法を教えてください。私は自分のアプリケーションをデバッグする方法を見つけようとしています。これまでのところ、私はそれを行う方法を見つけることができません。

ありがとうございました

アレックス

4

3 に答える 3

3

声明を追加する

debugger;

デバッグしたいメソッドで、

  1. Google Chrome を開き、CTRL+SHIFT+i
  2. アプリケーションの URL にアクセスし、コードが実行されると思われる状態に移動します

Google Chrome はdebugger;ステートメントで自動的に停止し、画像でわかるようにソース/スクリプトタブにフォーカスします。

ここに画像の説明を入力

ウォッチ式タブ内で、「+」をクリックして、コードを評価します。

this.get("content");

このブレークポイントがある限り、コンソール パネルに切り替えてそのコンテキストでコードを実行できます。完了したら、CTRL+SHIFT+I をクリックしてパネルを閉じるか、そこにある [閉じる] ボタンをクリックして、ブレークポイントを追加できます。同様に行番号をクリックして手動で、これが役立つことを願っています

詳細について

于 2013-03-14T14:59:01.603 に答える
1

まだ準備ができていませんが、確かに使用できるEmber Extentionsを使用しています。

于 2013-03-14T14:58:23.693 に答える
1

2つの可能性があります

  1. Chrome 用の Ember Inspector Tool を使用する:まだ正式にリリースされていませんが、私が聞いたところによると、使用できるようです。まだ自分で試す時間はありませんでしたが、インストール方法と使用方法を説明する記事を次に示します。

  2. ブラウザのコンソールでコントローラにアクセスします。あとはお好みで調べてみてください。コントローラーにアクセスするためのコードは次のとおりです。アプリでデバッグのために自分で使用します。


// 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")
于 2013-03-14T15:00:34.347 に答える