Wie finde ich Javascript-Funktionen, die aufgerufen werden?

Question

Ich arbeite mit COGNOS, einer sehr frustrierenden BI-Anwendung, die stark auf Javascript basiert. Wenn eine Box <select> geändert wird, werden die Daten auf dem Bildschirm hauptsächlich von einer AJAX-Funktion oder etwas ähnlichem aktualisiert. Ich möchte diese Änderung mit jQuery erzwingen, aber ich bin mir nicht sicher, wie ich den Anruf abfangen kann, damit ich ihn kopieren kann. Es gibt auch eine Tonne JS-Code, so dass es schwer ist, von Hand zu finden.

Gibt es eine Möglichkeit, Firebug zu verwenden, um die verschiedenen aufgerufenen Funktionen anzuzeigen? Ist meine Vorgehensweise korrekt?

Answer 1

Wenn Sie das Firebug Skript Panel öffnen, befindet sich oben links eine Schaltfläche, die wie eine Pause-Schaltfläche auf einer TV-Fernbedienung aussieht: ||. Das weist Firebug an, das nächste laufende JavaScript zu pausieren. So würde ich die Seite öffnen, stellen Sie sicher, dass das Skript Panel aktiviert ist, klicken Sie auf diese Schaltfläche, und ändern Sie dann die select Box. Das sollte einen Haltepunkt in Firebug auslösen, nach dem Sie durch den Code gehen können, um herauszufinden, wann wann aufgerufen wird.

Wenn es Ihnen nichts ausmacht, ein anderes Tool zu verwenden, verfügt Google Chrome über einen integrierten Debugger und einen Inspektor, der Ihnen die Ereignishandler anzeigen kann, die an ein Element angehängt sind. Wenn Sie also in Chrome die Seite aufrufen, klicken Sie mit der rechten Maustaste auf das Feld select und wählen Sie Inspect Element. Auf der rechten Seite unten sollte eine Liste der Ereignishandler angezeigt werden. Das kann ein bisschen einfacher sein, mit zu arbeiten.

schließlich in jedem Werkzeug, wenn Sie das Stück Code in den Eingeweiden zu identifizieren, die die Daten reload tatsächlich verursacht (durch eine URL suchen, zum Beispiel, oder eine XmlHTTPRequest Instanz oder .ajax jQuery, .post, .get, Oder .getJSON Funktionen, wenn es jquery verwendet), können Sie einen Haltepunkt darauf setzen und dann die Auswahl auslösen, dann schauen Sie sich die Aufrufliste (auf der rechten Seite in beiden Tools).

Viel Glück!

Answer 2

Wenn Sie Firefox + Firebug verwenden, können Sie die Registerkarte "net" aktivieren und alle Ajax-Aufrufe überprüfen, die vorgenommen werden. (siehe unter XHR-Taste)

Answer 3

Wählen Sie das Element in Firefox und sehen Sie, was sein onclick-Ereignis ist oder ob es eine ID hat und durchsuchen Sie dann die JS-Datei nach dieser ID.

Answer 4

Leider sind Sie wahrscheinlich am besten in Cognos mit der altmodischen Alert-Box-Methode des Debuggens. IBM hat gesagt, dass neuere Versionen von Cognos in Firefox funktionieren werden, aber der Code vor dem IBM war sehr IE-zentriert, und nicht einmal besonders gut in neuen Versionen von IE. Sie können die F12-Debugger-Funktionalität auch in neueren IE-Versionen verwenden, was manchmal nützlich ist. Ich behaupte nicht, dass irgendetwas so gut ist wie Firebug.

Auch in Bezug auf das eigentliche Problem, das Sie versuchten zu debuggen, hat die Auswahl in Cognos, wenn Sie darauf klicken, während Sie den Bericht bearbeiten, einen Parameter namens "Auto-submit". Wenn Sie dies in "Nein" ändern, müssen Sie das Verhalten in jQuery nicht deaktivieren.