网页本地存储空间扩容方法、浏览器客户端及电子设备与流程

本发明涉及网页本地存储空间管理技术领域，具体而言，涉及一种网页本地存储空间扩容方法、浏览器客户端及电子设备。

背景技术：

随着电子阅读的崛起，使用电子设备(比如，手机、平板电脑等)阅读各种网络内容(如新闻、小说等)的用户也是越来越多。在现有技术中，通过电子设备进行阅读的方式可以分为通过下载阅读软件进行阅读，和通过网页端直接搜索相关内容进行阅读。其中，通过网页端进行阅读相对于通过阅读软件进行阅读具有门槛低、普及率广、操作简单等特点。然而，网页端的阅读也存在着本地存储空间上限较小(比如，5M)，在无法进行上网及阅读文本容量较大时，会因网页端的存储空间有限而导致用户在离线状态下无法继续阅读，严重影响用户对网页端阅读的使用体验。

技术实现要素：

有鉴于此，本发明实施例的目的在于提供一种网页本地存储空间扩容方法，应用于相互之间通信连接的浏览器客户端与服务器，所述方法包括：

所述服务器针对目标网页创建至少一个网站；

所述浏览器客户端生成至少一个嵌入式框架；

将每个嵌入式框架的来源指向所述至少一个网站的其中之一；及

将所述至少一个嵌入式框架添加到所述目标网页中。

本发明另一较佳实施例还提供一种网页本地存储空间扩容方法，应用于与服务器通信连接的浏览器客户端，所述方法包括：

生成至少一个嵌入式框架；

将每个嵌入式框架的来源指向由所述服务器针对所述目标网页创建的至少一个网站的其中之一；及

将所述至少一个嵌入式框架添加到所述目标网页中。

本发明另一较佳实施例还提供一种浏览器客户端，所述浏览器客户端包括：

生成模块，用于生成至少一个嵌入式框架；

来源指向模块，用于将每个嵌入式框架的来源指向由服务器针对所述目标网页创建的至少一个网站的其中之一；及

添加模块，用于将所述至少一个嵌入式框架添加到所述目标网页中。

本发明另一较佳实施例还提供一种电子设备，包括存储器、处理器以及运行于所述电子设备上的浏览器客户端。所述浏览器客户端安装或存储于所述存储器由所述处理器控制浏览器客户端各功能模块的执行。

与现有技术相比，本发明实施例提供的网页本地存储空间扩容方法、浏览器客户端及电子设备，通过在所述浏览器客户端的目标网页中内嵌上嵌入式框架，来扩充所述目标网页的本地存储空间，突破了浏览器客户端为每个网页分配本地存储空间的上限，很好的解决了网页本地存储空间限制的问题。有助于提升用户的使用体验，吸引用户在网页端进行电子阅读。

为使本发明的上述目的、特征和优点能更明显易懂，下文特举较佳实施例，并配合所附附图，作详细说明如下。

附图说明

为了更清楚地说明本发明实施例的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，应当理解，以下附图仅示出了本发明的某些实施例，因此不应被看作是对范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图。

图1是本发明较佳实施例提供的服务器与至少一电子设备进行通信的交互示意图。

图2是图1所示的电子设备的方框示意图。

图3是本发明第一实施例提供的一种网页本地存储空间扩容方法的具体流程图。

图4是图3中步骤S111包括的子步骤流程示意图。

图5是本发明第一实施例提供的另一种网页本地存储空间扩容方法的具体流程图。

图6是本发明第二实施例提供的一种网页本地存储空间扩容方法的具体流程图。

图7是本发明第二实施例提供的另一种网页本地存储空间扩容方法的具体流程图。

图8是本发明第三实施例提供的图1及图2中所示浏览器客户端的功能模块框图。

图标：100-电子设备；200-服务器；300-网络；110-浏览器客户端；111-存储器；112-存储控制器；113-处理器；114-通信单元；1101-生成模块；1102-来源指向模块；1103-添加模块；1104-存储模块；1105-发送模块。

具体实施方式

下面将结合本发明实施例中附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。通常在此处附图中描述和示出的本发明实施例的组件可以以各种不同的配置来布置和设计。因此，以下对在附图中提供的本发明的实施例的详细描述并非旨在限制要求保护的本发明的范围，而是仅仅表示本发明的选定实施例。基于本发明的实施例，本领域技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本发明保护的范围。

应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。同时，在本发明的描述中，术语“第一”、“第二”等仅用于区分描述，而不能理解为指示或暗示相对重要性。

请参照图1，是本发明较佳实施例提供的服务器200与至少一电子设备100进行通信的交互示意图。所述电子设备100可通过网络300访问服务器200，以获得服务器200提供的在线内容服务。本实施例中，所述服务器200可以是，但不限于，web(网站)服务器。所述电子设备100可以是，但不限于，智能手机、个人电脑(personal computer，PC)、平板电脑、个人数字助理(personal digital assistant，PDA)、移动上网设备(mobile Internet device，MID)等。所述网络300可以是，但不限于，有线网络或无线网络。

请参见图2，图2为本发明实施例提供的一种电子设备100的方框示意图。所述电子设备100包括浏览器客户端110、存储器111、存储控制器112、处理器113以及通信单元114。

所述存储器111、存储控制器112、处理器113及通信单元114各元件相互之间直接或间接地电性连接，以实现数据的传输或交互。例如，这些元件相互之间可通过一条或多条通讯总线或信号线实现电性连接。所述浏览器客户端110为运行于所述电子设备100上的应用软件，所述浏览器客户端110可以包括至少一个可以软件或固件(firmware)的形式存储于所述存储器111中或固化在所述电子设备100的操作系统(operating system，OS)中的软件功能模块。所述存储器111存储有所述电子设备100从服务器200上下载并安装的应用程序(比如，浏览器客户端110)。所述处理器113用于执行所述存储器111中存储的可执行模块，例如所述浏览器客户端110所包括的软件功能模块及计算机程序等。所述浏览器客户端110可以是各种适合所述电子设备100的操作系统的浏览器客户端，例如UC浏览器。

其中，所述存储器111可以是，但不限于，随机存取存储器(Random Access Memory，RAM)，只读存储器(Read Only Memory，ROM)，可编程只读存储器(Programmable Read-Only Memory，PROM)，可擦除只读存储器(Erasable Programmable Read-Only Memory，EPROM)，电可擦除只读存储器(Electric Erasable Programmable Read-Only Memory，EEPROM)等。其中，存储器111用于存储程序，所述处理器113在接收到执行指令后，执行所述程序。所述处理器113以及其他可能的组件对存储器111的访问可在所述存储控制器112的控制下进行。

所述处理器113可能是一种集成电路芯片，具有信号的处理能力。上述的处理器113可以是通用处理器，包括中央处理器(Central Processing Unit，CPU)、网络处理器(Network Processor，NP)等；还可以是数字信号处理器(DSP)、专用集成电路(ASIC)、现成可编程门阵列(FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。可以实现或者执行本发明实施例中的公开的各方法、步骤及逻辑框图。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。

所述通信单元114用于通过所述网络300建立所述电子设备100与服务器200二者之间的通信连接，从而实现所述电子设备100上运行的浏览器客户端110与所述服务器200之间的数据交换。

第一实施例

请参照图3，是本发明较佳实施例提供的网页本地存储空间扩容方法的具体流程图，所述方法应用于相互之间通信连接的浏览器客户端110与服务器200。具体方法的步骤介绍如下。

步骤S111，所述服务器200针对目标网页创建至少一个网站。

所述目标网页可以是所述浏览器客户端110可以通过网络300访问的任何网页，由所述服务器200提供。例如，可以是，但不限于是提供新闻、小说、图片、视频等各种网络内容的网页。

请参照图4，在本实施例中，步骤S111可以包括以下子步骤。

子步骤S1111，创建与所述目标网页的域名、协议相同，端口号不相同的统一资源定位符(Uniform Resource Locator，URL)。

统一资源定位符是对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示，是互联网标准资源的地址。互联网上的每个文件都有一个唯一的统一资源定位符，它包含的信息指出文件的位置以及浏览器应该怎么处理它。在本实施例中，所述统一资源定位符包括：端口号、网络传输协议及域名等信息。

根据浏览器客户端110的同源策略特性，只要网站的端口号、传输协议、域名不同，浏览器客户端110就会单独给该网站开创一个具有特定存储容量(比如：5M)的本地存储空间。在本实施例中采用域名和协议相同，端口号不同的方式来进行本地存储空间扩充，可以保证上述扩充行为是由内部人员自己设定，安全性高。

子步骤S1112，为每个统一资源定位符开启一个服务器监听。

在本实施例中，所述服务器200可以为域名和协议相同，端口号不同的统一资源定位符开启一个服务器监听。如此，即相当于每个统一资源定位符都对应一个网站。浏览器客户端110可以为每个统一资源定位符对应的网站提供一个特定大小(比如：5M)的本地存储空间。

子步骤S1113，在每个统一资源定位符对应网站的网站代码中嵌入代码管理片段，使所述浏览器客户端110能够对所述统一资源定位符对应网站的本地存储空间进行数据读写操作。

在本实施例中，所述代码管理片段优选为JS(Java Script)代码管理片段。在服务器200传回的每个网站对应的网站代码中嵌入能进行内容读取和写入的JS代码管理片段后，即可通过所述JS代码管理片段对网站的本地存储空间进行数据读写操作。

在本实施例中，可以事先对在浏览器客户端110上的各个网站的最大存储空间(比如，5M)进行设定，当待下载内容单个网站的最大存储空间时，将超过的内容拆分开来存储。如此对于每个不大于最大存储空间的内容的数据块，都可以单独存入不同统一资源定位符对应网站的本地存储空间中。从而实现浏览器客户端110对目标网页的本地存储空间的扩容，突破浏览器客户端110为网页分配本地存储空间的上限。

步骤S112，所述浏览器客户端110生成至少一个嵌入式框架。

在本实施例中，用户需要在所述目标网页中进行内容的离线下载时，可以通过所述浏览器客户端110上的下载控件触发内容下载请求。所述内容下载请求包括对文本、图片、小视频等网页内容的下载请求。

在本实施例中，所述的嵌入式框架(iframe)与框架网页类似，所述嵌入式框架(iframe)可以把一个网页的框架和内容嵌入到目标网页中。

在本实施例中，可以为每一个生成的嵌入式框架分配一个ID(识别号，identification)。

步骤S113，将每个嵌入式框架的来源指向所述至少一个网站的其中之一。

具体地，将每个嵌入式框架的来源指向网站，可以通过对嵌入式框架的选择操作，获取该嵌入式框架对应网站的本地存储空间中的存储内容。

步骤S114，将所述至少一个嵌入式框架添加到所述目标网页中。

将所述至少一个嵌入式框架添加到所述目标网页中后，用户通过点击所述嵌入式框架即可以读或者写所述嵌入式框架对应网站的本地存储空间的存储内容。从而实现对目标网页本地存储空间的扩容。

在本实施例中，将所述至少一个嵌入式框架添加到所述目标网页中的文档对象模型中。以所述目标网页为小说阅读页面为例，所述文档对象模型可以是用于表示小说章节结构的树形文档对象模型。

请参照图5，在本实施例中，所述网页本地存储空间扩容方法还可以包括以下步骤：

步骤S115，所述浏览器客户端110根据所述目标网页中的内容下载请求，向所述服务器200获取待下载内容，当所述获取的待下载内容达到预设存储容量时，发送所述获取的待下载内容给所述嵌入式框架，将所述获取的待下载内容存储在所述浏览器客户端110为所述嵌入式框架对应的网站分配的本地存储空间中。

请再次参照图5，在本实施例中，所述网页本地存储空间扩容方法还可以包括以下步骤。

步骤S116，对所述目标网页读取所述嵌入式框架中存储的内容的读取信号进行监听，在监听到读取信号时，将所述嵌入式框架中存储的文本内容发送到所述目标网页中，通过目标网页进行显示。

为了实现不同端口号网站之间的数据交互，采用HTML5中的postmessage函数进行跨域的数据传输和读取。其中，postmessage函数提供监听事件和数据跨域传输的动作。在本实施例中，所述目标网页和网站中都设置有用于跨域的数据传输和读取的postmessage函数。

当所述嵌入式框架中的postmessage函数监听到对所述嵌入式框架中存储的文本内容的读取信号时，所述浏览器客户端110将所述嵌入式框架中存储的文本内容通过postmessage函数发送到所述目标网页中。并在所述目标网页中显示。

在本实施例的实施方式中，在进行离线阅读时，浏览器客户端110可以根据嵌入式框架的ID的先后顺序调取不同嵌入式框架所对应的本地存储内容进行内容读取。

下面以一个具体例子来说明上述流程的执行情况。

假设所述目标网页为一小说的网页端，在用户点击下载小说内容时，所述浏览器客户端110在待下载小说内容的大小大于目标网页的本地存储空间时，生成至少一个嵌入式框架，并将生成的嵌入式框架的来源指向事先创建的网站。将待下载内容存储到嵌入式框架对应网站的本地存储空间中，将嵌入式框架添加到所述目标网页的树形文档对象中。当用户点击树形文档对象中对应的嵌入式框架时，即可从所述嵌入式框架对应网站的本地存储空间中获取小说的内容，并将小说的内容显示在所述目标网页上，供用户阅读。

第二实施例

请参照图6，是本发明较佳实施例提供的网页本地存储空间扩容方法的具体流程图，所述方法应用于与服务器200通信连接的浏览器客户端110。本第二实施例与第一实施例基本相似，区别在于该实施例是基于浏览器客户端110的执行步骤来介绍，具体的方法流程介绍如下。

步骤S211，生成至少一个嵌入式框架。

所述步骤S211，与第一实施例中的步骤S112相同，在此不再赘述。

步骤S212，将每个嵌入式框架的来源指向由所述服务器200针对所述目标网页创建的至少一个网站的其中之一。

所述步骤S212，与第一实施例中的步骤S113相同，在此就不再赘述了。

步骤S213，将所述至少一个嵌入式框架添加到所述目标网页中。

所述步骤S213，与第一实施例中的步骤S114相同，在此就不再赘述了。

请参照图7，在本实施例中，网页本地存储空间扩容方法还可以包括以下步骤。

步骤S214，所述浏览器客户端根据所述目标网页中的内容下载请求，向所述服务器获取待下载内容，当所述获取的待下载内容达到预设存储容量时，所述嵌入式框架接收所述服务器发送的所述待下载内容，将所述待下载内容存储在所述浏览器客户端为所述嵌入式框架对应的网站分配的本地存储空间中。

请再次参照图7，在本实施例中，网页本地存储空间扩容方法还可以包括步骤S215。

所述步骤S215，对所述目标网页读取所述嵌入式框架中存储的内容的读取信号进行监听，在监听到读取信号时，将所述嵌入式框架中存储的内容发送到所述目标网页中，通过目标网页进行显示。

第三实施例

请参照图8，是本发明第三实施例提供的图2所示浏览器客户端110的功能模块框图。所述浏览器客户端110包括生成模块1101、来源指向模块1102及添加模块1103。

所述生成模块1101用于生成至少一个嵌入式框架。在本实施例中，所述生成模块1101可以为每一个生成的嵌入式框架分配一个ID(识别号，identification)。

具体地，所述生成模块1101用于执行第二实施例中的步骤S211。

所述来源指向模块1102用于将每个嵌入式框架的来源指向由服务器200针对所述目标网页创建的至少一个网站的其中之一。

具体地，所述来源指向模块1102用于执行第二实施例中的步骤S212。

所述添加模块1103用于将所述至少一个嵌入式框架添加到所述目标网页中。

具体地，所述添加模块1103用于执行第二实施例中的步骤S213。

请再次参照图8，在本实施例中，所述浏览器客户端110还可以包括。

存储模块1104用于根据所述目标网页中的内容下载请求，向所述服务器200获取待下载内容，当所述获取的待下载内容达到预设存储容量时，接收所述服务器200发送的所述待下载内容，将所述待下载内容存储在所述浏览器客户端110为所述嵌入式框架对应的网站分配的本地存储空间中。在一种实施方式中，在进行离线阅读时，存储模块1104可以根据嵌入式框架的ID的被分配先后顺序调取不同嵌入式框架所对应的本地存储内容进行内容读取。

请再次参照图8，在本实施例中，所述浏览器客户端110还可以包括。

发送模块1105，用于对所述目标网页读取所述嵌入式框架中存储的内容的读取信号进行监听，用于在监听到读取信号时，将所述嵌入式框架中存储的内容发送到所述目标网页中，通过目标网页进行显示。

综上所述，本发明实施例提供的网页本地存储空间扩容方法、浏览器客户端及电子设备，通过在所述浏览器客户端的目标网页中内嵌上嵌入式框架，来扩充所述目标网页的本地存储空间，突破了浏览器客户端为每个网页分配本地存储空间的上限，很好的解决了网页本地存储空间限制的问题。有助于提升用户的使用体验，吸引用户在网页端进行电子阅读。

在本申请所提供的几个实施例中，应该理解到，所揭露的设备和方法，也可以通过其它的方式实现。以上所描述的设备实施例仅仅是示意性的，例如，附图中的流程图和框图显示了根据本发明的多个实施例的设备、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段或代码的一部分，所述模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现方式中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个连续的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或动作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

另外，在本发明各个实施例中的各功能模块可以集成在一起形成一个独立的部分，也可以是各个模块单独存在，也可以两个或两个以上模块集成形成一个独立的部分。

所述功能如果以软件功能模块的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。

需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

以上所述仅为本发明的优选实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。

以上所述，仅为本发明的具体实施方式，但本发明的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，可轻易想到变化或替换，都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应所述以权利要求的保护范围为准。