Plunker で JavaScript ファイルを作成しましたが、それをデバッグしたいと考えています。「ソース」パネルを開くと、作成した js ファイルが表示されません。たくさんの Plunker js ファイルしか表示されません。ご意見をお聞かせください。ありがとう
5 に答える
もう1つの方法は、これをjavascriptファイルに入れることです
デバッガ;
コンソールを開いたままにすると、デバッガーが強制的にそこで停止するだけでなく、ファイルも開かれます。
作成したソース ファイルにドリルダウンするには、主に 2 つのオプションがあります。
1. プレビュー パネルのポップアップ ウィンドウ モードを使用する
デフォルトでは、プレビューア<iframe>
は plunker webapp 内で実行されます。プレビュー ウィンドウの右上にある青い展開アイコンをクリックすると、plunker に別のウィンドウでプレビューアを表示するように指示できます。ポップアップ ウィンドウの開発ツールを開くと、ソース ファイルのみが表示されます。
2. プレビューを右クリックし、[要素の検査] をクリックします。
このようにすると、埋め込まれたライブ プレビューを使用できるようになり、コードに関連付けられた DOM にドリルダウンするためのショートカットが提供されます。
私が見つけたより簡単な方法は、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 を更新するだけで、アクティブなデバッグ セッションを維持できます。