首页 > 编程技术 > js

从chrome调试工具中把拖延时间的东西找出来

发布时间:2016-5-19 22:52

我打开android开发手册的时候:http://www.csdn123.com/html/android/reference/packages.html

发现打开速度很慢,我用按了一下F12打开调试面板,切换到网络的选项卡network

可以看到所有的请求,如下图所示:




前面的几项大家都比较熟悉,就是请求的文件名,是用get还是post,返回200,还是304缓存,文件类型  

Initiator这个选项大家可以比较不熟悉,我用百度词典查询了一下,表示创始人,发起人的意思。

其实就是表示发起的主体是谁,比如:我在aaa.htm网页上有很多图片,打开网页的时候,会发送请求显示每一张图片,打开chrome的时候,观察发现,Initator就是aaa.htm


在第一次打开http://www.csdn123.com/html/android/reference/packages.html的时候很慢,然后我按F12查看network发现,有几个文件名是红色显示的,然后看一下请求的绝对路径,发现是google的绝对路径,由于中国访问google的网站是很卡的,所以主要拖卡的原因就是这几个用googe作为绝对路径的几个文件。


我在源文件中找出这几个google的绝对路径,把它删除掉。

其中有一个在源文件中找不到,我看了一下Initator的请求体,发现不是在当前访问的网页,我点击一下进去,是一个js文件,然后显示是由哪行代码发起请求这个文件的,很方面。



总结:chrome的调试面板network可以查看到所有的请求,其它文件发起的请求要点击Initator才能查看到。


标签:[!--infotagslink--]

您可能感兴趣的文章: