我们先来看一个瀑布图来确定一个页面性能问题是由哪些项造成的。chorome自带开发者工具 图中每一行表示一个http请求，每个请求都有一条时间线。用于标识这个请求所花费的时间。假设将鼠标放到某一条时间线上。能够看到下面信息域名解析：搜索DNSserver并解析域名为IP地址所花费的事件。这里是0m....
分类：
Web程序 时间：
2016-01-18 11:49:46
阅读次数：
181
概述为帮助开发者更方便、更安全地开发和调试基于微信的网页，我们推出了 web 开发者工具。它是一个桌面应用，通过模拟微信客户端的表现，使得开发者可以使用这个工具方便地在 PC 或者 Mac 上进行开发和调试工作。立即下载体验你可以：使用自己的微信号来调试微信网页授权调试、检验页面的 JS-SDK 相...
分类：
微信 时间：
2016-01-12 11:33:37
阅读次数：
362
Chrome浏览器一款Web开发的利器，具有不易崩溃、速度快、安全等诸多优点得到广大用户的一直好评，一经推出迅速占领市场，作为Web开发者我们更应该了解它强大的功能。下面列举出一些常用技巧，帮助大家提高效率：1.打开控制面板（通过右键->审查元素或F12快捷键)2.编辑HTML元素选取百度为例：在 ...
分类：
其他好文 时间：
2016-01-11 00:12:59
阅读次数：
148
登陆之数据包分析工具: python-urllib2 | firefox+firebug或者chrome，用浏览器打开登陆页面之后，按F12键会默认打开开发者工具或者启动firebug，点击network监听数据包，下面以itune的登陆举一个例子。1. 在浏览器中输入itunes的登陆地址：htt...
分类：
其他好文 时间：
2016-01-04 11:31:08
阅读次数：
356
原文链接：http://www.cnblogs.com/mcad/HTTP工作原理图请求报文1.请求报文长什么样？ Chrome核心的请求报文2.报文结构3.报文头部每个字段的意义//从开发者工具上复制的东西GET /index.php HTTP/1.1Host: www.baidu.comConn...
分类：
Web程序 时间：
2015-12-12 21:40:31
阅读次数：
228
http://web.jobbole.com/82558/Chrome开发者工具不完全指南（一、基础功能篇）http://web.jobbole.com/82562/Chrome开发者工具不完全指南（二、进阶篇）http://web.jobbole.com/82576/Chrome开发者工具不完全....
分类：
其他好文 时间：
2015-12-11 15:09:36
阅读次数：
128
前面介绍了Chrome开发者工具的大部分内容工具，现在介绍最后两块功能Audits和Console面板。一、AuditsAudits面板会针对目前网页提出若干条优化的建议，这些建议分为两大类，一类是网络加载性能，另一类是界面性能。首先开下它的主界面。Audits面板的网络优化建议参照的是雅虎前端工程...
分类：
移动开发 时间：
2015-12-09 17:12:52
阅读次数：
202
Chrome的开发者工具已经强大到没朋友的地步了，特别是其功能丰富界面友好的console，使用得当可以有如下功效：更高「逼格」更快「开发调试」更强「进阶级的Frontender」Bug无处遁形「Console大法好」console.log大家都会用log，但鲜有人很好地利用console.erro...
分类：
其他好文 时间：
2015-12-09 16:59:50
阅读次数：
214
就算你不是一名前端开发工程师，相信你也不会对Chrome浏览器感到陌生。根据最新的一份（2015/06）的浏览器市场占有率报告，Chrome近乎占有浏览器天下的半壁江山。简单、快捷使它成为了新时代人们的新宠。如果你是一名web开发人员，我推荐你使用Chrome。作为前端开发的”IDE”，你只需要搭配...
分类：
其他好文 时间：
2015-12-09 16:50:16
阅读次数：
153
内存泄漏是指计算机可用内存的逐渐减少。当程序持续无法释放其使用的临时内存时就会发生。JavaScript的web应用也会经常遇到在原生应用程序中出现的内存相关的问题，如泄漏和溢出，web应用也需要应对垃圾回收停顿。尽管JavaScript使用垃圾回收进行自动内存管理，但有效的(effective)内...
分类：
编程语言 时间：
2015-12-09 16:49:20
阅读次数：
343
