Chrome
视频锁定
{$ currentTime | date:'mm:ss' $}
{$ timeLeft | date:'mm:ss' $}
Chrome 是 Google 的浏览器,渲染引擎为苹果公司(Apple)的开源项目 WebKit,而 JavaScript 引擎为 V8,根据作者经验,Chrome 为当前浏览器界综合性能最好的一款浏 览器,无论是速度,资源的占用,响应时间,以及界面,可扩展性等方面,远远的超过了同侪。
Chrome 一开始就附有开发人员工具,前端开发人员可以使用这个工具进行类似与 FireBug 那样对代码进行调试,同时可以动态增删 HTML 属性,查看页面响应时间,以便 找出系统的瓶颈等。
像 FireBug 一样,Chrome 的内置开发人员工具也可以查看 JavaScript 的运行时结构,我们可以通过下面的一些图例来看 Chrome 的调试工具的用法:
在 chrome 中,CTRL-SHIFT-I 启动开发人员工具:
图 chrome 开发人员工具
在 console 标签中,可以进行一些脚本的测试:
图 chrome 的 console 界面
在实际的项目中,console 系列的方法非常有用,特别是 web 容器如 tomcat 等返回的是复杂的 JavaScript 对象时,console.dir(object)可以直观的让开发人员看到对象的结构, 非常便于调试。
在线练习
{$ activeFileHint $}