CN104298494A - 一种基于js框架的浏览方法及浏览装置 - Google Patents

Abstract

本发明公开了一种基于Javascript框架的浏览方法，包括：运行Javascript框架，所述Javascript框架管理多标签页面之间的交互通信及非浏览器模块与服务器之间的交互通信；接收第一操作指令，所述Javascript框架根据所述第一操作指令调用浏览器访问相应页面；本发明还公开了一种基于Javascript框架的浏览装置，所述浏览装置既包括：运行模块，用于运行Javascript框架，所述Javascript框架管理多标签页面之间的交互通信及非浏览器模块与服务器之间的交互通信；接收模块，用于接收第一操作指令，所述Javascript框架根据所述第一操作指令调用浏览器访问相应页面。本发明采用以上浏览方式及浏览装置能有效的在Javascript框架上实现浏览器的基本功能，并控制浏览器页面之间的交互通信，更方便用户控制浏览器的Web页面。

Description

一种基于JS框架的浏览方法及浏览装置

技术领域

本发明涉及浏览器技术领域，尤其涉及一种基于JS框架的浏览方法及浏览装置。

背景技术

JS（英文全称，Javascript）是广泛应用在Web页面开发中的一种脚本语言，标准的Javascript可以运行在所有主流的浏览器中（Javascript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言）。基于Javascript写一个框架，将浏览器的浏览页面功能基于此框架来行，可以方便浏览器多页面之前消息的传递，及前端页面的管理。

目前，企业Web应用***中实现跨浏览器Javascirpt调试***及方法，比如申请公布号：CN 101719093A，申请公布日期：2010.06.02的发明专利，该发明中涉及一种企业Web应用***中实现跨浏览器Javascript调试***，包括图形化Javascript调试平台和跨浏览器Javascript调试框架。企业Web应用***中实现跨浏览器Javascirpt调试***及方法提出用Javascript做一个框架实现调试Web页面的执行，利用远程的HTTP服务器模块与浏览器、Web应用服务器及本地文件***通信。通过调试服务器达到接收器的同步Ajax请求，将调试信息发送给浏览器运行的调试代码。但是，上述技术其缺点一在于，同步Ajax请求会阻塞浏览器的线程，会导致浏览器运行速度变慢，影响用户的体验；其缺点二在于，该方法用Javascript实现调试当前运行的Web页面的运行情况，但没有涉及到如何实现通过Javascript框架来控制浏览器多页面之间的交互。另外，对于前端的页面如百度，用户希望在该页面中用简单的方式提示用户更多的信息，例如在运行浏览器设备中的其它模块有提示用户的信息希望方便的传达给正在浏览百度的用户。

发明内容

为了解决如何控制浏览器页面之间的交互通信及非浏览器模块与服务器之间的交互通信，更方便用户控制浏览器的Web页面的技术问题，本发明提供如下技术方案。

本发明提供一种基于Javascript框架的浏览方法，包括：

运行Javascript框架，所述Javascript框架管理多标签页面之间的交互通信及非浏览器模块与服务器之间的交互通信；

接收第一操作指令，所述Javascript框架根据所述第一操作指令调用浏览器访问相应页面。

 优选的，所述接收第一操作指令，所述Javascript框架根据所述第一操作指令调用浏览器访问相应页面的步骤具体为：

       接收访问网址URL指令信息，所述Javascript框架根据所述访问网址URL指令信息调用浏览器访问相应页面。

 优选的，所述Javascript框架管理多标签页面之间的交互通信步骤具体包括：

       扩展Javascript接口，根据接收指令调用浏览器新建N个页面，并标识页面1、页面2……页面N-1、页面N；

       根据页面1、页面2……页面N-1、页面N与扩展Javascript接口的识别信息，所述Javascript框架分发消息到指定的页面上。

优选的，所述Javascript框架管理非浏览器模块与服务器之间的交互通信的步骤具体包括：

扩展Javascript接口，接收非浏览器模块发送的消息指令；

根据所述消息指令类型，在用户正在访问的任何页面给予提示。

优选的，所述浏览方法进一步包括：封装Javascript框架下的Javascript扩展方法。

为了解决本发明的技术问题，本发明还提供一种基于Javascript框架的浏览装置，所述浏览装置既包括：

运行模块，用于运行Javascript框架，所述Javascript框架管理多标签页面之间的交互通信及非浏览器模块与服务器之间的交互通信；

接收模块，用于接收第一操作指令，所述Javascript框架根据所述第一操作指令调用浏览器访问相应页面。

优选的，所述浏览装置进一步包括：

第一扩展模块，用于扩展Javascript接口，根据接收指令调用浏览器新建N个页面，并标识页面1、页面2……页面N-1、页面N；

第一信息交互模块，用于根据页面1、页面2……页面N-1、页面N与扩展Javascript接口的识别信息，所述Javascript框架分发消息到指定的页面上。

优选的，所述浏览装置进一步包括：

第二扩展模块，用于扩展Javascript接口，接收非浏览器模块发送的消息指令；

第二信息交互模块，用于根据所述消息指令类型，在用户正在访问的任何页面给予提示。

优选的，所述浏览装置进一步还包括：

封装模块，用于封装Javascript框架下的Javascript扩展方法。

本发明通过运行Javascript框架，所述Javascript框架管理多标签页面之间的交互通信及非浏览器模块与服务器之间的交互通信；接收第一操作指令，所述Javascript框架根据所述第一操作指令调用浏览器访问相应页面的技术手段，有效的在Javascript框架上实现浏览器的基本功能，并控制浏览器页面之间的交互通信，更方便用户控制浏览器的Web页面的技术问题。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。

图1是本发明实施例的一种基于Javascript框架的浏览方法的第一示意图；

图2是本发明实施例的一种基于Javascript框架的浏览方法的第二示意图；

图3是本发明实施例的一种基于Javascript框架的多页面信息交互的示意图；

图4是本发明实施例的一种基于Javascript框架的非浏览器与服务器信息交互的示意图；

图5是本发明实施例的一种基于Javascript框架的浏览装置的一示意图；

图6是本发明实施例的一种基于Javascript框架的浏览装置的二示意图。

具体实施方式

为了使本发明所要解决的技术问题、技术方案及有益效果更加清楚明白，以下结合附图及实施例，对本发明进行进一步详细说明。

请参考图1，图1是本发明的一种基于Javascript框架的浏览方法的示意图。

在本实施例中，主要包括如下步骤：

步骤S101，运行Javascript框架，所述Javascript框架管理多标签页面之间的交互通信及非浏览器模块与服务器之间的交互通信。

 具体的，用Javascript实现一个框架，在浏览器运行起来时先运行此框架，但对用户而言，浏览器的主界面是一样的。用户在输入网址URL（URL，Uniform Resource Locator，统一资源定位符）时，先交由Javascript框架处理，由其调用浏览器的打开网址URL页面。

步骤S102，接收第一操作指令，所述Javascript框架根据所述第一操作指令调用浏览器访问相应页面。

具体的，所述接收第一操作指令，所述Javascript框架根据所述第一操作指令调用浏览器访问相应页面的步骤具体为：接收访问网址URL指令信息，所述Javascript框架根据所述访问网址URL指令信息调用浏览器访问相应页面。

 详细的，增加了Javascript框架后，浏览器仍旧能够实现正常浏览页面及操作页面的过程。具体的，请参考图2，图2是本发明实施例的一种基于Javascript框架的浏览方法的二示意图。

步骤S1021，运行浏览器,启动Javascript框架；

步骤S1022，用户输入网址URL；

步骤S1023，Javacript框架接收到网址URL后，调用浏览器打开网址URL指向的页面；

步骤S1024，接收用户使用鼠标及键盘操作输入的指令信息；

步骤S1025，浏览器将所述的操作指令信息发送给Javascript框架；

步骤S1026，判断，是否存在多页面；

步骤S1027，如果存在多页面，则Javascript框架则将上述打开网址页面的操作指令信息发送给当前处于焦点的页面，当前处于焦点的页面正常使用浏览器浏览页面及操作页面，直至整个操作流程结束；

步骤S1028，如果不存在多页面，则Javascript框架直接发送给当前页面；

步骤S1029，页面处理相应的消息，直至整个操作流程结束。

上面的图2展示了，在增加了Javascript框架后，浏览器仍旧能否实现浏览页面及正常操作页面的功能，不妨碍正常浏览功能。

请参阅图3，图3是本发明实施例的一种基于Javascript框架的多页面信息交互的示意图；

具体的，所述Javascript框架管理多标签页面之间的交互通信步骤具体包括：

步骤S201，运行浏览器,启动Javascript框架；

步骤S202，扩展Javascript接口，根据接收指令调用浏览器新建N个页面，并标识页面1、页面2……页面N-1、页面N；

具体的，所述扩展Javascript接口，根据接收指令调用浏览器新建N个页面，并标识页面1、页面2……页面N-1、页面N的步骤进一步包括：扩展Javascript接口，根据接收指令调用浏览器新建N个页面，进一步标识页面1、页面2……页面N-1、页面N的网址URL信息。

步骤S203，根据页面1、页面2……页面N－1、页面N与扩展Javascript接口的识别信息，所述Javascript框架分发消息到指定的页面。

综上，Javascript框架中需要扩展Javascript接口，用于管理浏览器的多页面，即浏览器将多页面的信息用扩展的Javascript接口与此框架进行通信，包括页面的名称，页面当前打开的网址URL等信息。在页面1与页面2间通过框架中的扩展接口识别后，由框架分发消息到指定的页面上，这样不管是由哪一个页面发出来的消息都可以方便的发送到指定的页面中。

请参阅图4，图4是本发明实施例的一种基于Javascript框架的多页面信息交互的示意图；

具体的，所述Javascript框架管理非浏览器模块与服务器之间的交互通信的步骤具体包括：

步骤S301，运行浏览器,启动Javascript框架；

步骤S302，扩展Javascript接口，接收非浏览器模块发送的消息指令；

步骤S303，根据所述消息指令类型，在用户正在访问的任何页面给予提示。

综上，用户在定制浏览器时在框架中增加需要处理的消息。其它的非浏览器模块中，如果有消息需要给用户提示时，直接向浏览器发送消息。消息发送到Javascript框架后，Javascrip框架可以根据消息的类型做相应的处理，如提示用户定制的业务时间已到，该框架可以在用户访问的任何页面中给予提示，解决在访问前端无法控制的页面中需要有提示信息的需求。用Javascrip框架处理的好处是，用户此时正在浏览页面，直接在浏览器状态做下提示相关信息不影响其它的进程，并且用Javascript消息的方式提示开发非常方便，快捷。

优选的，所述浏览方法，进一步还包括：封装Javascript框架下的Javascript扩展方法。浏览器直接运行于此Javascript框架上，而不需要增加浏览器对Javascript扩展方法的引用。

请参阅图5，图5是本发明实施例的一种基于Javascript框架的浏览装置的一示意图；

一种基于Javascript框架的浏览装置，所述浏览装置1包括：运行模块11，用于运行Javascript框架，所述Javascript框架管理多标签页面之间的交互通信及非浏览器模块与服务器之间的交互通信；接收模块12，用于接收第一操作指令，所述Javascript框架根据所述第一操作指令调用浏览器访问相应页面。具体的，用Javascript实现一个框架，在浏览器运行起来时先运行此框架，但对用户而言，浏览器的主界面是一样的。用户在输入网址URL时，先交由Javascript框架处理，由其调用浏览器的打开网址URL页面。

优选的，所述浏览装置1进一步包括：第一扩展模块13，用于扩展Javascript接口，根据接收指令调用浏览器新建N个页面，并标识页面1、页面2……页面N-1、页面N；第一信息交互模块14，用于根据页面1、页面2……页面N-1、页面N与扩展Javascript接口的识别信息，所述Javascript框架分发消息到指定的页面上。具体的，Javascript框架中需要扩展Javascript接口，用于管理浏览器的多页面，即浏览器将多页面的信息用扩展的Javascrip接口与此框架进行通信，包括页面的名称，页面当前打开的网址URL等信息。在页面1与页面2间通过框架中的扩展接口识别后，由框架分发消息到指定的页面上，这样不管是由哪一个页面发出来的消息都可以方便的发送到指定的页面中

优选的，所述浏览装置1进一步包括：封装模块17，用于封装Javascript框架下的Javascript扩展方法。

请参阅图6，图6是本发明实施例的一种基于Javascript框架的浏览装置的二示意图；

一种基于Javascript框架的浏览装置，所述浏览装置1包括：运行模块11，用于运行Javascript框架，所述Javascript框架管理多标签页面之间的交互通信及非浏览器模块与服务器之间的交互通信；接收模块12，用于接收第一操作指令，所述Javascript框架根据所述第一操作指令调用浏览器访问相应页面。具体的，用Javascript实现一个框架，在浏览器运行起来时先运行此框架，但对用户而言，浏览器的主界面是一样的。用户在输入网址URL时，先交由Javascript框架处理，由其调用浏览器的打开网址URL页面。

优选的，所述浏览装置1进一步包括：第二扩展模块15，用于扩展Javascript接口，接收非浏览器模块发送的消息指令；第二信息交互模块16，用于根据所述消息指令类型，在用户正在访问的任何页面给予提示。具体的，用户在定制浏览器时在框架中增加需要处理的消息。其它的非浏览器模块中，如果有消息需要给用户提示时，直接向浏览器发送消息。消息发送到Javascript框架后，Javascrip框架可以根据消息的类型做相应的处理，如提示用户定制的业务时间已到，该框架可以在用户访问的任何页面中给予提示，解决在访问前端无法控制的页面中需要有提示信息的需求。用Javascrip框架处理的好处是，用户此时正在浏览页面，直接在浏览器状态做下提示相关信息不影响其它的进程，并且用Javascript消息的方式提示开发非常方便，快捷。

优选的，所述浏览装置1进一步包括：封装模块17，用于封装Javascript框架下的Javascript扩展方法。

以上所揭露的仅为本发明实施例中的较佳实施例而已，当然不能以此来限定本发明之权利范围，因此依本发明权利要求所作的等同变化，仍属本发明所涵盖的范围。

Claims (10)

1. 一种基于Javascript框架的浏览方法，其特征在于，包括：

运行Javascript框架，所述Javascript框架管理多标签页面之间的交互通信及非浏览器模块与服务器之间的交互通信；

接收第一操作指令，所述Javascript框架根据所述第一操作指令调用浏览器访问相应页面。

2. 如权利要求1所述的浏览方法，其特征在于，所述接收第一操作指令，所述Javascript框架根据所述第一操作指令调用浏览器访问相应页面的步骤具体为：

       接收访问网址URL指令信息，所述Javascript框架根据所述访问网址URL指令信息调用浏览器访问相应页面。

3. 如权利要求1或2所述的浏览方法，其特征在于，所述Javascript框架管理多标签页面之间的交互通信步骤具体包括：

扩展Javascript接口，根据接收指令调用浏览器新建N个页面，并标识页面1、页面2……页面N-1、页面N；

根据页面1、页面2……页面N－1、页面N与扩展Javascript接口的识别信息，所述Javascript框架分发消息到指定的页面上。

4.  如权利要求3所述的浏览方法，体特征在于：所述扩展Javascript接口，根据接收指令调用浏览器新建N个页面，并标识页面1、页面2……页面N-1，页面N的步骤进一步包括：

扩展Javascript接口，根据接收指令调用浏览器新建N个页面，进一步标识页面1、页面2……页面N-1，页面N的网址URL信息。

5. 如权利要求1或2所述的浏览方法，其特征在于，所述Javascript框架管理非浏览器模块与服务器之间的交互通信的步骤具体包括：

扩展Javascript接口，接收非浏览器模块发送的消息指令；

根据所述消息指令类型，在用户正在访问的任何页面给予提示。

6. 如权利要求1所述的浏览方法，其特征在于，还包括：

封装Javascript框架下的Javascript扩展方法。

7. 一种基于Javascript框架的浏览装置，其特征在于，所述浏览装置既包括：

运行模块，用于运行Javascript框架，所述Javascript框架管理多标签页面之间的交互通信及非浏览器模块与服务器之间的交互通信；

接收模块，用于接收第一操作指令，所述Javascript框架根据所述第一操作指令调用浏览器访问相应页面。

8. 如权利要求7所述的浏览装置，其特征在于，所述浏览装置进一步包括：

第一扩展模块，用于扩展Javascript接口，根据接收指令调用浏览器新建N个页面，并标识页面1、页面2……页面N-1，页面N；

第一信息交互模块，用于根据页面1、页面2……页面N-1，页面N与扩展Javascript接口的识别信息，所述Javascript框架分发消息到指定的页面上。

9. 如权利要求7所述的浏览装置，其特征在于，所述浏览装置进一步包括：

第二扩展模块，用于扩展Javascript接口，接收非浏览器模块发送的消息指令；

第二信息交互模块，用于根据所述消息指令类型，在用户正在访问的任何页面给予提示。

10. 如权利要求7所述的浏览装置，其特征在于：

封装模块，用于封装Javascript框架下的Javascript扩展方法。