iPanel页面与分析流程概述.pptxVIP

页面解析及bug分析

目录

页面解析流程

分析工作定位

bug分析步骤

bug分析实例

页面解析流程

简单页面示例

了解页面的解析执行过程是比较重要的，对于问题的分析定位很有帮助，便于根据问题现象把握问题

原因的方向。在了解页面解析的大致过程前，我们先看看html页面的组织结构。

html

head

!--head中可以包含的部件有

1、title标签,显示页面的title信息

2、meta标签，定义页面字符编码信息

3、link标签，引入外部css文件

4、style标签,定义css样式块

5、script标签，引入外部js文件，定义js语句

--

/head

body

!--body中可以包含的部件有

1、页面标签元素a,form,table

2、script标签，定义js语句

--

/body

/html

页面解析流程

浏览器根据页面url地址向服务器请求页面

服务器向浏览器返回请求页面

浏览器开始解析请求到的页面

eis_socket_recv(从socket接收服务器的应答),

[HTML_DOWNLOAD_COMPLETE](下载完成)

eis_socket_close

[HTML_DOWNLOADING_START](请求开始)

eis_socket_open(打