Tipps
- 15.01.2010
Firebug, ein Freund der Tag-zu-Tag [2]
3) Siehe das detaillierte Protokoll der Zugriffe (genannt Dateien. Js,. CSS, Bilder, namens Ajax)
Ein weiteres Feature, dass ich sehr nützlich finde ist das "Netzwerk" ("Netto" für diejenigen, die Firebug verwenden in Inges). Mit ihm können Sie sehen, alle Dateien, die genannt worden sein, um Ihre Seite. Und Sie können sehen, was die Ladezeit der einzelnen Dateien.
Tun Sie dies, öffnen Sie das Firebug (Shortcut F12) an einem gewissen Ort und klicken Sie auf den "Netto" oder "Netzwerk". Das erste Mal, dass Sie eine Meldung, dass die Scheibe das Netzwerk deaktiviert ist und Sie müssen, indem Sie auf den Pfeil, der angibt, das Bild zu sehen ermöglichen. Dann werden Sie sehen etwas wie das Bild unten:
Beachten Sie, dass alle leer.
Aber jetzt ein Reload (F5) die Seite und sehen das Ergebnis:
Beachten Sie, dass es das Laden der Daten von JavaScript-Dateien, CSS, Bilder, Flash, HTML angezeigt ...
Jetzt auf den Reiter 'Console' Firebug (müssen ermöglichen, wie es mit der Registerkarte Netzwerk tat) zu springen. Diese Registerkarte zeigt alle dieses Antrags auf Ihrer Seite gemacht wird. Ein praktisches Beispiel dafür ist dieser Bildschirm Ich schreibe dies werde in POST-Version von WordPress. Wenn ich drücken Sie STRG + S WordPress löst einen Ajax-Aufruf, der die aktuellen Daten von diesem Post schickt und speichern Sie die Änderungen an der Datenbank. Ich tue es einfach und nahm einen PrintScreen:
Beachten Sie, dass wir sehen konnten, was war die Adresse über Ajax aufgerufen und sehen, was Datei / Zeile den Anruf ausgelöst. Wenn wir Sie auf das + (Plus), bevor der Adresse können einen Drilldown weiter diesen Aufruf:
Kopfzeilen: sind alle Informationen, die mit dem Anruf übermittelt wurde (Browser-Encoding, ...) und die Daten empfangen wurden (Ansprechzeit, die Codierung der Antwort, Antwort Größe, ...).
Post oder Parameter: enthält alle Daten / Variablen, die in der Aufforderung geschickt wurden. Immer im Format "Name sein: Wert '
Zum Beispiel, wenn der Anruf von der POST-Methode hergestellt wird, es in PHP benötigen Sie den Zugriff wie folgt: $ _POST ['nome_que_esta_aparecendo_nesta_tela']. Verstehen konnte?
Reaktionszeit ist der Wert, von dem Aufruf zurückgegeben wurde. Wenn Sie einen Ajax-Aufruf machen müssen Sie möglicherweise einige Rückmeldungen Informationen, um die rechte Seite Javascript zu interpretieren?
Hier können Sie genau sehen, was war die Antwort in diesem Fall. Ein XML ... aber es könnte ein JSON, Klartext zu sein, geben Sie eine Zahl 0 oder 1 für Sie eine Vorgehensweise Wenn Sie Javascript in Alarm und zeigen ein Erfolg oder Misserfolg.
Wenn Sie sich fragen werden, was gut ist alles, was die Antwort einfach: Debug.
Wenn wir die Entwicklung einer Website / System werden Sie unweigerlich pracisar Ajax-Aufrufe, wie man einen Fehler zu finden wie: ". Ich bin der Auswahl eines brasilianischen Staat in einer Combobox aber Städte werden nicht aufgeladen"
- Müssen die URL, die aufgerufen wurde, weil es falsch zu nennen überprüfen.
- Sehen Sie, wenn der Staat Code gesendet wird richtig gewählt .... Sie werden für Post-Option suchen.
- Und müssen die Antwort geben, weil das Gespräch stelle ich mir das Ergebnis wäre die Liste der Städte in irgendeinem Format (XML, JSON, TXT, ...), um die Combobox Städte bevölkern werden.
Ich persönlich benutze diese Funktionen täglich.
Wenn Sie Fragen haben oder wollen zusätzliche POST bitte einfach in Kontakt zu treten.
Denn jetzt ist es.
Eine große Umarmung!



![NET wenn geöffnet. Ist leer. firebug net vazia 300x109 Firebug, amigo do dia a dia [2]](http://marcelosabadini.com.br/blog/wp-content/uploads/2010/01/firebug-net-vazia-300x109.png)
![NET-Registerkarte in der Datenseite Last firebug net ok 300x64 Firebug, amigo do dia a dia [2]](http://marcelosabadini.com.br/blog/wp-content/uploads/2010/01/firebug-net-ok-300x64.png)
![Konsole-requestHttp console requestHttp 300x73 Firebug, amigo do dia a dia [2]](http://marcelosabadini.com.br/blog/wp-content/uploads/2010/01/console-requestHttp-300x73.jpg)
![Konsole-Detail-1- console detalhe 1 300x78 Firebug, amigo do dia a dia [2]](http://marcelosabadini.com.br/blog/wp-content/uploads/2010/01/console-detalhe-1--300x78.jpg)
![Konsole-Detail-2 console detalhe 2 300x85 Firebug, amigo do dia a dia [2]](http://marcelosabadini.com.br/blog/wp-content/uploads/2010/01/console-detalhe-2-300x85.jpg)
![Konsole-Detail-3 console detalhe 3 300x78 Firebug, amigo do dia a dia [2]](http://marcelosabadini.com.br/blog/wp-content/uploads/2010/01/console-detalhe-3-300x78.jpg)
