Web前端为WebKit添加新DOM对象的三种方式及实作.docx

一．基础知识 首先WebKit IDL并非完全遵循Web IDL，只是借鉴使用。WebKit官网提供了一份说明（ HYPERLINK /wiki/WebKitIDL WebKitIDL），比如Web IDL称operation”(操作), 而WebKitIDL称为method(方法)， 另外Web IDL也不像WebKitIDL那样将属性和参数分开。 ? 为JavaScript绑定对象，可以使用module来定义所从属的模组。 典型的module包括:?core, window, event, traversal, ranges, html, storage. 其中一部分是HTML5定义的。虽然定义的模组不同，并不影响该对象在DOM Tree位置。关于DOM的规格定义，参考以下文档: ??? DOM 1 Core and HTML:? HYPERLINK /TR/1998/REC-DOM-Level-1 LINK ??? DOM2 HTML:?? HYPERLINK /TR/DOM-Level-2-HTML/ LINK ??? DOM2 Core:?? HYPERLINK /TR/2000/REC-DOM-Level-2-Core LINK ??? DOM2 Traversal and Range:? HYPERLINK /TR/2000/REC-DOM-Level-2-Traversal-Range LINK ? DOM对象有三种型态： ?? a.????? 寄生于现有对象，单实例。 ???? 从属于某个全局对象，访问时透过宿主对象完成。如document.object或window.object, 也可以直接调用object.method.这个实现最为简单，按需分配，并且随着宿主对象释放就可以了。主要参考window的Navigator实现。 ?? b.????? 和window、document一样成为全局对象，单实例。 ???????这个实现最为复杂，且还没有看到相关文档说明。关键要将对象在合适的位置创建，并更新到JSC的堆中才能达到功能。可以参考document的实现，并且需要考虑执行流程，必须对代码做过一些了解，才可能知道相关的改动量。 ?? c.????? 多实例对象。可以在脚本中使用new创建。 ??????myObj = new Object(); ??????较第一类需要指定自定义建构函数，主要参考DOM中的Image和Float32Array实现。 ?????提示:1.如果尝试这样使用单例对象，会出现类似下面的错误。不是一个建构对象： ??????????????? ?????????????? 2.将新对象作为一个新属性寄生到window中提供扩展服务，更符合DOM的框架，它代表的是和浏览器相关的属性。如果需要扩展页面功能，为document增加属性或方法即可。 ? 三种型态下的类的基本代码相同，最大的差异在于是如何引用及实例的管理。难点是在合适的位置绑定给JavaScript Core使用。 ? 二．实作 下面从最简单的开始，进行三种型态的实作。 1. 寄生于现有对象，单例 这一段的实现，可以参考DOMWindow中的Navigator。(参考: HYPERLINK /archives/194 LINK) ? a. 添加新的代码 ?? 为了和DOMWindow就近，将新增的文件放到WebCore/page下。 HorkyWebObject.h #ifndef WebCore_Horky_WebObject_h #define WebCore_Horky_WebObject _h ? #include?wtf/Forward.h #include?wtf/PassRefPtr.h #include?wtf/RefCounted.h #include?wtf/HashMap.h #include?wtf/RefPtr.h ? #include?PlatformString.h ? namespace?WebCore { ??? ????class?HorkyWebObject :publicRefCountedHorkyWebObject { ????public: ????????staticPassRefPtrHorkyWebObject create() ????????{ ????????????returnadoptRef(newHorkyWebObject()); ????????} ??????? ????????String?description()const; ????private: ?