Web開発ツールを使用してhtmlを検査し、続いてhtml要素に添付されているcssを確認します。これは、他のWebサイトから学習する(そして自分でデバッグする)ための優れたプロセスであることが証明されています。
javascriptも検査する方法はありますか?では、要素を選択すると、その要素に関連するjavascriptを表示できるようになりますか?
Web開発ツールを使用してhtmlを検査し、続いてhtml要素に添付されているcssを確認します。これは、他のWebサイトから学習する(そして自分でデバッグする)ための優れたプロセスであることが証明されています。
javascriptも検査する方法はありますか?では、要素を選択すると、その要素に関連するjavascriptを表示できるようになりますか?
要素パネルでは、要素に関連付けられているイベントを含む、要素に関連するすべての情報を見つけることができます。
要素パネルのコンソールを使用dir(elementId)
して、指定されたIDのオブジェクトをそのプロパティを持つJavaScriptオブジェクトとしてダンプする要素を検査 できます。
ページ上の任意の要素にイベントとして添付されているJavaScriptコードを確認できます。開発ツールでは、[要素]タブにあり、各要素には「イベントリスナー」があります。ここで、どのイベントとどのjavascriptがキャッチされて実行されるかを確認できます。
私は同じ問題を抱えていて、Chromeでそれを行う方法を見つけるまで少しさまよっていました:
1.インスペクターを開きますCtrl++Shifti
2.検査する要素を選択します
3.Event Listeners
タブをクリックします
4.確認したいイベントリスナーの横にあるリンクをクリックします
5.Pretty Print
(ウィンドウの下部にある{}として記号化)をクリックします。