
调试
在开发Web应用程序的过程中,能看到永久性存储的当前内容是很有帮助的。我们可以通过getltemO获取某个元素并在alertO窗口中显示,虽然有时你更希望能在一个简单表格中浏览所有元素。不同浏览器提供了不同的选择。
Firefox自身并不具备显示存储内容的图形用户界面,因此你需要使用一个免费插件。作为Firefox浏览器不可或缺的扩展功能,Hrebug多年来都在Web开发者中享有盛誉,它也可以用来管理localStorage及sessionStorage。在控制台键人单词localStorage或sessionStorage将得到一个包含了Storage当前值的JavaScript对象,你可以通过它来浏览储存。若需要不通过Firebug插件浏览储存内容,你也可以使用Firefox中的内部信息,该数据被保存在后台的SQLite数据库(版本3)中,可通过命令行工具sqlite3查看;另一个伟大的Firefox插件sqlite-manager可以提供SQLite的图形用户界面。SQLite数据库位于Firefox的配置文件目录中,名称为webappsstore.sqlite。
Apple的Safari了一个集成的调试选项,需要先在AdvancedPreferences中激活。激活后,与Firebug类似,Safari将显示一个带控制台的Develop菜单用来査看Storage内容。
GoogleChrome及Opera同样具备集成开发工具,
宁波网站制作认为允许便捷的访问所有网站元素。在这两种浏览器中,Storage菜单提供了一个清晰而详细的localStorage、sessionStorage及cookies列表。你还可以在表格中对值作出添加、改变或删除。
甚至IE9也提供了开发者工具。除了DOM树、CSS内容、脚本调试器、网络分析器之外,它还提供与Firebug、Safari、Chrome及Opera中类似的浏览器控制台(译者注:可通过快捷键F12呼出)。
最新版本的IE浏览器确实加入了开发者工具这个优秀功能。此工具不仅让人们@能够详细检查cookies,sessionStorageSlocalStorage,还在Web开发的许多其他方面提供了极大帮助。h离线Web应用程序为了让应用程序能在离线状态下完整运行,我们必须将HTML、JavaScript及多媒体文件确实地保存在客户端机器上。目前为止,所有浏览器都能缓存内容,但并没有标准的访问方法。HTML5规范重视了这个问题,并为此专列了一个章节——离线Web应用程序。它允许通过简单的配置创建一块独立的离线内存。带后缀.appcache的文件包含了离线内存中保存的元素,通过manifest属性整合在html标签里:
cachemanifest(缓存清单)文件的内容格式类似于下面这样:
CACHEMANIFESTmenu.htmlmenu.jsmenudata.js文件结构相当简单,它并不包含XML结构或你所知的Windows.ini文件语法,不过是一个简单的文本文件。在这个简化的案例中,文件中列出的所有项都被转移到离线内存中保存,并仅在.appcache文件改变时更新。所有在html元素中引用了这个manifest的文件也都被自动缓存,尽管规范明确建议应将它们再次列出(译者注:即会自动缓存引用manifest的当前页面,虽然这是规范规定的机制,但实际应用中更像是个bug)。
本文由乐华网络编辑,转载请注明出处
宁波网站制作www.leseo.net