历史项管理依据标准定义,由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上:
     

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;
}

历史项的创建及通知流程例如以下:

转载请注明出处: http://blog.csdn.net/horkychen

WebKit历史项管理的实现的更多相关文章

  1. WebKit的历史项管理

    标准定义 关于历史的管理,和HTML页面载入一样,都有其相应的标准.地址例如以下: WhatWG: https://html.spec.whatwg.org/multipage/browsers.ht ...

  2. ASP.NET Core 1.0 中的依赖项管理

    var appInsights=window.appInsights||function(config){ function r(config){t[config]=function(){var i= ...

  3. RDIFramework.NET ━ 9.7 操作权限项管理 ━ Web部分

    RDIFramework.NET ━ .NET快速信息化系统开发框架 9.7 操作权限项管理 -Web部分 随着经济全球化趋势的发展和企业间竞争的加剧,企业对管理要求不断变化.提高,越来越多的信息都表 ...

  4. History API与浏览器历史堆栈管理

    移动端开发在某些场景中有着特殊需求,如为了提高用户体验和加快响应速度,常常在部分工程采用SPA架构.传统的单页应用基于url的hash值进行路由,这种实现不存在兼容性问题,但是缺点也有--针对不支持o ...

  5. windows启动项管理

    在运行框中输入 msconfig 选择启动栏 会跳转到任务管理器,可以管理启动项,可以看到我的启动项里有nc病毒 ,点击禁用即可.

  6. 什么是Maven? 使用Apache Maven构建和依赖项管理

    通过优锐课java架构学习中,学到了不少干货,整理分享给大家学习. 开始使用最流行的Java构建和依赖管理工具Maven Apache Maven是Java开发的基石,也是Java使用最广泛的构建管理 ...

  7. Linux命令:history命令历史的管理及用法

    bash可以保存的过去曾经执行过的命令.当某个用户登录到shell中,会读取该用户家目录中的~/.bash_history文件,并将历史命令列表保存到内存中.当用户退出当前shell时,会将内存中的历 ...

  8. Linux历史命令管理以及用法

    history [-c] [-d offset] [n] history -anrw [filename] history -ps arg [arg...] -c: 清空命令历史 -d offset: ...

  9. ubuntu mint 开机启动项管理

    使用工具 sysv-rc-conf,需要安装. 点击打开链接http://blog.chinaunix.net/uid-21516619-id-1825027.html

随机推荐

  1. Asp.net服务器控件在IE10下的不兼容问题

    Asp.net服务器控件在IE10下的不兼容问题 时间:2013-05-16 09:07点击: 89 次 [大 中 小] 相信很多使用IE10的童鞋们已经发现了这个问题,以下是本人在IE10标准模式下 ...

  2. AS3.0的int uint Number的使用原则

    int uint Number的使用原则: 1.能用整数值时优先使用:int uint 2.整数值有正负时使用:int 3.只处理正整数时使用:uint 4.处理好和颜色相关的值时使用:uint 5. ...

  3. InstallShield:自己备份

    LIST listData;//声明listData listData = ListCreate(STRINGLIST);//创建一个空的实际字符串或数字列表. //参数都是在上个界面中赋值,然后在下 ...

  4. 不错的轮播插件flexslider

    http://flexslider.woothemes.com/ $('.flexslider').flexslider({ animation:'slide', //滑动效果:翻页效果,默认为fad ...

  5. JSP面试题及答案

    更新时间:2015-04-07         来源:网络         投诉删除 [看准网(Kanzhun.com)]JSP面试题频道小编搜集的范文“JSP面试题及答案”,供大家阅读参考,查看更多 ...

  6. 切换view的动画

    代码: #import "MainViewController.h" @interface MainViewController () @end @implementation M ...

  7. deep learning framework(不同的深度学习框架)

    常用的deep learning frameworks 基本转自:http://www.codeceo.com/article/10-open-source-framework.html 1. Caf ...

  8. word的不同章节之间添加不同的页眉

    1.点击空百处 2. 在页面布局中,找到分隔符,选择”连续“选项,即在空白处插入分隔符 特别注意:这里分隔符会出现换行现象,请选择空白处,不要影响原先布局 3. 当编辑下一个页眉时,点击“链接到前一条 ...

  9. onchange事件

    一.onchange 一般input type text的onchange事件的触发需要两个条件:1.输入框的值发生了改变:2.该文本框失去了焦点,而真正的事件的触发却是发生在该文本框失去焦点的时候, ...

  10. [topcoder]CoinReversing

    http://community.topcoder.com/stat?c=problem_statement&pm=11473&rd=14543 简单的概率题.那道题想了想就出来了.每 ...