2017-08-10 13 views
0

mediumウェブサイトでどのような記事のようなボタンを調べると、jsスクリプトを表示できません。 (私はclickHandlerのコードを見たいと思っていました)CDNからロードされたjsスクリプトの検査/デバッグ

このスクリプトは別のドメイン(CDN)のものです。

jsファイルが実行されていても別のドメインからのものである場合、そのファイルを検査できないのはなぜですか?

私は途中でクロムを使用しています。

離れて(ポストの議論を)取る:

  • イベントすることができます親ノードまでの子供からのバブル。
  • イベントハンドラは、子ノードからバブルアップの親ノードに接続することができ、取り扱いのイベントに行ったことができます。(イベントの委任)
+0

すべてのjavascriptファイルは1つにまとめられています。 転送のためのスペースを確保するために、スクリプトが縮小されることがあります。 いずれの場合でも、ブラウザにローカルで実行されるスクリプトがあるため、実行されているアクションを常に見つけることができます。 – rsommerard

答えて

0

提示したようhereあなたがクロムを使用してDOM要素のイベントハンドラを検査することができるはずです開発者ツール。 ほとんどの場合、見つかるJavascriptコードは縮小されているため、読みにくいです。

+0

はい、中程度の記事の場合は、イベントハンドラが見つかりません。サイトを一度チェックしてください。ありがとうございました。 – Saikumarch

+0

いくつかのクリックイベントハンドラが表示されます。[スクリーンショット](http://imgur.com/a/CwH43)を参照してください。私は心臓のアイコンが(私は本当にメディアに精通していない)ボタンのようなものだと仮定します。イベントリスナータブの右側には、クリックイベントハンドラーが表示されます。あなたがそれらをクリックすると、JSソースに移動します。 – jjdoe

+0

クリックハンドラのどれもvote/like btn権限には添付されていませんか?アヤックスコールがどうやって起こっているのですか? – Saikumarch

0

あなたは完全に独立したCDNからのクリックハンドラを検査することができます(あなたはまだ非感変数名などに対処する必要がありますが、しかし、クロムはまた、something for thatを持っています)。 Webのオープン性のおかげで、DevToolsは、ページがダウンロードして実行するすべてのJSにアクセスできます。

  1. ゴーにソースclickイベントのためEvent Listener Breakpointsを有効にします。

    click event breakpoints

  2. 媒体に同様のボタンをクリックします。 DevToolsは、イベントリスナーコードで一時停止します。

    paused on click event handler

  3. 縮小さファイルを読みやすくするために(ソースパネルの下部にある)をクリックしFormat

関連する問題