2013-04-30 14 views
8

の結果 Google Chromeのコンソールを使用して次のページにアクセスするにはどうすればよいですか?ChromeのDevツールを使用したJSONのデバッグ

twitter.com/search.json?q=stackexchange

私はこのエラーを取得しておいてください。あなたはクロームコンソール]タブでconsole.debug()機能を使用することができます

ReferenceError: results is not defined

enter image description here

enter image description here

答えて

7

あなたが本当に欲しいものの場合は、ちょうどone of JSON viewers for Chrome(好ましくは​​)をインストールし、とても便利な方法で設定し、この結果を閲覧することです。あなたが任意のプラグインをインストールしたくない場合は

、ちょうどこれを実行します。ページ上のコンソールで

JSON.parse($('.webkit-line-content').innerHTML); 

:私はconsole.debugと同じエラーを得た

view-source:https://search.twitter.com/search.json?q=stackexchange 
+1

+1 JSONviewは既にインストールされていますが、Chromeのコンソールを使用してこれらのオブジェクトにアクセスする方法も学びたいと思います(たとえば間違っていると思います)。 Console:results.some_sibling – Anthony

+2

'results'はグローバルオブジェクト(' window')上で定義されていません。あなたが見ているのは単なるテキストですので、 'JSON.parse() ) '、Konradが示唆している。 –

+1

@AlexanderPavlovは正しいですが、Chromeはhttps://search.twitter.com/search.json?q=stackexchangeから結果を得て、それを通常のテキストファイルとして表示します。 JSONオブジェクトはありませんどこに作成されます。 –

-1

。 例:

console.debug(results) 
+0

+1( results) "ReferenceError:results not defined" – Anthony

+1

グローバル変数のみをデバッグできます。これを試してください: 'console.debug(__ screenCapturePageContext __)' – sreng

+0

どちらがグローバル変数ですか?私は同じエラーがあります。 – Anthony