66

jsfiddle.netに入力されたjavascriptコードにgooglechromeインスペクターを使用してブレークポイントを設定することは可能ですか?

開発ツールの[スクリプト]タブに移動すると、たくさんのスクリプトが表示されますが、スクリプトがどこにあるのか、またはスクリプトがどこにあるのかまったくわかりません。過去に私はいくつかのconsole.logアクションに落ち着きましたが、いくつかのブレークポイントを設定したいと思います。

(不可能な場合は、このシナリオでjavascriptを検査する他の方法に興味があります。)

4

4 に答える 4

127

デバッガー呼び出しはjsfiddleで正常に機能します。デバッグを開始する次の行を入力するだけです。

debugger;

デバッガーは、chrome、firebug、さらにはIE開発ツールでデバッグモードを開始するのに最適ですが、通常はデバッガーを開始する必要があります(つまり、IEで「デバッグを開始」し、firebug /developerツールを開きます)。

于 2011-04-13T20:26:16.607 に答える
84

開発者ツールの[スクリプト]タブで、ドロップダウンから選択した場合fiddle.jshell.net、20〜30行目あたり(使用しているCSSの量によって異なります)に<script>、Javascriptフィドルウィンドウのコードを含むタグが表示されます。ここでブレークポイントを設定できます。

コンソールコンテキストを変更することにより、このフレームに対してコンソールのコードを評価することもできます。

于 2011-04-13T20:25:06.633 に答える
10

もう1つのトリックは、次の構文を使用して、エディターなしでフィドルを表示することです。

<normal path to your fiddle>/show/light/

例として:jsfiddle-link

于 2012-08-28T22:33:50.417 に答える
7

開発者コンソールから[ソース]タブに移動し、ソースツリー表現(左側)を開き、fiddle.jsshell.netノードを開き、次に[次へ]をクリック_displayする(index)と、コードが表示されます。

コードを保存すると、この_display参照はに置き換えられることに注意してくださいfiddle-reference/version/show。たとえばJsQfE/2/show (私が知る限り存在しませんが、例として仕事をします)

ここに画像の説明を入力してください

于 2014-02-12T12:31:05.677 に答える