HTML5 in der mobilen Webentwicklung - HTML5-Apps fur iPhone und Android - page 206

</ul>
</div>
<div id "footer">
<a class "noeffect" href "http://iwebkit.net">Powered by
iWebKit</a>
</div>
</body>
</html>
2.7.13 Datenbanken im Safari Web Inspector und in Google Chrome
Wir haben die Web Inspector-Ansicht von Safari und dem Google Chrome-Browser
bereits weiter oben im Buch vorgestellt, dabei aber ausgelassen, dass nicht nur der
HTML-Code einer Seite untersucht werden kann, sondern die Ansichten auch Einblicke
in die Struktur von angelegten Datenbanken, Local Storage und Session Storage bieten.
Um zur Datenbankansicht zu gelangen, gehen Sie einfach in das Menü Entwickler/
Developer im Safari-Browser und rufen dort Show Web Inspector auf. Als eine der
Inspector-Ansichten wird anschließend Databases angeboten.
Im Notes-Beispiel wurde die Datenbank notes angelegt, die sichtbar wird, wenn man die
Beispielanwendung im Safari-Browser ausführt. Die Datenbank notes enthält die Felder
note und date . Die Inhalte der beiden Datenfelder, also die einzelnen Datensätze, können
Sie ebenfalls über den Web Inspector ansehen.
Bild 2.63:
Datenbank im
Safari
Web Inspector.
Die gleiche Funktionalität ist auch im Google Chrome-Browser verfügbar. Dort wird der
vergleichbare Web Inspector unter View/Developer / Developer Tools aufgerufen.