WebKit历史项管理的实现

冷不防 2022-08-10 12:48 176阅读 0赞

历史项管理根据标准定义，由Page管理一个Joint Session History, 包含了各个子Frame的历史项。逻辑上对应如下的关系:  
  
从上面看三个层次:Page，Frame，以及JS Binding的接口。页面加载的核心是由Frame通过FrameLoader来完成的，HistoryController及BackForwardController可以视为页面加载进行历史项操作的接口。 Frame层次中通过HistoryController, Page层次中通过BackForwardController进行历史项操作。  
BackForwardClient及HistoryItem则存储着历史项的具体内容。历史项的变化消息则由FrameLoaderClient负责发送(适配到WebKit层)。  
 ![SouthEast][]   
  
       
Page层次中的主要类关系如下:

![SouthEast 1][]  
  
  
一个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秒内跳转的处理逻辑。  
  
![SouthEast 2][]  
  
当页面前进后退时，具体的加载操作还是以FrameLoader为核心的，HistoryController和BackForwardController充其量还主要是存储操作。历史项的变化也还需要由FrameLoaderClient及其在各个平台的实现来派发到WebKit及UI层(上图中WebHistoryDelegate即为Mac OS下WebView接收历史项相关信息的Delegate)。  
  
  
当页面通过JS执行pushState，在WebCore就会在HistoryController中生成一个含有此State的HistoryItem，然后添加到BackForwardList(BackForwardClient)中。以下是其时序图:  
![SouthEast 3][]

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

以下是页面跳转时，向JS发送popState消息的时序图:  
![SouthEast 4][]  
  
  
  
具体的行为逻辑，通读标准定义是最合适的。附链接如下:  
     [https://html.spec.whatwg.org/multipage/browsers.html][https_html.spec.whatwg.org_multipage_browsers.html]  
  
  
从WebKit对外的适配，具体的实现差异比较大，但都会以历史项变化的消息通知来对应UI上的前进后退操作及状态显示，这样可以保持一致性。  
比如在Mac OS下，一个历史项变化时,WebFrameLoaderClient::updateGlobalHistory()会使用如下的方式通知到WebView上:

if ([view historyDelegate]) {
            WebHistoryDelegateImplementationCache* implementations = WebViewGetHistoryDelegateImplementations(view);
            if (implementations->navigatedFunc) {
                WebNavigationData *data = [[WebNavigationData alloc] initWithURLString:loader->url()
                                            title:nilOrNSString(loader->title().string())
                                            originalRequest:loader->originalRequestCopy().nsURLRequest(UpdateHTTPBody)
                                            response:loader->response().nsURLResponse()
                                            hasSubstituteData:loader->substituteData().isValid()
                                            clientRedirectSource:loader->clientRedirectSourceForHistory()];
    
    
                CallHistoryDelegate(implementations->navigatedFunc, view, @selector(webView:didNavigateWithNavigationData:inFrame:), data, m_webFrame.get());
                [data release];
            }
       
            return;
        }

历史项的创建及通知流程如下:  
![SouthEast 5][]  
转载请注明出处: [http://blog.csdn.net/horkychen][http_blog.csdn.net_horkychen]

[SouthEast]: /images/20220810/916730115e124110bf8e88b542986c9a.png
[SouthEast 1]: /images/20220810/581c922823984ce3be31e0d808335088.png
[SouthEast 2]: /images/20220810/2b8de7e49d474429951aa14ef59f9416.png
[SouthEast 3]: /images/20220810/9e7b917b1a034147a85449f36c9541f1.png
[SouthEast 4]: /images/20220810/40c86b583fd944ac9cb908180cedab38.png
[https_html.spec.whatwg.org_multipage_browsers.html]: https://html.spec.whatwg.org/multipage/browsers.html
[SouthEast 5]: /images/20220810/84d33583a5dd47dcae30ce830cf13956.png
[http_blog.csdn.net_horkychen]: http://blog.csdn.net/horkychen