34

この例では Chrome を選択しますが、どのブラウザーからでもソリューションを受け入れることができます。

ユースケース: Web サイトに、ショッピング カート内の商品の数量を更新するための更新ボタンがあります。ユーザーがアイテムを削除するために、0 を入力して [更新] をクリックできるようにしたいと考えています。問題は、一部の js 関数に、0 を入力して更新をクリックする機能を拒否するリスナーがあることです (更新をクリックした後、古い数量が残ります)。

私の質問は、そのイベント中に実行されている js 関数を見つけるためにどの開発者ツールを使用できるかということです。Chrome のインスペクターがこれを行っているとは思いませんし、Firebug にもあまり詳しくありませんが、そこにも機能が見つかりませんでした。

CSS スタイリングと同じように、JS 発火を検査できるはずだと思います。私が使用できるツールを知っている人はいますか?

4

4 に答える 4

8
  1. Firebug を有効にした Firefox でページを開きます。
  2. firebug のコンソール タブに移動し、プロファイリングをクリックします。
  3. テキストボックスに 0 を入力し、ボタンをクリックします。
  4. プロファイリングを停止します。
  5. アクションによって実行されたすべての JavaScript 関数を確認できます。それらを1つずつ表示して、どの方法がいたずらを引き起こしたかを把握できます.
于 2013-08-07T11:39:16.837 に答える
1

あなたのコードに行きます。jQuery を使用している場合、その特定の更新ボタンのクラスまたは ID で呼び出される関数があります。または、Javascript を使用している場合は、内部で呼び出される関数があります。

<input type="button" name="update" onclick="update()">

これらは、呼び出されている関数を探す 2 つの方法です。私が知っているソフトウェアはありません

于 2013-08-06T18:03:26.003 に答える
0

をダウンロードFirebugしてMozilla Firefox開き、 をクリックしNetて Web サイトを更新します。より、どのファイルがページにロードされているかを確認できます。

エラーや説明の何が問題なのかを確認したい場合は、 をクリックしconsoleてページをもう一度更新してください。エラーと、エラーが発生した行が表示されます。

注:ファイルの読み込みを停止するには、またはconsoleと言うことができます。また、Firebug でをクリックしてスクリプトを編集できます。公式ページhttps://getfirebug.com/javascriptにあるように、デバッグは簡単です。holdstopjsscript

于 2013-08-06T18:02:16.190 に答える