Tag Archives: HTML5
HTML5本地数据库功能测试
HTML5可以直接创建和访问本地的Sqlite数据，对于暂存一些业务数据应该是足够使用，可惜IE和Firefox都不支持，大大限制了实际使用场景。 下面是几个核心API的用法，并在Chrome浏览器下测试通过。 创建数据库和表 插入和查询数据
页面加载时间记录
在分析前端页面的加载时间，常用的工具就是浏览器自带的分析工具，如Chrome的开发者工具等，但这种方法只限于人工单次分析，无法大批量的采集数据。 传统的js脚本，必须在页面的各种事件进行埋点，与正常的业务功能可能会有较差，且取不到页面加载的过程信息。 Html5的Web Preformance API带来了全新的方法，包含的Navigation Timing API可以解决大部分的页面性能分析需求，对于IE浏览器需IE9及之后上版本才支持。 下图是页面加载周期中的各类事件触发顺序，可以选择自己感兴趣的时间点进行记录和分析。 下面是一个示例的使用方法，注意使用了定时器来获取数据，否则会取不到loadEventEnd的时间。 参考资料： Navigation Timing
Feed订阅