WebKit历史项管理的实现

历史项管理根据标准定义,由Page管理一个Joint Session History, 包含了各个子Frame的历史项。逻辑上对应如下的关系:

从上面看三个层次:Page,Frame,以及JS Binding的接口。页面加载的核心是由Frame通过FrameLoader来完成的,HistoryController及BackForwardController可以视为页面加载进行历史项操作的接口。 Frame层次中通过HistoryController, Page层次中通过BackForwardController进行历史项操作。
BackForwardClient及HistoryItem则存储着历史项的具体内容。历史项的变化消息则由FrameLoaderClient负责发送(适配到WebKit层)。


     
Page层次中的主要类关系如下:




一个HistoryItem可以理解为标准中定义的state。HistoryItem存储和Joint Session History的关系表现在其存储的成员变量上:
  m_target, m_parent存储的都是Frame名称,可以从FrameTree获取到Frame, 分别代表着此HistoryItem对应的Frame, 以及其父Frame。
  m_scrollPoint则是当前显示的位置。如果是通过Anchor跳转,这个值就会有所区分。
  m_stateObject则是通过HTML5 History API的pushState及replaceState所操作的内容。
 

JSBinding层则是由History通过Frame向JS提供服务。在Frame的层次上,Frame主要通过FrameLoader进行历史项操作。页面跳转操作则由Frame的NavigatorScheduler来完成。在HTML5 Spec中关于Session History的操作集中在HistoryController里,一部分逻辑分散在NavigationScheduler里,比如NavigationScheduler::mustLockBackForwardList()函数,以及1秒内跳转的处理逻辑。



当页面前进后退时,具体的加载操作还是以FrameLoader为核心的,HistoryController和BackForwardController充其量还主要是存储操作。历史项的变化也还需要由FrameLoaderClient及其在各个平台的实现来派发到WebKit及UI层(上图中WebHistoryDelegate即为Mac OS下WebView接收历史项相关信息的Delegate)。


当页面通过JS执行pushState,在WebCore就会在HistoryController中生成一个含有此State的HistoryItem,然后添加到BackForwardList(BackForwardClient)中。以下是其时序图:

其中在HistoryContrller::pushState()中会通过主Fame的HistoryContoller::createItemTree()来创建新的历史项,保存当前文档的状态。如果本身就是主Frame则不需要指定历史项间的从属关系。

以下是页面跳转时,向JS发送popState消息的时序图:




具体的行为逻辑,通读标准定义是最合适的。附链接如下:
     https://html.spec.whatwg.org/multipage/browsers.html


从WebKit对外的适配,具体的实现差异比较大,但都会以历史项变化的消息通知来对应UI上的前进后退操作及状态显示,这样可以保持一致性。
比如在Mac OS下,一个历史项变化时,WebFrameLoaderClient::updateGlobalHistory()会使用如下的方式通知到WebView上:
     
  1. if ([view historyDelegate]) {  
  2.         WebHistoryDelegateImplementationCache* implementations = WebViewGetHistoryDelegateImplementations(view);  
  3.         if (implementations->navigatedFunc) {  
  4.             WebNavigationData *data = [[WebNavigationData alloc] initWithURLString:loader->url()  
  5.                                         title:nilOrNSString(loader->title().string())  
  6.                                         originalRequest:loader->originalRequestCopy().nsURLRequest(UpdateHTTPBody)  
  7.                                         response:loader->response().nsURLResponse()  
  8.                                         hasSubstituteData:loader->substituteData().isValid()  
  9.                                         clientRedirectSource:loader->clientRedirectSourceForHistory()];  
  10.   
  11.   
  12.             CallHistoryDelegate(implementations->navigatedFunc, view, @selector(webView:didNavigateWithNavigationData:inFrame:), data, m_webFrame.get());  
  13.             [data release];  
  14.         }  
  15.      
  16.         return;  
  17.     }  

历史项的创建及通知流程如下:
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值