Enviar pesquisa
Carregar
深入剖析浏览器
•
171 gostaram
•
11,235 visualizações
jay li
Seguir
淘宝UED前端培训课程
Leia menos
Leia mais
Tecnologia
Design
Denunciar
Compartilhar
Denunciar
Compartilhar
1 de 131
Baixar agora
Baixar para ler offline
Recomendados
Responsive Web UI Design
Responsive Web UI Design
jay li
淘宝移动端Web开发最佳实践
淘宝移动端Web开发最佳实践
jay li
淘宝移动端Web开发最佳实践
淘宝移动端Web开发最佳实践
Du Yamin
HTML5概览
HTML5概览
Adam Lu
淘宝前端技术巡礼
淘宝前端技术巡礼
jay li
Html&css培训 舒克
Html&css培训 舒克
jay li
淘宝移动端Web开发实践
淘宝移动端Web开发实践
完颜 小卓
移动Web开发框架jqm探讨
移动Web开发框架jqm探讨
newker
Recomendados
Responsive Web UI Design
Responsive Web UI Design
jay li
淘宝移动端Web开发最佳实践
淘宝移动端Web开发最佳实践
jay li
淘宝移动端Web开发最佳实践
淘宝移动端Web开发最佳实践
Du Yamin
HTML5概览
HTML5概览
Adam Lu
淘宝前端技术巡礼
淘宝前端技术巡礼
jay li
Html&css培训 舒克
Html&css培训 舒克
jay li
淘宝移动端Web开发实践
淘宝移动端Web开发实践
完颜 小卓
移动Web开发框架jqm探讨
移动Web开发框架jqm探讨
newker
[译]Efficient, maintainable CSS
[译]Efficient, maintainable CSS
jeannewoo
第三方内容开发最佳实践
第三方内容开发最佳实践
taobao.com
CSS 入門 - 前端工程開發實務訓練
CSS 入門 - 前端工程開發實務訓練
Joseph Chiang
广告投放代码和创意代码持续优化
广告投放代码和创意代码持续优化
taobao.com
HTML 入門 - 前端工程開發實務訓練
HTML 入門 - 前端工程開發實務訓練
Joseph Chiang
Exam 98-375 HTML5 Application Development Fundamentals
Exam 98-375 HTML5 Application Development Fundamentals
Chieh Lin
淘宝开放产品前端实践
淘宝开放产品前端实践
taobao.com
網頁三本柱之Html與css
網頁三本柱之Html與css
Aaron King
建立前端开发团队 (Front-end Development Environment)
建立前端开发团队 (Front-end Development Environment)
Joseph Chiang
Flash RIA Usability
Flash RIA Usability
nbaction
Flash ria usability 刘轩飞
Flash ria usability 刘轩飞
FLASH开发者交流会
一淘新首页总结
一淘新首页总结
jieorlin
百度前端性能监控与优化实践
百度前端性能监控与优化实践
Welefen Lee
面向未来的重构
面向未来的重构
Kejun Zhang
模块加载策略 - 2012 SDCC, 北京
模块加载策略 - 2012 SDCC, 北京
Joseph Chiang
更好的文件组织
更好的文件组织
Kejun Zhang
Performance 入門 - 前端工程開發實務訓練
Performance 入門 - 前端工程開發實務訓練
Joseph Chiang
Developer也可以做出漂亮網站 - Twitter Bootstrap/JQuery Mobile簡介
Developer也可以做出漂亮網站 - Twitter Bootstrap/JQuery Mobile簡介
Fred Lin
富文本编辑器在互联网上的应用
富文本编辑器在互联网上的应用
luolonghao
Debugging - 前端工程開發實務訓練
Debugging - 前端工程開發實務訓練
Joseph Chiang
HTML/CSS/JS基础
HTML/CSS/JS基础
jay li
Ecmascript
Ecmascript
jay li
Mais conteúdo relacionado
Mais procurados
[译]Efficient, maintainable CSS
[译]Efficient, maintainable CSS
jeannewoo
第三方内容开发最佳实践
第三方内容开发最佳实践
taobao.com
CSS 入門 - 前端工程開發實務訓練
CSS 入門 - 前端工程開發實務訓練
Joseph Chiang
广告投放代码和创意代码持续优化
广告投放代码和创意代码持续优化
taobao.com
HTML 入門 - 前端工程開發實務訓練
HTML 入門 - 前端工程開發實務訓練
Joseph Chiang
Exam 98-375 HTML5 Application Development Fundamentals
Exam 98-375 HTML5 Application Development Fundamentals
Chieh Lin
淘宝开放产品前端实践
淘宝开放产品前端实践
taobao.com
網頁三本柱之Html與css
網頁三本柱之Html與css
Aaron King
建立前端开发团队 (Front-end Development Environment)
建立前端开发团队 (Front-end Development Environment)
Joseph Chiang
Flash RIA Usability
Flash RIA Usability
nbaction
Flash ria usability 刘轩飞
Flash ria usability 刘轩飞
FLASH开发者交流会
一淘新首页总结
一淘新首页总结
jieorlin
百度前端性能监控与优化实践
百度前端性能监控与优化实践
Welefen Lee
面向未来的重构
面向未来的重构
Kejun Zhang
模块加载策略 - 2012 SDCC, 北京
模块加载策略 - 2012 SDCC, 北京
Joseph Chiang
更好的文件组织
更好的文件组织
Kejun Zhang
Performance 入門 - 前端工程開發實務訓練
Performance 入門 - 前端工程開發實務訓練
Joseph Chiang
Developer也可以做出漂亮網站 - Twitter Bootstrap/JQuery Mobile簡介
Developer也可以做出漂亮網站 - Twitter Bootstrap/JQuery Mobile簡介
Fred Lin
富文本编辑器在互联网上的应用
富文本编辑器在互联网上的应用
luolonghao
Debugging - 前端工程開發實務訓練
Debugging - 前端工程開發實務訓練
Joseph Chiang
Mais procurados
(20)
[译]Efficient, maintainable CSS
[译]Efficient, maintainable CSS
第三方内容开发最佳实践
第三方内容开发最佳实践
CSS 入門 - 前端工程開發實務訓練
CSS 入門 - 前端工程開發實務訓練
广告投放代码和创意代码持续优化
广告投放代码和创意代码持续优化
HTML 入門 - 前端工程開發實務訓練
HTML 入門 - 前端工程開發實務訓練
Exam 98-375 HTML5 Application Development Fundamentals
Exam 98-375 HTML5 Application Development Fundamentals
淘宝开放产品前端实践
淘宝开放产品前端实践
網頁三本柱之Html與css
網頁三本柱之Html與css
建立前端开发团队 (Front-end Development Environment)
建立前端开发团队 (Front-end Development Environment)
Flash RIA Usability
Flash RIA Usability
Flash ria usability 刘轩飞
Flash ria usability 刘轩飞
一淘新首页总结
一淘新首页总结
百度前端性能监控与优化实践
百度前端性能监控与优化实践
面向未来的重构
面向未来的重构
模块加载策略 - 2012 SDCC, 北京
模块加载策略 - 2012 SDCC, 北京
更好的文件组织
更好的文件组织
Performance 入門 - 前端工程開發實務訓練
Performance 入門 - 前端工程開發實務訓練
Developer也可以做出漂亮網站 - Twitter Bootstrap/JQuery Mobile簡介
Developer也可以做出漂亮網站 - Twitter Bootstrap/JQuery Mobile簡介
富文本编辑器在互联网上的应用
富文本编辑器在互联网上的应用
Debugging - 前端工程開發實務訓練
Debugging - 前端工程開發實務訓練
Destaque
HTML/CSS/JS基础
HTML/CSS/JS基础
jay li
Ecmascript
Ecmascript
jay li
潜力无限的编程语言Javascript
潜力无限的编程语言Javascript
jay li
Jswebapps
Jswebapps
jay li
卫银霞 -统计数字会撒谎
卫银霞 -统计数字会撒谎
jay li
JavaScript Engine
JavaScript Engine
jay li
F2e security
F2e security
jay li
中国元素在设计中的应用 -如瑟
中国元素在设计中的应用 -如瑟
jay li
犀牛书第六版
犀牛书第六版
jay li
编码大全 拔赤
编码大全 拔赤
jay li
Destaque
(10)
HTML/CSS/JS基础
HTML/CSS/JS基础
Ecmascript
Ecmascript
潜力无限的编程语言Javascript
潜力无限的编程语言Javascript
Jswebapps
Jswebapps
卫银霞 -统计数字会撒谎
卫银霞 -统计数字会撒谎
JavaScript Engine
JavaScript Engine
F2e security
F2e security
中国元素在设计中的应用 -如瑟
中国元素在设计中的应用 -如瑟
犀牛书第六版
犀牛书第六版
编码大全 拔赤
编码大全 拔赤
Semelhante a 深入剖析浏览器
Browser Object Model
Browser Object Model
jay li
CSS 培训
CSS 培训
S S
Html5和css3入门
Html5和css3入门
Xiujun Ma
高效率的、可维护的Css
高效率的、可维护的Css
simaopig
浅析浏览器解析和渲染
浅析浏览器解析和渲染
Ailsa126
2016年逢甲大學資訊系:ASP.NET MVC 4 教育訓練3
2016年逢甲大學資訊系:ASP.NET MVC 4 教育訓練3
Duran Hsieh
网页制作基础
网页制作基础
loo2k
Web设计 5 “动感新势力”(css3 html5 以及 web_gl)
Web设计 5 “动感新势力”(css3 html5 以及 web_gl)
ziggear
Web设计 3 java_script初探(程序员与设计师的双重眼光)
Web设计 3 java_script初探(程序员与设计师的双重眼光)
ziggear
Qq.com前端架构实践与思考
Qq.com前端架构实践与思考
greengnn
十步学会用Css+Div建站
十步学会用Css+Div建站
yiditushe
网页制作基础
网页制作基础
loo2k
基于Greasemonkey的Firefox浏览器扩展
基于Greasemonkey的Firefox浏览器扩展
agen
DrupalCamp Taipei 2012 迷人的有「型」網站
DrupalCamp Taipei 2012 迷人的有「型」網站
Hipfox
Html&css基础
Html&css基础
KenerLinfeng
基于Greasemonkey的Firefox浏览器扩展
基于Greasemonkey的Firefox浏览器扩展
agen
网页设计及制作(Div+css)
网页设计及制作(Div+css)
lrk3
Developer Student Clubs NUK - Web Fundamentals
Developer Student Clubs NUK - Web Fundamentals
Jiaxuan Lin
輕鬆學會網頁前端
輕鬆學會網頁前端
Xi-Zhe Lin
Css性能优化
Css性能优化
linxz
Semelhante a 深入剖析浏览器
(20)
Browser Object Model
Browser Object Model
CSS 培训
CSS 培训
Html5和css3入门
Html5和css3入门
高效率的、可维护的Css
高效率的、可维护的Css
浅析浏览器解析和渲染
浅析浏览器解析和渲染
2016年逢甲大學資訊系:ASP.NET MVC 4 教育訓練3
2016年逢甲大學資訊系:ASP.NET MVC 4 教育訓練3
网页制作基础
网页制作基础
Web设计 5 “动感新势力”(css3 html5 以及 web_gl)
Web设计 5 “动感新势力”(css3 html5 以及 web_gl)
Web设计 3 java_script初探(程序员与设计师的双重眼光)
Web设计 3 java_script初探(程序员与设计师的双重眼光)
Qq.com前端架构实践与思考
Qq.com前端架构实践与思考
十步学会用Css+Div建站
十步学会用Css+Div建站
网页制作基础
网页制作基础
基于Greasemonkey的Firefox浏览器扩展
基于Greasemonkey的Firefox浏览器扩展
DrupalCamp Taipei 2012 迷人的有「型」網站
DrupalCamp Taipei 2012 迷人的有「型」網站
Html&css基础
Html&css基础
基于Greasemonkey的Firefox浏览器扩展
基于Greasemonkey的Firefox浏览器扩展
网页设计及制作(Div+css)
网页设计及制作(Div+css)
Developer Student Clubs NUK - Web Fundamentals
Developer Student Clubs NUK - Web Fundamentals
輕鬆學會網頁前端
輕鬆學會網頁前端
Css性能优化
Css性能优化
Mais de jay li
小控件、大学问
小控件、大学问
jay li
Mobile UI design and Developer
Mobile UI design and Developer
jay li
Javascript autoload
Javascript autoload
jay li
Html5form
Html5form
jay li
Slide
Slide
jay li
Js doc toolkit
Js doc toolkit
jay li
新业务新员工培训 Banner设计
新业务新员工培训 Banner设计
jay li
夏之 专题设计
夏之 专题设计
jay li
赤骥 用户研究入门
赤骥 用户研究入门
jay li
2011彩票首页开发实践
2011彩票首页开发实践
jay li
Web设计的画纸深入了解我们的显示器
Web设计的画纸深入了解我们的显示器
jay li
潜意识设计
潜意识设计
jay li
Html5@taobao
Html5@taobao
jay li
前端调试工具,编码相关,性能相关
前端调试工具,编码相关,性能相关
jay li
box model
box model
jay li
Mais de jay li
(15)
小控件、大学问
小控件、大学问
Mobile UI design and Developer
Mobile UI design and Developer
Javascript autoload
Javascript autoload
Html5form
Html5form
Slide
Slide
Js doc toolkit
Js doc toolkit
新业务新员工培训 Banner设计
新业务新员工培训 Banner设计
夏之 专题设计
夏之 专题设计
赤骥 用户研究入门
赤骥 用户研究入门
2011彩票首页开发实践
2011彩票首页开发实践
Web设计的画纸深入了解我们的显示器
Web设计的画纸深入了解我们的显示器
潜意识设计
潜意识设计
Html5@taobao
Html5@taobao
前端调试工具,编码相关,性能相关
前端调试工具,编码相关,性能相关
box model
box model
深入剖析浏览器
1.
深入剖析浏览器 浏览器/盒模型/调试工具/开发工具 函谷/拔赤 – F2E@Taobao
淘宝北京研发中心 2012-04
2.
• Who Are
We? 淘宝前端开发工程师 http://ued.taobao.com
3.
Topic •
浏览器合模型和兼容性 • 网页布局 • 页面的渲染原理 • 调试工具
4.
盒模型:Box Model
5.
Hack(样式补丁) #box {
color:black; /*firefox*/ color:red9; /*所有ie*/ *color:blue; /*ie7*/ _color:green; /*ie6*/ }
6.
CSS Basic Box
Model
7.
8.
#box {
border:20px solid red; padding:20px; width:100px; height:100px; <div id=“box”> } <p>#box</p> #box p { </div> width:100%; height:100%; }
9.
Firefox with W3C
box layout
10.
IE with W3C
box layout
11.
IE with W3C
box layout
12.
在IE的Quirks(怪异)模式下如何表现?
13.
IE with Quirks
box layout
14.
指定Doctype! <!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.01//EN" " http://www.w3.org/TR/html4/strict.dtd"> <!DOCTYPE HTML>
15.
指定Doctype! <!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.01//EN" " http://www.w3.org/TR/html4/strict.dtd"> <!DOCTYPE HTML>
16.
注意: IE6 下的双边距Bug!
17.
float:left margin-left:100px
!IE6 float:left margin-left:100px IE6
18.
This is a
bug!
19.
float:left margin-left:100px
Fix this display:inline bug
20.
注意: IE 中的HasLayout!
21.
div#box {
background:red; filter:alpha(opacity=50); } <!DOCTYPE html> … <div id=“box”> text </div>
22.
IE8中滤镜正常工作 IE6/7中滤镜不起作用
23.
div#box {
background:red; filter:alpha(opacity=50); } <!DOCTYPE html> … <div id=“box”> text Div在IE6/7下默认 没有hasLayout </div>
24.
记住: 没有 hasLayout 的元素上
滤镜不起作用
25.
为什么需要 haslayout?
26.
降低浏览器渲染压力
27.
默认不具有 hasLayout
• div • span
28.
用css激活元素的 hasLayout
• position • float • width(!auto) • height(!auto) • zoom • overflow
29.
div#box {
background:red; filter:alpha(opacity=50); height:19px; } 让div具有 hasLayout <!DOCTYPE html> … <div id=“box”> text </div>
30.
IE8中滤镜正常工作 IE6/7中滤镜正常工作
31.
Warning !!!
32.
hasLayout 元素呈现为
”矩形”
33.
我想实现的效果!
34.
#pic {
float:left;width:50px;height:50px; } #content { border:1px solid blue; background:yellow;height:100%; } <div> <div id=“pic”></div> <div id=“content”>long text…</span> </div>
35.
Firefox 中表现正确 IE8
中表现正确
36.
IE7 中展现错误 IE6 中展现错误
37.
#pic {
float:left;width:50px;height:50px; } #content { border:1px solid blue; background:yellow;height:100%; } height触发了#content 的hasLayout <div> <div id=“pic”></div> <div id=“content”>long text…</span> </div>
38.
#pic {
float:left;width:50px;height:50px; } #content { IE6/7下 #content border:1px solid blue; 显示为矩形 background:yellow;height:100%; } height触发了#content 的hasLayout <div> <div id=“pic”></div> <div id=“content”>long text…</span> </div>
39.
#pic {
float:left;width:50px;height:50px; } #content { border:1px solid blue; background:yellow;height:100%; } 样式定义在wrapper上 <div style=“background:yellow”> <div id=“pic”></div> <div id=“content”>long text…</span> </div>
40.
IE7 中展现正确 IE6 中展现正确
41.
IE6/7不支持 display:inline-block?
42.
display:
block display: inline display: inline-block;
43.
display:
block display: inline display: Hackforie7/6 inline-block; *display:inline; *zoom:1;
44.
元素的 Margin 重叠
45.
边界重叠规则 •
水平margin不重叠 • 浮动元素上下margin不重叠(float) • 飘动元素上下margin不重叠(position) • 常规折行上下margin重叠
46.
#wrapper {
width:500px; } #wrapper p{ width:100px;margin:50px;float:left; } <div id=“wrapper”> <p></p> <p></p> … </div>
47.
margin:50px 100px
margin:50px 浮动元素上下margin不重叠
48.
#wrapper {
width:500px; } 如果去掉浮动? #wrapper p{ width:100px;margin:50px;float:left; } <div id=“wrapper”> <p></p> <p></p> … </div>
49.
margin:50px 无浮动/飘动元素上下margin重叠
50.
ref • http://htmlhelp.com/tools/validator/docty
pe.html • http://www.positioniseverything.net/explor er/floatIndent.html • http://msdn.microsoft.com/en- us/library/bb250481%28v=vs.85%29.aspx
51.
网页布局
52.
CSS reset.css 清除浏览器默认样式
53.
早期Web页面没有栅格概念
54.
随着内容增多,信息展现需要“规划”
55.
Yahoo经典的950栅格系统
56.
熟悉的960宽度 http://960.gs/demo.html
57.
淘宝950栅格原型
58.
淘宝栅格系统对照表
59.
布局的实现 渐进增强 一套html,多套css 布局灵活 2栏、3栏、4栏… 主容器宽度自适应
60.
圣杯 vs 双飞翼
61.
http://www.alistapart.com/articles/holygrail
圣杯布局
62.
63.
64.
65.
66.
67.
http://blog.html.it/layoutgala/
双飞翼布局
68.
69.
70.
71.
淘宝主站常用布局
72.
栅格在宽屏/响应式设计中的束缚
73.
290
990 栅格 30(列宽) x 25(列) + 10(槽宽) x 24(槽数)
74.
300
1000px “栅格”? C(列宽) x n(列) + 10(槽宽) x (n-1)(槽数) n∈[15,40],C∈Z 无解
75.
在布局变化不多的页面(淘宝首页),没有使用栅格
绝对定位,简单高效
76.
在布局动态变化的页面中,也不适用静态栅格
77.
响应式栅格的一种尝试LessFramework.css
http://lessframework.com/
78.
Less:让CSS可被编程 http://www.lesscss.net
79.
页面的渲染过程
80.
Javascript ECMAScript
DOM BOM JavaScript的外在表现
81.
DOM和BOM • DOM W3C标准提供的文档模型,浏览器均实现了这个标准 •
BOM 浏览器对象模型,浏览器各自的实现
82.
浏览器渲染过程
83.
执行脚本过程中的渲染
84.
<!DOCTYPE HTML> <html lang="zh">
<head>head</head> <body> <script> error //error alert(document.getElementById('a')); </script> <span id="a“>error</span> </body> </html>
85.
<!DOCTYPE HTML> <html lang="zh">
<head>head</head> <body> <span id="a">ok</span> <script> ok //ok alert(document.getElementById('a')); </script> </body> </html>
86.
三个重要的事件
87.
<!DOCTYPE HTML> <html lang="zh">
<head>head</head> <body> <div id=“J”> <span id="a">ok</span> <span id=“b">ok</span> </div> </body> </html>
88.
<!DOCTYPE HTML>
document <html lang="zh"> <head>head</head> head <body> <div id=“J”> <span id="a">ok</span> <span id="a">ok</span> </div> </body> </html>
89.
<!DOCTYPE HTML>
document <html lang="zh"> <head>head</head> head <body> body <div id=“J”> <span id="a">ok</span> <span id=“b">ok</span> </div> </body> </html>
90.
<!DOCTYPE HTML>
document <html lang="zh"> <head>head</head> head <body> body <div id=“J”> <span id="a">ok</span> div#J <span id=“b">ok</span> </div> div#J available </body> </html>
91.
<!DOCTYPE HTML>
document <html lang="zh"> <head>head</head> head <body> body <div id=“J”> <span id="a">ok</span> div#J <span id=“b">ok</span> span#a </div> </body> </html> span#a available
92.
<!DOCTYPE HTML>
document <html lang="zh"> <head>head</head> head <body> body <div id=“J”> <span id="a">ok</span> div#J <span id=“b">ok</span> span#a </div> div#J contentready </body> span#b </html> span#b available
93.
<!DOCTYPE HTML>
document <html lang="zh"> <head>head</head> head <body> body <div id=“J”> <span id="a">ok</span> div#J <span id=“b">ok</span> span#a </div> </body> span#b </html> domready
94.
<!DOCTYPE HTML> <html lang="zh">
<head>head</head> <body> ok <script> Y.on(‘available’,function(){ alert(Y.one(‘#a’)); },’#a’); </script> <span id="a">ok</span> </body> </html>
95.
http://www.taobao.com 延时渲染: 载入内容而不立即渲染 减少浏览器渲染压力 提高渲染速度
96.
开发/调试工具
97.
Douglas Crockford: “前端工程师面需要面对的软件开发环 境实在是糟糕透顶,让人难以置信!”
98.
苦逼的前端工程师 •
工程师又套乱页面了,又要检查标签配对 • 每次修改脚本,传到测试环境才看到效果 • 调试压缩后的脚本 • 根据IE丑陋的报错定位到错误位置 • 缓存总是在捣乱 • 有没有工具来批量压缩脚本 • …
99.
前端工程师看起来像这样…
100.
前端工程师的内心世界:看到bug,两眼放光
101.
102.
• firefox 插件 •
调试样式、布局 • debug JavaScript • 查看网络情况 • 一批基于firebug的插件扩展
103.
104.
105.
106.
107.
Fiddler • 监控http请求 • 劫持http包,修改http头等信息 •
做本地文件映射
108.
HTTP请求详情 截获到的HTTP请求
109.
本地文件映射
110.
YSlow • 监控页面性能 • 查找页面瓶颈 •
辅助调试页面
111.
页面缓存后重量 页面重量
112.
语法检查报告 检查JS语法
113.
展开js脚本
114.
图片优化
115.
下载优化后的 图片成
每张图片的压 缩比例
116.
IE Developer ToolBar •
调试IE下的布局、样式 • 模拟ie7、8的渲染效果
117.
页面中会高亮显示 每个class和id
查看容器的 class和id
118.
窗口中显示div的边界
查看页面中的div轮廓
119.
测试不同的分辨率
120.
脚本控制台面板 继续执行的控制
查看执行结果 设置断点,刷新页面 输入执行语句并回车
121.
探测器面板,查看特定时间 段函数执行情况
122.
HTTP Watch • 查看页面渲染关键时间点 •
兼容firefox和ie • 查看 http 瀑布
123.
http请求队列
红线:DomReady时间 绿线:首次渲染时间 页面加载的关键时间点 和http请求状态详情
124.
Chrome Developer
Tools • 调试更多高级特性(html5/本地存储) • 调试CPU和内存的使用率 • 查看页面的reflow
125.
查看页面的reflow
126.
特定时间内 内存消耗情况
127.
特定时间内CPU消耗情况
128.
保持对IE的警觉 • IE对乱码极其敏感 • 浏览器缓存是否清除 •
JS代码是否通过了语法检查(JSLint) •…
129.
前端工程师,人人都是Ninja!
130.
ref •
http://www.stevesouders.com/ • http://getfirebug.com • http://developer.yahoo.com/yslow/ • http://www.fiddler2.com/fiddler2/ • http://www.httpwatch.com/
131.
@jayli
F2E & Translator htt[p://jayli.github.com bachi@taobao.com
Baixar agora