chrome相关的贡献

如何用 Dev Tools 调试异步代码?

异步可以说是 JS 非常重要的语言特性,可以让你很容易的书写代码,但是调试异步代码却非常困难,因为你没办法查看出错代码的调用栈,Chrome Canary 在这方面做了改进,通过调试工具清晰的看到异步代码的执行过程~

如何提高页面滚动时的性能

当你写好了所有的样式和交互之后,可能会觉得浏览器的滚动是自然而然的事情,不知道你有没有遇到过1些滚动起来非常卡顿的网页,他们给你什么感觉?为啥浏览器会变成这样呢?看看这篇文章,可能让你的网页滚动更流畅~

使用AngularJS快速开发Chrome应用

Chrome为开发者提供了用Javascript、CSS、HTML就能开发能够运行在浏览器中但是和本地应用相差无几的各种接口,但是从头开始写App可能还是需要花点时间的,有没有更快的办法?当然有,用AngularJS,1个简单的天气预报应用也是分分钟就搞定的事情~

Chrome Dev Tools 入门指南

Code School上关于Chrome Dev Tools的入门课程,教你如何修改样式、调试Javascript、诊断网络和页面渲染性能、查找内存泄露等等,关于Dev Tools还没有系统的知识?看看这个吧~

Chrome中的Prerender详解

Chrome从V13开始就支持1种新的网页提速方法:Prerender,开发者使用简单的标签就可以指使浏览器预加载某个页面,当用户真正点击的时候,瞬间就能打开,能极大的提高用户体验。那么什么场景下该使用Prerender?浏览器这边又有什么限制?随之而来的网页统计问题如何解决?

细数 Chrome 33 开发者工具的更新

Chrome 33 中对开发者工具做了大量的更新:你可以快速的跳到代码的某1行,可以使用 getEventListeners 获取某个节点上所有的事件监听函数,此外还包括网络面板的不少更新,非常值得学习~

Devtools Terminal

On OS X, simply install a Chrome extension and bam.. you have a system terminal accessible from Chrome’s DevTools. On other systems, there are a few more steps to get the same effect.

20 枚扩展 Chrome 开发者工具的扩展

正在用 jQuery、Angular、Ember 开发网页应用,但是调试时还在用非常原始的 console?那么你应该看看这个页面,列举了20款开源社区贡献的 Chrome 开发者工具扩展,很方便的调试各种开源框架或类库所编写的应用~

Audit: jQuery代码调试利器

jQuery Audit 是1款让你能够在Chrome开发者工具中审查jQuery对象的插件,方便你查看委托的事件,绑定的数据内容,想知道你的程序运行时究竟如何?这个肯定很有用~

DevTools 网络面板使用详解

Chrome的DevTools相信所有同学都不陌生,但是你能给别人解释清楚里面的所有文字是什么含义,按钮的作用么?来自Google官方的文档,仔细浏览1遍,应该又能学到不少小技巧~

那些我早该学会的 Chrome 技巧

如何在 Console 中拿到刚刚审查过的那个元素?想查找元素有类似于 jQuery 的方法么?如何快速清除 Console 中的内容?不知道你使用 Chrome DevTools 的时候有没有想过这些问题,这篇文章列出的几个技巧真的能 Make Your Life Easier~

解开浏览器渲染性能的谜团

页面的渲染过程取决于你的Layout和Paint,如果页面变慢了,很可能是这两个环节出了问题,如何判断是Layout还是Paint导致页面变慢?如果原因不在此又作何处理?这篇文章会给你不少启发~

Chrome Dev Tools 自定义主题

在老外的视频里面看到别人的Chrome Dev Tools是彩色的,我的却是黑白的?他们是怎么做到的?原来Chrome Dev Tools也可以自定义主题,这里有很多供你选择~

Chrome中的JS加载机制

根据Steve Souders的建议,JS文件通常要放到底部,这样能避免页面阻塞,但是随着浏览器的进化,在外部资源加载上表现的越来越智能,Chrome在这方面就做的挺不错,如果你细心看过Chrome中页面加载的瀑布流,应该能看出写端倪~

想看更多类似内容?