Immer alle Infos über eine Javascript-variable

Ich bin kein JavaScript-Assistenten durch eine lange erschossen. Aber ich bin ein web-Entwickler und so muss ich wissen, meinen Weg um ihn herum, zumindest ein bisschen.

Etwas, was ich auch oft mache ist einfach Alarm eine variable, um zu sehen, was es ist.

Aber das problem ist, dass ich oft ein Ergebnis bekommen wie: "object HTMLInputElement". Für mich bedeutet das wenig bis gar nichts. Sicher, ich kann es nachschlagen, aber ich muss warnen, die Kinder() Kinder() Kinder(), etc...

Ich habe versucht, zu Fuß durch das JavaScript mit Firebug, aber aus irgendeinem Grund ist dies sehr langsam. Firefox hängt sich auf, wenn ich starten Sie eine debug-Sitzung für jeden einzelnen debug-Sitzung, und ich weiß nicht, warum.

So, ich will zu informieren, ob es ist ein Weg, um detaillierte Informationen über Variablen auf eine andere Weise. Oder ein system, das ich verwenden können, um mit zu arbeiten, um die Dinge einfacher.

  • Sie können die txt = ""; for (i in obj) txt += i + ": " + obj[i]; Logik.
InformationsquelleAutor KdgDev | 2011-03-14
  1. 6

    Finde ich die developer tools in Chrome funktionieren ganz gut, was eine gute Menge an Details, die auf Nachfrage (in der Regel nur, wenn Sie den Mauszeiger über die variable in der Registerkarte "Skript"; wenn die variable ist ein strukturiertes Objekt, ein bisschen Baum-Steuerelement angezeigt, und Sie können drill-down). Aber dann, ich habe nicht Ihre Firebug Problem (oder zumindest nicht mehr oft).

    Debugging mit alert ist sehr Zeit-verschwenderisch und, wie hast du Sie gefunden, frustrierend, wenn überhaupt möglich, würde ich schauen, mit einem echten debugger (wie Chrome Dev Tools; ich habe auch gehört, gute Dinge über Opera).

    InformationsquelleAutor T.J. Crowder
  2. 1

    Sollte das helfen:

    http://www.openjs.com/scripts/others/dump_function_php_print_r.php

    • tatsächlich, das funktioniert nur bei Arrays, nicht für Objekte.
    • Nun, ich habe nie getestet, aber der Kommentar in der Quelle sagt dies: * Arguments: The data - array,hash(associative array),object
    InformationsquelleAutor bezmax
  3. 1

    Die einfachste Möglichkeit zu prüfen, eine javascript-variable mit einem debugger. Wenn Firebug nicht funktioniert, versuchen Sie es mit Google Chrome, es hat ein Inspektor integriert.

    Btw, nicht sicher, was du meinst mit "starten Sie eine debug-Sitzung". Wenn du firebug installiert ist, sollten Sie einfach in der Lage sein klicken Sie auf das firebug-Symbol in der unteren rechten Ecke des Browsers. Gehen Sie auf die Registerkarte Skript, und wählen Sie aus dem drop-down-was auch immer js-Datei, die Sie wollen, bleiben in einer Pause zeigen Sie (nur mit der linken Maustaste auf den Rand) und aktualisieren Sie die Seite. Ich hatte noch nie ein problem mit Firebug, der ist immer extrem gut geklappt. Ich rate dringend, herauszufinden, was auch immer Ihr Problem mit Ihr ist, es wird Ihr Leben eine million mal einfacher.

    • Ich glaube von "Start debug session" - er meint die Aktivierung "Script" - Reiter, die standardmäßig deaktiviert und nicht verfolgen Sie Ihre javascript-Ausführung.
    • und wenn ich die Seite aktualisieren, bricht die Hölle Los.
    • für eine bestimmte Website oder alle Websites? Wenn es eine site online, bricht für Sie lassen Sie mich wissen, ich werde es versuchen.
    • Dies geschieht auf allen Seiten, einschließlich Localhost-Seiten.
    • wenn ich du wäre, würde ich versuchen, deinstallieren von firefox, löscht alle temporären Verzeichnisse im Zusammenhang mit firefox (wie in Documents and Settings wenn Windows oder ~/.firefox wenn Linux) und dann neu installieren alle vom Nullpunkt. Es ist eine chance, es könnte helfen. Oder, man könnte sich sogar Fragen über Ihre problem in superuser.com
    InformationsquelleAutor Richard H
  4. 0

    Mithilfe der browser-dev-tools, einschließlich IE9, können Sie console.log um die variable output auf der Konsole. Welche Informationen gibt Ihnen dies variiert je nach browser, aber mit Firebug ermöglicht es Ihnen, erkunden Sie die variable in der DOM-inspector-Registerkarte, mit vollem Zugriff zu allen Eigenschaften und Funktionen (Sie können sogar kopieren Sie den Inhalt einer Funktion zum einfügen an anderer Stelle).

    Zum Beispiel:

    var foo = {};

//Do lots of stuff with foo

if (typeof(console) !== "undefined" && console.log) { //prevent errors when console not open, ideally all console calls should be removed before going into production
    console.log(foo);
}

    Dies hat den Vorteil, dass es erfordert keine break-Punkte, also keine langsamen Schritt-debugging. Es wird nicht alles lösen wenn, wirst du noch oft brauchen Sie den debugger.

    • "variable Konsole nicht definiert". TBH, ich erwarte es Arbeit, als ich gesehen habe, erwähnt. Ich bin mir nicht sicher, was ich falsch gemacht habe. Ich habe gerade ersetzt, eine Warnung mit Konsole.melden
    • Sie müssen Firebug öffnen und die Konsole aktiviert.
    InformationsquelleAutor roryf
Schreibe einen Kommentar