Web 开发⼯工具rank @ FEX

- 刘平川，⺴⽹网名 rank；- 8 年开发经验；- 08 年⼊入职百度，现任 FEX 总负责⼈人；- 关注前端技术、电商、及新兴产品；- 喜欢旅⾏行，有摄影爱好；

关于我- http://rank.im- ranklau@gmail.com- t.sina.com/rank

- 开发标配 - dev tools 简介 - 其他⼯工具

Roadmap

选择合适的⼯工具

by d o l f i

不⽤用 webkit / blink 就⽼老了。

与时俱进，不⽤用⼤大屏就 out 了。

标配：双显+Chrome

dev tools 做的事

- JavaScript Debugging - DOM Inspector - Profiﾞling & Timeline - HTTP Request/Response - Emulate Environment

by J Trav

- 找到 JavaScript 资源⽂文件 - 断点 Debugging - Console & 运⾏行脚本

JavaScript Debugging

- 找到 DOM Element - CSS 调试 - 外链调试 LiveStyle

DOM Inspector

- 查看页⾯面性能 - 找出性能瓶颈

Profiﾞling & Timeline

Network

Emulate Environment- Device - Screen - User Agent - Sensors

- Vim & Emacs - Sublime Text & EditPlus & Coda - WebStorm & DreamWeaver

Coding Tools

- LiveReload - CodeRunner - CodeKit

其他的...

知⾏行合⼀一

by tbaatar

Thanks All.