20

Plunker で JavaScript ファイルを作成しましたが、それをデバッグしたいと考えています。「ソース」パネルを開くと、作成した js ファイルが表示されません。たくさんの Plunker js ファイルしか表示されません。ご意見をお聞かせください。ありがとう

4

5 に答える 5

38

もう1つの方法は、これをjavascriptファイルに入れることです

デバッガ;

コンソールを開いたままにすると、デバッガーが強制的にそこで停止するだけでなく、ファイルも開かれます。

于 2015-03-31T14:49:15.417 に答える
20

作成したソース ファイルにドリルダウンするには、主に 2 つのオプションがあります。

1. プレビュー パネルのポップアップ ウィンドウ モードを使用する

デフォルトでは、プレビューア<iframe>は plunker webapp 内で実行されます。プレビュー ウィンドウの右上にある青い展開アイコンをクリックすると、plunker に別のウィンドウでプレビューアを表示するように指示できます。ポップアップ ウィンドウの開発ツールを開くと、ソース ファイルのみが表示されます

2. プレビューを右クリックし、[要素の検査] をクリックします。

このようにすると、埋め込まれたライブ プレビューを使用できるようになり、コードに関連付けられた DOM にドリルダウンするためのショートカットが提供されます。

于 2014-09-25T19:54:11.987 に答える
2

私が見つけたより簡単な方法は、plnkの一意のIDを取得することです。

通常の「編集」モードでは、URL は次のようになります

http://plnkr.co/edit/P0fqZG6G6khKKrtfBkDP?p=preview

このID - P0fqZG6G6khKKrtfBkDPを URL に追加するだけです。

http://run.plnkr.co/plunks/したがって、

http://run.plnkr.co/plunks/P0fqZG6G6khKKrtfBkDP/

重要:末尾に/を必ず追加してください

  • Open new URL in a new chrome window
  • Hit F12 in chrome, voila native angular JS debugging for your plnk

注:その後、plnkr で編集を続行し、保存して、デバッグ時にこの URL を更新するだけで、アクティブなデバッグ セッションを維持できます。

于 2016-02-09T04:09:29.837 に答える