[发明专利]一种基于插件的浏览器渲染方法及系统

说明书

技术领域

本发明涉及计算机应用技术领域，具体涉及一种基于插件的浏览器渲染方法及系统。

背景技术

在任何一个项目中弹框不可缺少，页面警告、友好提示、各种协议、页面加载慢时有缓解的动画等等弹框随处可见。如果每个类型的都写一个弹框也要10多种。同一个类型重复复制，不但增加了工作量而且代码、demo结构、css文件的多处复制给项目造成很多的代码冗余。

发明内容

本发明所要解决的技术问题是提供一种基于插件的浏览器渲染方法及系统，能够解决为每种类型均编写一个弹框而造成的代码冗余的问题。

本发明解决上述技术问题的技术方案如下：

一方面，本发明提供了一种基于插件的浏览器渲染方法，所述方法包括：

S1、在浏览器页面调用插件时，接收浏览器页面传入所述插件的参数信息；

S2、提取所述参数信息中的type值，根据所述type值确定对应的弹框类型，并生成对应弹框类型的demo结构；

S3、根据所述参数信息中的数据信息，对所述弹框类型的demo结构中添加数据信息，并将添加有数据信息的demo结构传递给浏览器；

S4、浏览器根据所述添加有数据信息的demo结构进行对应的弹框的渲染，并将渲染后的弹框在浏览器页面进行展示。

另一方面，本发明提供了一种基于插件的浏览器渲染系统，所述系统包括插件和浏览器；

所述插件包括：

参数信息接收模块，用于在浏览器页面调用插件时，接收浏览器页面传入插件的参数信息；

提取模块，用于提取所述参数信息中的type值；

弹框类型确定模块，用于根据所述type值确定对应的弹框类型；

demo结构生成模块，用于生成对应弹框类型的demo结构；

数据添加模块，用于根据所述参数信息中的数据信息，向所述弹框类型的demo结构中添加数据信息；

传递模块，用于将添加有数据信息的demo结构传递给浏览器；

所述浏览器包括：

渲染模块，用于根据所述添加有数据信息的demo结构进行对应弹框的渲染；

弹框展示模块，用于将渲染后的弹框在浏览器页面进行展示。

本发明提供的一种基于插件的浏览器渲染方法及系统，针对不同的应用项目，浏览器页面只需要调用插件并向插件传入参数信息，插件可根据浏览器页面传入的参数信息生成对应类型弹框的demo结构并向demo结构中添加参数信息中的数据信息，浏览器根据添加有数据信息的demo结构进行对应弹框的渲染，针对不同的应用项目，可通过插件实现不同类型的弹框，而不需要为每种类型编写一个弹框，解决了代码冗余，节省了开发人员的工作量。

附图说明

图1为本发明实施例一的一种基于插件的浏览器渲染方法流程图；

图2为本发明实施例一的一种基于插件的浏览器渲染的整个工作流程图；

图3为本发明实施例一中弹框为确认框示意图；

图4为本发明实施例一中弹框为提示框示意图；

图5为本发明实施例一中弹框为协议内容弹框示意图；

图6为本发明实施例二的一种基于插件的浏览器渲染系统示意图。

具体实施方式

以下结合附图对本发明的原理和特征进行描述，所举实例只用于解释本发明，并非用于限定本发明的范围。

实施例一、一种基于插件的浏览器渲染方法。下面结合图1-图5对本实施例提供的方法进行详细描述。

图1中，S1、在浏览器页面调用插件时，接收浏览器页面传入所述插件的参数信息。