一种浏览器中网页的展现方法和装置制造方法

文档序号:6517007阅读:453来源:国知局
一种浏览器中网页的展现方法和装置制造方法【专利摘要】本发明公开了一种浏览器中网页的展现方法和装置,涉及浏览器【
技术领域
】。所述方法为在从服务器中获取当前的第一HTML文档后,对第一HTML文档的级联样式表进行修改,和/或从所述第一HTML文档或者第二HTML文档中获得级联样式表进行级联样式解析,生成第一样式规则后,对第一样式规则进行修改,和/或根据所述第一HTML文档或者第二HTML文档解析获得DOM树以及第三样式规则,并构建呈现树之前,对呈现树进行修改,如此在内核进行渲染后,可以在浏览器侧以更符合用户的个性化需求的方式修改网页样式,使修改操作的可扩展性增强的有益效果。【专利说明】一种浏览器中网页的展现方法和装置【
技术领域
】[0001]本发明涉及浏览器【
技术领域
】,具体涉及一种浏览器中网页的展现方法和装置。【
背景技术
】[0002]浏览器,是指可以显示网页服务器或者文件系统的HTML(超文本标记语言)文件内容,并让用户与这些文件交互的一种软件。[0003]参照图1,其为浏览器的大致架构,主要组件包括:[0004]?用户界面:包括地址栏、前进/后退按钮、书签菜单等。除了浏览器主窗口显示的您请求的页面外,其他显示的各个部分都属于用户界面;[0005].浏览器引擎:在用户界面和呈现引擎之间传送指令;[0006].呈现引擎:负责显示请求的内容。如果请求的内容是HTML,它就负责解析HTML和CSS内容,并将解析后的内容显示在屏幕上;[0007]?网络:用于网络调用,比如HTTP请求。其接口与平台无关,并为所有平台提供底层实现。[0008]?用户界面后端:用于绘制基本的窗口小部件,比如组合框和窗口。其公开了与平台无关的通用接口,而在底层使用操作系统的用户界面方法;[0009].JavaScript解释器:用于解析和执行JavaScript代码;[0010].数据存储:这是数据持久层化的核心部分;浏览器需要在硬盘上保存各种数据,例如Cookie;新的HTML规范(HTML5)定义了“网络数据库”,这是一个完整(但是轻便)的浏览器内数据库。[0011]在传统技术中浏览器接收到用户针对某一URL的访问操作后,从对应的服务器的HTML文档,然后浏览器的呈现引擎进入对HTML的呈现过程。从网络层获取到HTML文档开始,一直到在浏览器上显示出对应的内容,都属于浏览器呈现的过程,各个浏览器的呈现流程大致相同,参照图2,其为呈现引擎的大致工作流程。呈现引擎将开始解析HTML文档上的元素,并逐个转化成DOM(DocumentObjectModel,文件对象模型)上的节点。同时也会解析外部CSS(CascadingStyleSheet,级联样式表)文件以及样式元素中的样式数据,最终将HTML生成的DOM树和css样式相关的样式规则生成呈现树。呈现树是带有可呈现数据的映射到内存中的真正结构,绘制到页面上,也就是通过浏览器看到的页面。但是上述方式由于HTML文档是由网页提供者,也即在服务器端即决定了,那么浏览器侧渲染得到的网页呈现样式也必然被决定,但是对于用户而言,该种被动的方式很难完全契合用户的个性化需求。[0012]现有技术中,Chrome浏览器中提供了页面font和encoding的设置入口,进行字体的大小、类型和页面缩放比例的改变。但是其在呈现引擎的流程中,只是在绘制阶段对字体的绘制进行改变,从而导致其改变字体后的页面结构与原页面结构并没什么区别。并且,其只提供对缺少样式的字体的显示控制,只能对对字体进行设置,扩展性差。【
发明内容】[0013]鉴于上述问题,提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的浏览器中网页的展现装置和相应的浏览器中网页的展现方法。[0014]依据本发明的一个方面,提供了一种浏览器中网页的展现方法,包括:[0015]从服务器中获取当前网页的第一HTML文档;[0016]从指定存储地址获取第一样式文件,根据所述第一样式文件替换第一HTML文档中的级联样式表,获得第二HTML文档;[0017]和/或,从所述第一HTML文档或者第二HTML文档中获得级联样式表进行级联样式解析,生成第一样式规则后:[0018]从指定存储地址获取第一样式文件,遍历第一样式规则以对应第一样式文件的样式规则进行替换,生成第二样式规则;[0019]和/或,根据所述第一HTML文档或者第二HTML文档解析获得DOM树以及第三样式规则,并构建呈现树之前:[0020]从指定存储地址获取第一样式文件,并根据所述第一样式文件构建第一呈现规贝U,对符合呈现条件的DOM树节点以所述第一呈现规则构建呈现树节点;[0021]在获得第二HTML文档后、或获得第二样式规则后、或以所述第一呈现规则构建呈现树节点后再进入后续内核处理流程进行网页展示。[0022]可选的,还包括:[0023]接收用户的自定义样式操作,并根据所述自定义样式操作生成第一样式文件进行存储。[0024]可选的,所述从指定存储地址获取第一样式文件,根据所述第一样式文件替换HTML文档中的级联样式片段,获得第二HTML文档包括:[0025]在从服务器中获取网页的第一HTML文档之后,从指定存储地址获取第一样式文件;[0026]遍历第一HTML文档中的〈style〉标签,和/或link样式,和/或各标签内部的style样式,获取级联样式表;[0027]根据获取的第一样式文件,将第一样式文件中的内容与级联样式表进行匹配,将级联样式表中符合匹配条件的内容以第一样式文件的内容进行替换,获得第二HTML文档。[0028]可选的,所述第一样式文件中的内容与级联样式表进行匹配包括:[0029]匹配级联样式表中各样式所在标签、和/或对应选择器、和/或与选择器对应的属性值。[0030]可选的,所述从所述第一HTML文档或者第二HTML文档中获得级联样式表进行级联样式解析,生成第一样式规则后:[0031]从指定存储地址获取第一样式文件,根据所述第一样式文件,遍历第一样式规则以第一样式进行替换,生成第二样式规则包括:[0032]从所述第一HTML文档或者第二HTML文档中获得级联样式表进行级联样式解析,生成第一样式规则后,从指定存储地址获取第一样式文件;[0033]采用级联样式表解析器解析所述第一样式文件,获得对应第一样式文件的样式规则;[0034]遍历第一样式规则并与对应第一样式文件的样式规则进行匹配,将符合匹配条件的规则以对应第一样式文件的样式规则进行替换。[0035]可选的,所述遍历第一样式规则并与对应第一样式文件的样式规则进行匹配包括:[0036]遍历第一样式规则中的选择器,判断其是否与对应第一样式文件的样式规则的选择器匹配,如果匹配则,将对应该选择器的声明对象进行替换。[0037]可选的,所述根据所述第一HTML文档或者第二HTML文档解析获得DOM树以及第二样式规则,并构建呈现树之前:[0038]从指定存储地址获取第一样式文件,并根据所述第一样式文件构建第一呈现规贝U,对符合呈现条件的DOM树节点以所述第一呈现规则构建呈现树节点包括:[0039]依据第一HTML文档或第二HTML文档,解析生成DOM树;[0040]依据第一HTML文档或第二HTML文档获得第三样式规则,并以第三样式规则生成第二呈现规则;[0041]从指定存储地址获取第一样式文件,解析获得对应第一样式文件的样式规则,并以对应第一样式文件的样式规则构建第一呈现规则;[0042]当以第三呈现规则针对各DOM树节点构建呈现树节点时时,如果所述DOM树节点的类型与第一呈现规则中对应的DOM树节点的类型一致,则利用第一呈现规则构建呈现树节点。[0043]可选的,还包括:[0044]记录第一HTML文档;当浏览器接收到回滚操作后,直接解析第一HTML文档进行展/Jnο[0045]可选的,还包括:[0046]将第一样式文件上传到云端服务器浏览器账户中;当同一浏览器账户使用各终端的浏览器时,将第一样式文件进行同步。[0047]本发明还公开了一种浏览器中网页的展现的装置,包括:[0048]初始文档获取模块,适于从服务器中获取网页的第一HTML文档;[0049]第一调整模块,适于从指定存储地址获取第一样式文件,根据所述第一样式文件替换第一HTML文档中的级联样式表,获得第二HTML文档,再根据所述第二HTML文档转入后续内核解析过程以展现网页;[0050]和/或,第二调整模块,适于从所述第一HTML文档或者第二HTML文档中获得级联样式表进行级联样式解析,生成第一样式规则后:[0051]从指定存储地址获取第一样式文件,遍历第一样式规则以对应第一样式文件的对应第一样式文件的样式规则进行替换,生成第二样式规则;[0052]和/或,第三调整模块,适于根据所述第一HTML文档或者第二HTML文档解析获得DOM树以及第三样式规则,并构建呈现树之前:[0053]从指定存储地址获取第一样式文件,并根据所述第一样式文件构建第一呈现规贝U,对符合呈现条件的DOM树节点以所述第一呈现规则构建呈现树节点;[0054]后续模块,适于在获得第二HTML文档后、或获得第二样式规则后、或以所述第一呈现规则构建呈现树节点后再进入后续内核处理流程进行网页展示。[0055]可选的,还包括:[0056]自定义样式文件生成模块,适于接收用户的自定义样式操作,并根据所述自定义样式操作生成第一样式文件进行存储。[0057]可选的,所述第一调整模块包括:[0058]第一获取模块,适于在从服务器中获取网页的第一HTML文档之后,从指定存储地址获取第一样式文件;[0059]第一遍历模块,适于遍历第一HTML文档中的〈style〉标签,和/或link样式,和/或各标签内部的style样式,获取级联样式表;[0060]样式表替换模块,适于根据获取的第一样式文件,将第一样式文件中的内容与级联样式表进行匹配,将级联样式表中符合匹配条件的内容以第一样式文件的内容进行替换,获得第二HTML文档。[0061]可选的,所述样式表替换模块包括:[0062]第一匹配模块,适于匹配级联样式表中各样式所在标签、和/或对应选择器、和/或与选择器对应的属性值。[0063]可选的,所述第二调整模块包括:[0064]第二获取模块,从所述第一HTML文档或者第二HTML文档中获得级联样式表进行级联样式解析,生成第一样式规则后,从指定存储地址获取第一样式文件;[0065]第二解析模块,适于采用级联样式表解析器解析所述第一样式文件,获得对应第一样式文件的样式规则;[0066]第二替换模块,适于遍历第一样式规则并与对应第一样式文件的样式规则进行匹配,将符合匹配条件的规则以对应第一样式文件的样式规则进行替换。[0067]可选的,所述第二替换模块包括:[0068]第二遍历模块,适于遍历第一样式规则中的选择器,判断其是否与对应第一样式文件的样式规则的选择器匹配,如果匹配则,将对应该选择器的声明对象进行替换。[0069]可选的,所述第三调整模块包括:[0070]第三HTML解析模块,适于依据第一HTML文档或第二HTML文档,解析生成DOM树;[0071]第三样式解析模块,适于依据第一HTML文档或第二HTML文档获得第三样式规则,并以第三样式规则生成第二呈现规则;[0072]第三获取模块,适于从指定存储地址获取第一样式文件,解析获得对应第一样式文件的样式规则,并以对应第一样式文件的样式规则构建第一呈现规则;[0073]第三替换模块,适于当以第二呈现规则针对各DOM树节点构建呈现树节点时,如果所述DOM树节点的类型与第一呈现规则中对应的DOM树节点的类型一致,则利用第一呈现规则构建呈现树节点。[0074]可选的,还包括:[0075]记录模块,适于记录第一HTML文档;[0076]回滚模块,适于当浏览器接收到回滚操作后,直接解析第一HTML文档进行展示。[0077]可选的,还包括:[0078]上次模块,适于将第一样式文件上传到云端服务器浏览器账户中;[0079]同步模块,适于当同一浏览器账户使用各终端的浏览器时,将第一样式文件进行同步。[0080]根据本发明的浏览器中网页的展现方法可以从呈现引擎的不同阶段对HTML文档的解析过程进行改变,由此解决了无法在浏览器侧对页面样式进行多样化的修改、修改方式扩展性差的问题,取得了可以在浏览器侧以更符合用户的个性化需求的方式修改网页样式,使修改操作的可扩展性增强的有益效果。[0081]上述说明仅是本发明技术方案的概述,为了能够更清楚了解本发明的技术手段,而可依照说明书的内容予以实施,并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂,以下特举本发明的【具体实施方式】。【专利附图】【附图说明】[0082]通过阅读下文优选实施方式的详细描述,各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的,而并不认为是对本发明的限制。而且在整个附图中,用相同的参考符号表示相同的部件。在附图中:[0083]图1示出了现有技术的浏览器架构图;[0084]图2示出了浏览器呈现引擎大致原理图;[0085]图3示出了Chrome浏览器呈现引擎的具体原理图;[0086]图4示出了根据本发明一个实施例一的浏览器中网页的展现方法的流程示意图;[0087]图5示出了根据本发明一个实施例二的浏览器中网页的展现方法的流程示意图;[0088]图6示出了根据本发明一个实施例三的浏览器中网页的展现方法的流程示意图;[0089]图7示出了本发明实施例的样式规则的解析示例;[0090]图8示出了根据本发明一个实施例四的浏览器中网页的展现方法的流程示意图;[0091]图9示出了根据本发明一个实施例五的浏览器中网页的展现方法的流程示意图;[0092]图10示出了根据本发明一个实施例六的浏览器中网页的展现装置的结构示意图;[0093]图11示出了根据本发明一个实施例七的浏览器中网页的展现装置的结构示意图;[0094]图12示出了根据本发明一个实施例八的浏览器中网页的展现装置的结构示意图;[0095]图13示出了根据本发明一个实施例九的浏览器中网页的展现装置的结构示意图;[0096]图14示出了根据本发明一个实施例十的浏览器中网页的展现装置的结构示意图。【具体实施方式】[0097]下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例,然而应当理解,可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本公开,并且能够将本公开的范围完整的传达给本领域的技术人员。[0098]本发明实施例以chrome浏览器为例描述对网页样式进行调整和修改的过程。为了使本发明实施例的论述更为清楚,下面结合图2参照图3,先介绍chrome浏览器呈现引擎的解析流程:[0099]获取HTML文档后,通过HTML档获得stylesheets(级联样式表);[0100]然后将HTML文档发往HTMLParser(HTML解析器)解析,获得DOMTree(文档对象模型树);[0101]将stylesheets发往CSSParser(CSS解析器)解析,解析获得StyleRules(样式规则);[0102]然后将DOMTree和StyleRules进行Attachment(附加)方法,生成rendertree(呈现树);在生成程序树过程中进行layout(布局);[0103]布局完的呈现树可进入painting(绘制)阶段,绘制完毕即可进行Display(展示)。[0104]实施例一[0105]参照图4,其示出了本发明实施例的一种浏览器中网页的展现方法的流程示意图,具体可以包括:[0106]步骤102,从服务器中获取当前网页的第一HTML文档;[0107]步骤104,从指定存储地址获取第一样式文件,根据所述第一样式文件替换第一HTML文档中的级联样式表,获得第二HTML文档;[0108]和/或,步骤106,从所述第一HTML文档或者第二HTML文档中获得级联样式表进行级联样式解析,生成第一样式规则后:[0109]从指定存储地址获取第一样式文件,遍历第一样式规则以对应第一样式文件的样式规则进行替换,生成第二样式规则;[0110]和/或,步骤108,根据所述第一HTML文档或者第二HTML文档解析获得DOM树以及第三样式规则,并构建呈现树之前:[0111]从指定存储地址获取第一样式文件,并根据所述第一样式文件构建第一呈现规贝U,对符合呈现条件的DOM树节点以所述第一呈现规则构建呈现树节点;[0112]步骤110,在获得第二HTML文档后、或获得第二样式规则后、或以所述第一呈现规则构建呈现树节点后再进入后续内核处理流程进行网页展示。[0113]本发明可在获取HTML文档之后进入HTMLparser之前对HTML文档中的级联样式表进行替换,即步骤104;[0114]也可在CSSParser将Stylesheets进行解析,获得StyleRules过程中对原始StyleRules进行修改,即步骤106;[0115]也可在将DOMTree和StyleRules进行Attachment,生成RenderTree过程中对RenderTree进行修改,即步骤108。[0116]上述三个步骤,从修改规模上由大到小,修改时间上由前往后,但是精度上却越来越高,扩展和可控性也越来越高级。当然本发明上述三个步骤在本发明中可采用其中一个或者多个。[0117]在本发明实施例中,优选的,还包括:[0118]步骤100,接收用户的自定义样式操作,并根据所述自定义样式操作生成第一样式文件进行存储。[0119]本发明实施例中还会设置Π界面入口,接收用户的个性化样式选择,用户通过这个界面来编辑属于自己的样式——这些样式不仅限制于字体,也包括其他元素控件,比如table的样式,div的样式,tr的样式等等。在接收到用户输入的样式后,生成第一样式文件在指定目录进行存储,比如以xml或者css样式表的形式存放。[0120]那么本申请在用户通过Π界面入口设置了自定义样式,浏览器侧生成了第一样式文件后,本发明则可进行修改流程。[0121]另外,优选的,还包括:[0122]步骤A110,记录第一HTML文档;当浏览器接收到回滚操作后,直接解析第一HTML文档进行展示。[0123]即浏览器在展示个性化页面后,用户可以选择查看原始页面的样式,那么只需点击回滚按钮,浏览器则可执行回滚操作,直接解析第一HTML文档进行展示,不再进行修改。[0124]另外,优选的,还包括:[0125]步骤A112,将第一样式文件上传到云端服务器浏览器账户中;当同一浏览器账户使用各终端的浏览器时,将第一样式文件进行同步。[0126]本发明可本发明可在一定程度上在不改变网页设置的情况下,将样式设计权限交给用户,使用户可以按照自己的偏好设置字体和各种控件的样式,使网页的展示更符合用户个性化需求;另外,以文件为存储格式的方式更适合扩展和维护。另外,还可以将数据存储到数据库中,这样不但可以记录下用户的配置历史信息,进行回滚等操作,还可以直接将配置和个人账户一起进行同步。[0127]实施例二[0128]参照图5,其示出了本发明一种浏览器中网页的展现方法的流程示意图,具体可以包括:[0129]步骤202,从服务器中获取当前网页的第一HTML文档。[0130]用户在用户界面的访问某一链接后,浏览器引擎将链接发送给呈现引擎,呈现引擎则组装请求,通过网络获取相应服务器的HTML文档。[0131]步骤204,从指定存储地址获取第一样式文件,根据所述第一样式文件替换第一HTML文档中的级联样式表,获得第二HTML文档,再根据第二HTML文档转入后续内核解析过程以展现网页。[0132]该步骤的逻辑大致为:将传统的“获取第一HTML文档_>解析第一HTML”流程改为:“获取第一HTML-〉获取第一样式文件_>第一样式文件中样式规则替换HTML样式规则_>解析新的第二HTML文档”。[0133]优选的,所述从指定存储地址获取第一样式文件,根据所述第一样式文件替换HTML文档中的级联样式片段,获得第二HTML文档包括:[0134]步骤A10,在从服务器中获取网页的第一HTML文档之后,从指定存储地址获取第一样式文件;[0135]步骤A12,遍历第一HTML文档中的〈style〉标签,和/或link样式,和/或各标签内部的style样式,获取级联样式表;[0136]在服务器发送的HTML文档中,其自身本来即存在样式规则,HTML中有3种样式标记方式:[0137]1、内嵌样式(InlineStyle)[0138]InlineStyle是写在Tag里面的。内嵌样式只对所在的Tag有效。[0139]〈Pstyle=〃font_size:20pt;color:red〃>这个Style定义〈/p>里面的文字是20pt字体,字体颜色是红色。</p>[0140]2、内部样式表(InternalStyleSheet)[0141]内部样式表是写在HTML的〈headX/head〉里面的。内部样式表只对所在的网页有效。[0142]3、外部样式表(ExternalStyleSheet)[0143]将样式(Styles)写在一个以.css为后缀的CSS文件里,然后在每个需要用到这些样式(Styles)的网页里引用这个CSS文件。[0144]那么对于该种方式则先获取CSS文件。[0145]步骤A14,根据获取的第一样式文件,将第一样式文件中的内容与级联样式表进行匹配,将级联样式表中符合匹配条件的内容以第一样式文件的内容进行替换,获得第二HTML文档。[0146]在替换时,可以根据HTML语言的编辑规则,css的语法规则,将第一样式文件中的样式对象与HTML文档中样式对象匹配(比如匹配标签、匹配css语法规则中的选择器等);如果匹配上,则将样式规则进行替换。在本发明实施例中可以只以第一样式文件中的样式替换第一HTML文档中需要替换的级联样式表,比如替换对文字的更改,或者替换背景、或者替换div的样式、tr的样式等。[0147]优选的,所述第一样式文件中的内容与级联样式表进行匹配包括:[0148]步骤A16,匹配级联样式表中各样式所在标签、和/或对应选择器、和/或与选择器对应的属性值。[0149]比如如果要替换背景,则匹配body标签,然后将对应body标签的样式替换为第一文件中针对body标签的样式。[0150]在css语法规则中,CSS规则由两个主要的部分构成:选择器,以及一条或多条声明;每条声明由一个属性(比如颜色、大小)和一个值(比如具体什么颜色、具体多大)组成。选择器一般规定某一种类型dom节点的呈现样式,那么如果要替换某一类型的dom节点,则可匹配选择器、和/或匹配对应的属性值即可。[0151]步骤206,在获得第二HTML文档后,再进入后续内核处理流程进行网页展示。[0152]替换后,则将原始的第一HTML文档变为了新的第二HTML文档,然后可再进入后续的呈现引擎处理过程。[0153]另外,优选的,还包括:[0154]步骤A110,记录第一HTML文档;当浏览器接收到回滚操作后,直接解析第一HTML文档进行展示。[0155]即浏览器在展示个性化页面后,用户可以选择查看原始页面的样式,那么只需点击回滚按钮,浏览器则可执行回滚操作,直接解析第一HTML文档进行展示,不再进行修改。[0156]另外,优选的,还包括:[0157]步骤A112,将第一样式文件上传到云端服务器浏览器账户中;当同一浏览器账户使用各终端的浏览器时,将第一样式文件进行同步。[0158]本实施例可在获取HTML文档后,对HTML文档中的样式文件进行替换,可以在浏览器侧以更符合用户的个性化需求的方式修改网页样式,使修改操作的可扩展性增强。[0159]实施例三[0160]参照图6,其示出了本发明一种浏览器中网页的展现方法的流程示意图,具体可以包括:[0161]步骤302,从服务器中获取当前网页的第一HTML文档;[0162]步骤304,从所述第一HTML文档获得级联样式表进行级联样式解析,生成第一样式规则后:[0163]从指定存储地址获取第一样式文件,遍历第一样式规则以对应第一样式文件的样式规则进行替换,生成第二样式规则;[0164]该步骤的逻辑大致为:将传统的“解析css-〉生成第一样式规则”[0165]改为:“解析css_>生成第一样式规则_>获取第一样式文件_>遍历第一样式规则以第一样式文件的样式规则进行替换_>生成第二样式规则”;然后将第二样式规则放入后续attachment操作中。[0166]优选的,所述从所述第一HTML文档中获得级联样式表进行级联样式解析,生成第一样式规则后:[0167]从指定存储地址获取第一样式文件,根据所述第一样式文件,遍历第一样式规则以第一样式进行替换,生成第二样式规则,再根据所述第二样式规则转入后续内核解析过程以展现网页,包括:[0168]步骤B10,从所述第一HTML文档中获得级联样式表进行级联样式解析,生成第一样式规则后,从指定存储地址获取第一样式文件;[0169]步骤B12,采用级联样式表解析器解析所述第一样式文件,获得对应第一样式文件的样式规则;[0170]由于本发明实施例中,是以第一样式文件进行存储的,即以css文件或者xml文件进行存储的,那么在获取了第一样式文件后,呈现引擎要进行样式替换,也需采用级联样式表解析器所述第一样式文件,然后才能获得对应第一样式文件的样式规则。[0171]步骤B14,遍历第一样式规则并与对应第一样式文件的样式规则进行匹配,将符合匹配条件的规则以对应第一样式文件的样式规则进行替换。[0172]如图6,其示出了一种CSS样式解析的示例:[0173]对于样式:[0174]【权利要求】1.一种浏览器中网页的展现方法,包括:从服务器中获取当前网页的第一HTML文档;从指定存储地址获取第一样式文件,根据所述第一样式文件替换第一HTML文档中的级联样式表,获得第二HTML文档;和/或,从所述第一HTML文档或者第二HTML文档中获得级联样式表进行级联样式解析,生成第一样式规则后:从指定存储地址获取第一样式文件,遍历第一样式规则以对应第一样式文件的样式规则进行替换,生成第二样式规则;和/或,根据所述第一HTML文档或者第二HTML文档解析获得DOM树以及第三样式规贝U,并构建呈现树之前:从指定存储地址获取第一样式文件,并根据所述第一样式文件构建第一呈现规则,对符合呈现条件的DOM树节点以所述第一呈现规则构建呈现树节点;在获得第二HTML文档后、或获得第二样式规则后、或以所述第一呈现规则构建呈现树节点后再进入后续内核处理流程进行网页展示。2.如权利要求1所述的方法,其特征在于,还包括:接收用户的自定义样式操作,并根据所述自定义样式操作生成第一样式文件进行存储。3.如权利要求1所述的方法,其特征在于,所述从指定存储地址获取第一样式文件,根据所述第一样式文件替换HTML文档中的级联样式片段,获得第二HTML文档包括:在从服务器中获取网页的第一HTML文档之后,从指定存储地址获取第一样式文件;遍历第一HTML文档中的〈style〉标签,和/或link样式,和/或各标签内部的style样式,获取级联样式表;根据获取的第一样式文件,将第一样式文件中的内容与级联样式表进行匹配,将级联样式表中符合匹配条件的内容以第一样式文件的内容进行替换,获得第二HTML文档。4.如权利要求3所述的方法,其特征在于,所述第一样式文件中的内容与级联样式表进行匹配包括:匹配级联样式表中各样式所在标签、和/或对应选择器、和/或与选择器对应的属性值。5.如权利要求1所述的方法,其特征在于,所述从所述第一HTML文档或者第二HTML文档中获得级联样式表进行级联样式解析,生成第一样式规则后:从指定存储地址获取第一样式文件,根据所述第一样式文件,遍历第一样式规则以第一样式进行替换,生成第二样式规则包括:从所述第一HTML文档或者第二HTML文档中获得级联样式表进行级联样式解析,生成第一样式规则后,从指定存储地址获取第一样式文件;采用级联样式表解析器解析所述第一样式文件,获得对应第一样式文件的样式规则;遍历第一样式规则并与对应第一样式文件的样式规则进行匹配,将符合匹配条件的规则以对应第一样式文件的样式规则进行替换。6.如权利要求5所述的方法,其特征在于,所述遍历第一样式规则并与对应第一样式文件的样式规则进行匹配包括:遍历第一样式规则中的选择器,判断其是否与对应第一样式文件的样式规则的选择器匹配,如果匹配则,将对应该选择器的声明对象进行替换。7.如权利要求1所述的方法,其特征在于,所述根据所述第一HTML文档或者第二HTML文档解析获得DOM树以及第二样式规则,并构建呈现树之前:从指定存储地址获取第一样式文件,并根据所述第一样式文件构建第一呈现规则,对符合呈现条件的DOM树节点以所述第一呈现规则构建呈现树节点包括:依据第一HTML文档或第二HTML文档,解析生成DOM树;依据第一HTML文档或第二HTML文档获得第三样式规则,并以第三样式规则生成第二呈现规则;从指定存储地址获取第一样式文件,解析获得对应第一样式文件的样式规则,并以对应第一样式文件的样式规则构建第一呈现规则;当以第三呈现规则针对各DOM树节点构建呈现树节点时时,如果所述DOM树节点的类型与第一呈现规则中对应的DOM树节点的类型一致,则利用第一呈现规则构建呈现树节点。8.如权利要求1所述的方法,其特征在于,还包括:记录第一HTML文档;当浏览器接收到回滚操作后,直接解析第一HTML文档进行展示。9.如权利要求1所述的方法,其特征在于,还包括:将第一样式文件上传到云端服务器浏览器账户中;当同一浏览器账户使用各终端的浏览器时,将第一样式文件进行同步`。10.一种浏览器中网页的展现的装置,包括:初始文档获取模块,适于从服务器中获取网页的第一HTML文档;第一调整模块,适于从指定存储地址获取第一样式文件,根据所述第一样式文件替换第一HTML文档中的级联样式表,获得第二HTML文档,再根据所述第二HTML文档转入后续内核解析过程以展现网页;和/或,第二调整模块,适于从所述第一HTML文档或者第二HTML文档中获得级联样式表进行级联样式解析,生成第一样式规则后:从指定存储地址获取第一样式文件,遍历第一样式规则以对应第一样式文件的对应第一样式文件的样式规则进行替换,生成第二样式规则;和/或,第三调整模块,适于根据所述第一HTML文档或者第二HTML文档解析获得DOM树以及第三样式规则,并构建呈现树之前:从指定存储地址获取第一样式文件,并根据所述第一样式文件构建第一呈现规则,对符合呈现条件的DOM树节点以所述第一呈现规则构建呈现树节点;后续模块,适于在获得第二HTML文档后、或获得第二样式规则后、或以所述第一呈现规则构建呈现树节点后再进入后续内核处理流程进行网页展示。【文档编号】G06F17/30GK103593414SQ201310522757【公开日】2014年2月19日申请日期:2013年10月29日优先权日:2013年10月29日【发明者】张毅,任寰申请人:北京奇虎科技有限公司,奇智软件(北京)有限公司
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1