Test-Homepages mit dem Chrome Web-Browser

Um zu testen, Ihr iPhone oder iPad Website im Web-Browser Chrome, können Sie die Entwickler-Tools starten, indem Sie auf das Schraubenschlüssel-Symbol in der oberen rechten Ecke des Browser-Fensters klicken und wählen Werkzeuge -Entwickler Werkzeuge oder mit der Tastenbefehl Steuerung der Wahl + Umschalt + I in Windows oder Befehl + Wahl + I auf dem Mac.

bild0.jpg

Die Developer Tools Fenster in Chrome hat viele Werkzeuge, die Sie detaillierte Informationen über jede Seite, die Sie im Browser öffnen Sie zu finden. Unter Verwendung des Bedienfeldes Elemente gezeigt, können Sie die HTML-Quellcode oder CSS-Stile zu sehen, durchsuchen Sie das Document Object Model und manipulieren jeder von ihnen in Echtzeit. Nachdem das Fenster geöffnet ist, können Sie es mit dem Haupt-Browser angeschlossen lassen oder lassen Sie es unabhängig zu schweben.

image1.jpg

Die Ressourcenpanel zeigt Ressourcen, die geladen wurden, wie HTML, CSS, javascript, Bilder, Fonts, HTML5-Datenbanken und andere zu einer Webseite verwandte Elemente. Die interaktive Tafel macht es Ihnen möglich, Änderungen an dem Code zu machen und deren Auswirkungen zu sehen (ohne die Live-Web-Seite ändern, weil die Werkzeuge nur vorübergehend den Code zu ändern, die im Browser zwischengespeichert.)

Die Entwickler-Tools umfassen mehrere Registerkarten, einschließlich der Netzwerk-Panel, das die Komponenten zeigt eine Seite von einem Webserver anfordert, die Länge von Anfragen, und die Bandbreite, die erforderlich ist. Das Feld Skript zeigt eine Liste von Skripten, die von der Seite und kommt mit einem voll funktions Skript-Debugger angefordert.

» » » » Test-Homepages mit dem Chrome Web-Browser