Webkit之资源加载

一、webkit资源分类

webkit中有多种资源，大致分为以下几种：

1. HTML文本
2. CSS样式文本 - CachedCSSStyleSheet
3. 字体 - CachedFont
4. 图片 - CachedImage
5. 只读资源 - CachedRawResource
6. JavaScript文本 - CachedScript
7. SVG - CachedSVGDocument
8. 视频字幕 - CachedTextTrack
9. XSL样式表 - CachedXSLStyleSheet

类图如下：

HTML文本是网页的主资源，它描述了网页的框架、布局。其它的便是子资源，是组成网页的子元素。

二、webkit资源加载主线

Webkit 的加载分为两条线路，一条是主资源（即HTML文本）的加载，另一条是子资源的加载。主资源里有子资源的描述信息，所以首先要加载主资源，然后加载子资源。

资源加载抽象流程图：

从流程图中我们看到，并不是等待加载主资源完成后再来解析HTML和加载子资源，而是边加载主资源然后解析HTML，边加载子资源。

四、webkit资源加载模型

资源加载都是交给CachedResourceLoader来做，最后交给ResourceLoadScheduler完成，而ResourceHandle则是与平台相关的网络实现（cf或curl等）

五、webkit资源加载过程

六、主资源和子资源的加载

主资源和子资源的加载都是通过上面的"ResourceLoaderProcess"实现的，而CachedResourceLoader则是它们的共同入口。

class CachedResourceLoader {
public:
    CachedResourceHandle<CachedRawResource> requestMainResource(CachedResourceRequest&);

     CachedResourceHandle<CachedImage> requestImage(CachedResourceRequest&);
     CachedResourceHandle<CachedCSSStyleSheet> requestCSSStyleSheet(CachedResourceRequest&);
     CachedResourceHandle<CachedCSSStyleSheet> requestUserCSSStyleSheet(CachedResourceRequest&);
     CachedResourceHandle<CachedScript> requestScript(CachedResourceRequest&);
     CachedResourceHandle<CachedFont> requestFont(CachedResourceRequest&, bool isSVG);
     CachedResourceHandle<CachedRawResource> requestRawResource(CachedResourceRequest&);
     CachedResourceHandle<CachedSVGDocument> requestSVGDocument(CachedResourceRequest&);    

     CachedResourceHandle<CachedXSLStyleSheet> requestXSLStyleSheet(CachedResourceRequest&);
     CachedResourceHandle<CachedResource> requestLinkResource(CachedResource::Type, CachedResourceRequest&);
     CachedResourceHandle<CachedTextTrack> requestTextTrack(CachedResourceRequest&);
};

CachedResourceLoader有主资源和子资源加载的方法

主资源加载：

子资源加载：（以加载图片资源为例）

参考：

http://blog.csdn.net/milado_nju/article/details/8927821

http://blog.csdn.net/horkychen/article/details/26435373