2

サイトのボタンをクリックすると、1 つのポップアップ ウィンドウが表示されます。このポップアップ ウィンドウが呼び出す js ファイルとそのファイル内のコードを確認するにはどうすればよいですか? サイトを右クリックして を選択view page sourceしました。この<head>...</head>セクションには多くの js ファイルがあり、どれがこのポップアップ ウィンドウのものかわかりません。

4

3 に答える 3

1

Google Chrome 開発者ツール (F12キー) を確認してください。

[要素] セクションでポップアップを表示するボタンを見つけ、[リソース] タブで左側の各 js ファイルをクリックし、右側でボタンへの参照を検索します。

参照として、要素の ID とクラスの両方を考慮する必要があります。

最終的に のようなものが見つかるはずです$("#yourbutton").click。または、ボタンのプロパティにある場合もあります<button onclick="someFunction"/>。次に、その機能を検索します。

ブラウザツールを使えばそれほど悪くはありません (Firebug でも同様のことができます)。

于 2013-08-22T04:07:59.390 に答える
1

もう 1 つのオプションは、Google Chrome でプロファイラーを使用することです。

デバッグツールを開き[F12]、

次に、Collect CPU profileが選択されていることを確認して、 を押しStartます。

ボタンをクリックしてから、プロファイルをオフにします。

これにより、実行されたすべての Javascript 関数のリストが表示されます。検索対象のリストを大幅に絞り込みます。

于 2013-08-22T08:26:07.300 に答える
1
  1. オプションを使用して Web ページを保存しますWeb Page, complete(このオプションは、すべての主要なブラウザーではないにしても、ほとんどのブラウザーで使用できます)。これにより、ページに埋め込まれたすべての HTML、CSS、JavaScript、画像、およびその他のメディア ファイルが保存されます。画像、メディア、さらには CSS を削除することもできます。
  2. すべての要素を 1 つずつ取り出し<script>、そのたびにボタンがまだ機能するかどうかを確認します。
  3. そうでない場合は、元に戻し、1 つまたはいくつかの重要な要素に絞り込むまで、他の要素を続けます。
  4. 外部の JS ファイルにあるか、<script>ブロックに内部的に記述されているかに関係なく、同じ方法で JavaScript コードの削減を開始します。変数または関数を一度に 1 つずつ取り出し、そのたびに機能するかどうかを確認します。

最後に、コードを最小限のテスト ケースに縮小して、目的の結果 (つまり、ポップアップ ウィンドウ) を再現する方法を確認します。

于 2013-08-22T03:57:58.583 に答える