webkit浏览器常见开发问题

前段时间有人问我一个简单的问题,html如何创建解析的? 

我讲了一大堆,什么通过DocumentLoader, CachedResourceLoader,

CacheResource, ResourceLoaderScheduler, ResourceHandle这些类。

一步一步的完成cache查找然后请求下载等等。 

滔滔不绝,直到我调试xml解析时,我才发现好多问题都与理解的不一致,

在分析源码的时候只了解了大体步骤。细节你真的清楚吗?

一、HTTP header 网页头请求

Requests部分(列举几个重要的)

Accept

指定客户端能够接收的内容类型

Accept: text/plain, text/html

Accept-Charset

浏览器可以接受的字符编码集。

Accept-Charset: iso-8859-5

Accept-Encoding

指定浏览器可以支持的web服务器返回内容压缩编码类型。

Accept-Encoding: compress, gzip

Accept-Language

浏览器可接受的语言

Accept-Language: en,zh

Connection

表示是否需要持久连接。(HTTP 1.1默认进行持久连接)

Connection: close

Cookie

HTTP请求发送时,会把保存在该请求域名下的所有cookie值一起发送给web服务器。

Cookie: $Version=1; Skin=new;

Content-Length

请求的内容长度

Content-Length: 537

Content-Type

请求的与实体对应的MIME信息

Content-Type: application/x-www-form-urlencoded

Date

请求发送的日期和时间

Date: Tue, 15 Mar 2015 15:12:31 GMT

User-Agent

User-Agent的内容包含发出请求的用户信息

User-Agent: Mozilla/5.0 (Linux; X11)

Responses 部分

Accept-Ranges

表明服务器是否支持指定范围请求及哪种类型的分段请求

Accept-Ranges: bytes

Age

从原始服务器到代理缓存形成的估算时间(以秒计,非负)

Age: 12

Allow

对某网络资源的有效的请求行为,不允许则返回405

Allow: GET, HEAD

Cache-Control

告诉所有的缓存机制是否可以缓存及哪种类型

Cache-Control: no-cache

Content-Encoding

web服务器支持的返回内容压缩编码类型。

Content-Encoding: gzip

Content-Language

响应体的语言

Content-Language: en,zh

Content-Length

响应体的长度

Content-Length: 348

Content-Location

请求资源可替代的备用的另一地址

Content-Location: /index.htm

Content-MD5

返回资源的MD5校验值

Content-MD5: Q2hlY2sgSW50ZWdyaXR5IQ==

Content-Range

在整个返回体中本部分的字节位置

Content-Range: bytes 21010-47021/47022

Content-Type

返回内容的MIME类型

Content-Type: text/html; charset=utf-8

Date

原始服务器消息发出的时间

Date: Tue, 15 Mar 2015 15:12:31 GMT

Location

用来重定向接收方到非请求URL的位置来完成请求或标识新的资源

Location: http://www.oschina.net/u/2335812/admin

User-Agent这个字段用户信息,表明你浏览器支持标准,服务器会解析该字段返回不同请求

(一个适配多终端的网页会做兼容处理)这点在iptv中要特别注意,

好多时候有些前端网页就是要加些特殊字段才能正常操作甚是郁闷。

HTTP 请求头里面能传递较多的信息。

二、webkit 如何区分创建html,xml等解析

它是在HTTP请求返回的200 OK中的Content-Type字段决定的,

Content-Type: text/html; charset=utf-8,

说明了text类型html,字符编码utf-8。

在DOMImplementation.cpp 中createDocument()创建时判断type是否为html,xml,

video等这个type就是请求返回OK字段中的Content-Type解析出来的。

三、请求重定向

重定向是在HTTP请求返回的302 Found的Location字段返回的url决定跳转的新地址

四、设置load缓存大小

在loader/cache/MemoryCache.cpp 文件中setCapacities() 函数可以设置缓存大小,

找到一个资源加载速度于内存使用的平衡点

原文发布于微信公众号 - 程序员互动联盟(coder_online)

原文发表时间:2015-04-14

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏python3

python 装饰器案例解析

执行的时候,不能写deco(test1()),为什么呢?这样写,是把test1函数执行的结果,传给deco了。

621
来自专栏天天

执行上下文

解析: a)先填充参数,x:undefined;y:undefined;z:undefined; b)函数申明,在vo对象里有了function fn(){};...

1094
来自专栏WindCoder

微信浏览器中reload()无法完成刷新页面的解决方案

今天有一个刷新的需求,先后使用了reload()、replace 方法以及window.location.href三种方式,结果都只是在pc端没问题,移动端微信...

771
来自专栏小怪聊职场

爬虫课堂(十六)|Scrapy框架结构及工作原理

2525
来自专栏我爱编程

Day25Web开发

HTTP协议简介 在Web应用中,服务器把网页传给浏览器,实际上就是把网页的HTML代码发送给浏览器,让浏览器显示出来。而浏览器和服务器之间的传输协议是HTTP...

3346
来自专栏java一日一条

在Java中如何避免“!=null”式的判空语句?

我整天都是在跟Java打交道。我在Java开发中最常用的一段代码就是用object != null在使用对象之前判断是否为空。这么做是为了避免NullPoint...

621
来自专栏抠抠空间

Django 2.0 新款URL配置详解

Django2.0发布后,很多人都拥抱变化,加入了2的行列。 但是和1.11相比,2.0在url的使用方面发生了很大的变化,下面介绍一下:

1175
来自专栏vue学习

23、一看就懂父子组件之间的传值

通过"props down , events up"我们就简单的实现了父子组件之间的双向传值,这是很基本的知识点,其它还有$invoke等等方法,大家可以去官网...

953
来自专栏前端那些事

Express中间件,看这篇文章就够了(#^.^#)

底层:http模块 express目前是最流行的基于Node.js的web开发框架,express框架建立在内置的http模块上, var http = req...

2126
来自专栏技巅

Thrift之代码生成器Compiler原理及源码详细解析1

1295

扫码关注云+社区