申请/专利权人：惠州TCL移动通信有限公司

申请日：2016-11-30

公开（公告）日：2020-07-14

公开（公告）号：CN106557587B

主分类号：G06F16/11(20190101)

分类号：G06F16/11(20190101)

优先权：

专利状态码：有效-授权

法律状态：2020.07.14#授权;2017.10.20#实质审查的生效;2017.04.05#公开

摘要：本发明涉及互联网技术领域，公开了一种保存和显示网页图片与对应文本的方法及系统，所述方法包括：将当前显示的网页保存为离线图片，以及将当前网页可见的文本元素、显示位置以及大小记录为离线文本节点；将离线图片与离线文本节点保存为离线文件，当接收到打开离线文件的指令后，显示离线图片同时将离线文本节点加载到离线图片上；当接收到点击离线图片上对应的位置选择离线文本节点的指令时，执行查看文本指令得到文本内容并显示在文本框中。本发明通过同时保存网页图片与对应文本，保证离线网页内容正确显示，同时又可以复制对应的文本，方便用户。

主权项：1.一种保存和显示网页图片与对应文本的方法，其特征在于，包括：步骤A，将当前显示的网页保存为离线图片，以及将当前网页可见的文本元素、显示位置以及大小记录为离线文本节点；步骤B，将离线图片与离线文本节点保存为离线文件，当接收到打开离线文件的指令后，显示离线图片同时将离线文本节点加载到离线图片上；步骤C，当接收到点击离线图片上对应的位置选择离线文本节点的指令时，执行查看文本指令得到文本内容并显示在文本框中；所述步骤C具体包括：C1，接收到点击离线图片上对应的位置选择离线文本节点的指令，执行查看文本指令；C2，当查看完文本后，得到所有选择离线文本节点的文本内容，按照节点的显示位置合并文本内容；C3，将合并得到的文本内容显示在文本框中。

全文数据：一种保存和显示网页图片与对应文本的方法及系统技术领域[0001] 本发明涉及互联网技术领域，尤其涉及的是一种保存和显示网页图片与对应文本的方法及系统。背景技术[0002] 在互联网如此发达的今天，人们几乎每天都会浏览网页，通过网页获知各种信息，有时，我们打开某个或某些网页后，由于没有时间看完，而网页的信息对我们很重要或很感兴趣，需要等到有时间的时候再仔细看，这时就需要将网页保存起来，然后通过重新加载网页将网页的内容还原。[0003] 很多用户有保存离线网页后续再浏览的习惯和需求，为此浏览器会提供保存离线网页功能，将网页进行离线转换处理，但是这样的离线处理往往转换不全，特别是网页中有脚本脚本:是使用一种特定的描述性语言，依据一定的格式编写的可执行文件，又称作宏或批处理文件时，很多脚本在离线时运行不正确，所以导致很多离线网页显示不正确。[0004]另外，也有浏览器会提供保存网页为图片的功能，图片方式保存的网页内容显示正常，但是图片上无法复制文本。[0005]因此，针对上述缺陷，现有技术还有待于改进和发展。发明内容[0006] 本发明要解决的技术问题在于，针对现有技术的上述缺陷，提供一种保存和显示网页图片与对应文本的方法及系统，旨在通过同时保存网页图片与对应文本，保证离线网页内容正确显示，同时又可以复制对应的文本，方便用户。[0007] 本发明解决技术问题所采用的技术方案如下:一种保存和显示网页图片与对应文本的方法，其中，包括:步骤A，将当前显示的网页保存为离线图片，以及将当前网页可见的文本元素、显示位置以及大小记录为离线文本节点；步骤B，将离线图片与离线文本节点保存为离线文件，当接收到打开离线文件的指令后，显示离线图片同时将离线文本节点加载到离线图片上；步骤C，当接收到点击离线图片上对应的位置选择离线文本节点的指令时，执行查看文本指令得到文本内容并显示在文本框中。[0008] 所述保存和显示网页图片与对应文本的方法，其中，所述步骤C之后还包括:步骤D，当接收到用户复制文本的操作指令后，在文本框中显示复制文本的图标，选择复制文本框中对应的文本。[0009] 所述保存和显示网页图片与对应文本的方法，其中，所述步骤A具体包括:Al，保存当前显示的网页为离线图片；A2，遍历当前网页的DOM树，记录当前网页可见的文本元素，并将文本元素、显示位置与大小记录为离线文本节点。[0010] 所述保存和显示网页图片与对应文本的方法，其中，所述步骤B具体包括:BI，将离线图片与离线文本节点保存为离线文件；B2，当接收到打开离线文件的指令后，打开离线文件；B3，显示离线图片，同时将离线文本节点按照显示位置对应加载到离线图片上。[0011] 所述保存和显示网页图片与对应文本的方法，其中，所述步骤C具体包括:Cl，接收到点击离线图片上对应的位置选择离线文本节点的指令，执行查看文本指令；C2，当查看完文本后，得到所有选择离线文本节点的文本内容，按照节点的显示位置合并文本内容；C3，将合并得到的文本内容显示在文本框中。[0012] 一种保存和显示网页图片与对应文本的系统，其中，包括:网页保存模块，用于将当前显示的网页保存为离线图片，以及将当前网页可见的文本元素、显示位置以及大小记录为离线文本节点；文件显示模块，用于将离线图片与离线文本节点保存为离线文件，当接收到打开离线文件的指令后，显示离线图片同时将离线文本节点加载到离线图片上；内容显示模块，用于当接收到点击离线图片上对应的位置选择离线文本节点的指令时，执行查看文本指令得到文本内容并显示在文本框中。[0013] 所述保存和显示网页图片与对应文本的系统，其中，所述系统还包括:文本复制模块，用于当接收到用户复制文本的操作指令后，在文本框中显示复制文本的图标，选择复制文本框中对应的文本。[0014] 所述保存和显示网页图片与对应文本的系统，其中，所述网页保存模块具体包括:第一保存单元，用于保存当前显示的网页为离线图片；记录单元，用于遍历当前网页的DOM树，记录当前网页可见的文本元素，并将文本元素、显示位置与大小记录为离线文本节点。[0015] 所述保存和显示网页图片与对应文本的系统，其中，所述文件显示模块具体包括:第二保存单元，用于将离线图片与离线文本节点保存为离线文件；文件打开单元，用于当接收到打开离线文件的指令后，打开离线文件；显示加载单元，用于显示离线图片，同时将离线文本节点按照显示位置对应加载到离线图片上。[0016] 所述保存和显示网页图片与对应文本的系统，其中，所述内容显示模块具体包括:文本查看单元，用于接收到点击离线图片上对应的位置选择离线文本节点的指令，执行查看文本指令；内容合并单元，用于当查看完文本后，得到所有选择离线文本节点的文本内容，按照节点的显示位置合并文本内容；显示单元，用于将合并得到的文本内容显示在文本框中。[0017] 本发明公开了一种保存和显示网页图片与对应文本的方法及系统，所述方法包括:将当前显示的网页保存为离线图片，以及将当前网页可见的文本元素、显示位置以及大小记录为离线文本节点；将离线图片与离线文本节点保存为离线文件，当接收到打开离线文件的指令后，显示离线图片同时将离线文本节点加载到离线图片上；当接收到点击离线图片上对应的位置选择离线文本节点的指令时，执行查看文本指令得到文本内容并显示在文本框中。本发明通过同时保存网页图片与对应文本，保证离线网页内容正确显示，同时又可以复制对应的文本，方便用户。附图说明[0018]图1是本发明保存和显示网页图片与对应文本的方法的较佳实施例的流程图。[0019]图2是本发明保存和显示网页图片与对应文本的系统的较佳实施例的功能原理框图。具体实施方式[0020] 为使本发明的目的、技术方案及优点更加清楚、明确，以下参照附图并举实施例对本发明进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。[0021] 请参阅图1，图1是本发明保存和显示网页图片与对应文本的方法的较佳实施例的流程图。[0022]如图1所示，本发明实施例提供的一种保存和显示网页图片与对应文本的方法，包括以下步骤:步骤S100，将当前显示的网页保存为离线图片，以及将当前网页可见的文本元素、显示位置以及大小记录为离线文本节点。[0023] 进一步地，所述步骤SlOO具体包括:S110，保存当前显示的网页为离线图片；S120，遍历当前网页的DOM树，记录当前网页可见的文本元素，并将文本元素、显示位置与大小记录为离线文本节点。[0024] 本发明中，网页是构成网站的基本元素，是承载各种网站应用的平台，通俗地说，网站就是由网页组成的，如果只有域名和虚拟主机而没有制作任何网页的话，用户仍旧无法访问网站。网页是一个包含HTML标签的纯文本文件，它可以存放在世界某个角落的某一台计算机中，是万维网中的一“页”，是超文本标记语言格式标准通用标记语言的一个应用，文件扩展名为.html或.htm，网页通常用图像档来提供图画，网页要通过网页浏览器来阅读。[0025] 首先，将当前显示的网页保存为离线图片，遍历当前网页的DOM树，然后记录当前网页可见的文本元素，并将文本元素、显示位置与大小记录为离线文本节点。[0026] DOIVKDocumentObjectModel中文名称是文档对象模型，处理可扩展标志语言的标准编程接口，在网页上，组织页面或文档的对象被组织在一个树形结构中，用来表示文档中对象的标准模型就称为D0M;D0M可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构，换句话说，这是表示和处理一个HTML或XML文档的常用方法，而且可通过DOM对HTML元素进行修改或者获取元素信息。[0027] 所谓遍历Traversal，是指沿着某条搜索路线，依次对树中每个结点均做一次且仅做一次访问。访问结点所做的操作依赖于具体的应用问题，遍历是二叉树上最重要的运算之一，是二叉树上进行其它运算之基础。[0028] 步骤S200，将离线图片与离线文本节点保存为离线文件，当接收到打开离线文件的指令后，显示离线图片同时将离线文本节点加载到离线图片上。[0029] 进一步地，所述步骤S200具体包括:S210，将离线图片与离线文本节点保存为离线文件；S220，当接收到打开离线文件的指令后，打开离线文件；S230，显示离线图片，同时将离线文本节点按照显示位置对应加载到离线图片上。[0030] 本发明中，将之前保存的离线图片和记录的离线文本节点再保存为离线文件离线文件是指传送文件给对方用户不在线时，将在线文件转存到中间网络保存一定时间，当对方在线时主动发送给对方，当接收到用户需要打开该离线文件的指令后，打开离线文件，进而显示离线图片，同时将离线文本节点按照显示位置对应加载到离线图片上。[0031] 步骤S300，当接收到点击离线图片上对应的位置选择离线文本节点的指令时，执行查看文本指令得到文本内容并显示在文本框中。[0032] 进一步地，所述步骤S300具体包括:S310，接收到点击离线图片上对应的位置选择离线文本节点的指令，执行查看文本指令；S320，当查看完文本后，得到所有选择离线文本节点的文本内容，按照节点的显示位置合并文本内容；S330，将合并得到的文本内容显示在文本框中。[0033] 本发明中，在所述步骤S300之后还包括步骤S400:当接收到用户复制文本的操作指令后，在文本框中显示复制文本的图标，选择复制文本框中对应的文本，即用户可以复制所需要的文本内容，解决了图片上无法复制文本的问题。[0034] 基于上述实施例，本发明还提供一种保存和显示网页图片与对应文本的系统，请参阅图2，图2是本发明保存和显示网页图片与对应文本的系统的较佳实施例的功能原理框图。[0035] 如图2所示，所述系统包括:网页保存模块210，用于将当前显示的网页保存为离线图片，以及将当前网页可见的文本元素、显示位置以及大小记录为离线文本节点；具体如上所述。[0036] 文件显示模块220，用于将离线图片与离线文本节点保存为离线文件，当接收到打开离线文件的指令后，显示离线图片同时将离线文本节点加载到离线图片上;具体如上所述。[0037]内容显示模块230，用于当接收到点击离线图片上对应的位置选择离线文本节点的指令时，执行查看文本指令得到文本内容并显示在文本框中；具体如上所述。[0038] 文本复制模块240，用于当接收到用户复制文本的操作指令后，在文本框中显示复制文本的图标，选择复制文本框中对应的文本;具体如上所述。[0039] 进一步地，所述保存和显示网页图片与对应文本的系统，其中，所述网页保存模块具体包括:第一保存单元，用于保存当前显示的网页为离线图片;具体如上所述。[0040] 记录单元，用于遍历当前网页的DOM树，记录当前网页可见的文本元素，并将文本元素、显示位置与大小记录为离线文本节点;具体如上所述。[0041] 进一步地，所述保存和显示网页图片与对应文本的系统，其中，所述文件显示模块具体包括:第二保存单元，用于将离线图片与离线文本节点保存为离线文件;具体如上所述。[0042] 文件打开单元，用于当接收到打开离线文件的指令后，打开离线文件;具体如上所述。[0043] 显示加载单元，用于显示离线图片，同时将离线文本节点按照显示位置对应加载到离线图片上;具体如上所述。[0044] 进一步地，所述保存和显示网页图片与对应文本的系统，其中，所述内容显示模块具体包括:文本查看单元，用于接收到点击离线图片上对应的位置选择离线文本节点的指令，执行查看文本指令;具体如上所述。[0045]内容合并单元，用于当查看完文本后，得到所有选择离线文本节点的文本内容，按照节点的显示位置合并文本内容;具体如上所述。[0046] 显示单元，用于将合并得到的文本内容显示在文本框中；具体如上所述。[0047]综上所述，本发明公开了一种保存和显示网页图片与对应文本的方法及系统，所述方法包括:将当前显示的网页保存为离线图片，以及将当前网页可见的文本元素、显示位置以及大小记录为离线文本节点；将离线图片与离线文本节点保存为离线文件，当接收到打开离线文件的指令后，显示离线图片同时将离线文本节点加载到离线图片上；当接收到点击离线图片上对应的位置选择离线文本节点的指令时，执行查看文本指令得到文本内容并显示在文本框中。本发明通过同时保存网页图片与对应文本，保证离线网页内容正确显示，同时又可以复制对应的文本，方便用户。[0048] 当然，本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关硬件如处理器，控制器等来完成，所述的程序可存储于一计算机可读取的存储介质中，该程序在执行时可包括如上述各方法实施例的流程。其中所述的存储介质可为存储器、磁碟、光盘等。[0049] 应当理解的是，本发明的应用不限于上述的举例，对本领域普通技术人员来说，可以根据上述说明加以改进或变换，所有这些改进和变换都应属于本发明所附权利要求的保护范围。

权利要求：1.一种保存和显示网页图片与对应文本的方法，其特征在于，包括:步骤A，将当前显示的网页保存为离线图片，以及将当前网页可见的文本元素、显示位置以及大小记录为离线文本节点；步骤B，将离线图片与离线文本节点保存为离线文件，当接收到打开离线文件的指令后，显示离线图片同时将离线文本节点加载到离线图片上；步骤C，当接收到点击离线图片上对应的位置选择离线文本节点的指令时，执行查看文本指令得到文本内容并显示在文本框中。2.根据权利要求1所述保存和显示网页图片与对应文本的方法，其特征在于，所述步骤C之后还包括:步骤D，当接收到用户复制文本的操作指令后，在文本框中显示复制文本的图标，选择复制文本框中对应的文本。3.根据权利要求1所述保存和显示网页图片与对应文本的方法，其特征在于，所述步骤A具体包括:Al，保存当前显示的网页为离线图片；A2，遍历当前网页的DOM树，记录当前网页可见的文本元素，并将文本元素、显示位置与大小记录为离线文本节点。4.根据权利要求3所述保存和显示网页图片与对应文本的方法，其特征在于，所述步骤B具体包括:BI，将离线图片与离线文本节点保存为离线文件；B2，当接收到打开离线文件的指令后，打开离线文件；B3，显示离线图片，同时将离线文本节点按照显示位置对应加载到离线图片上。5.根据权利要求4所述保存和显示网页图片与对应文本的方法，其特征在于，所述步骤C具体包括:Cl，接收到点击离线图片上对应的位置选择离线文本节点的指令，执行查看文本指令；C2，当查看完文本后，得到所有选择离线文本节点的文本内容，按照节点的显示位置合并文本内容；C3，将合并得到的文本内容显示在文本框中。6.—种保存和显示网页图片与对应文本的系统，其特征在于，包括:网页保存模块，用于将当前显示的网页保存为离线图片，以及将当前网页可见的文本元素、显示位置以及大小记录为离线文本节点；文件显示模块，用于将离线图片与离线文本节点保存为离线文件，当接收到打开离线文件的指令后，显示离线图片同时将离线文本节点加载到离线图片上；内容显示模块，用于当接收到点击离线图片上对应的位置选择离线文本节点的指令时，执行查看文本指令得到文本内容并显示在文本框中。7.根据权利要求6所述保存和显示网页图片与对应文本的系统，其特征在于，所述系统还包括:文本复制模块，用于当接收到用户复制文本的操作指令后，在文本框中显示复制文本的图标，选择复制文本框中对应的文本。8.根据权利要求6所述保存和显示网页图片与对应文本的系统，其特征在于，所述网页保存模块具体包括:第一保存单元，用于保存当前显示的网页为离线图片；记录单元，用于遍历当前网页的DOM树，记录当前网页可见的文本元素，并将文本元素、显示位置与大小记录为离线文本节点。9.根据权利要求8所述保存和显示网页图片与对应文本的系统，其特征在于，所述文件显示模块具体包括:第二保存单元，用于将离线图片与离线文本节点保存为离线文件；文件打开单元，用于当接收到打开离线文件的指令后，打开离线文件；显示加载单元，用于显示离线图片，同时将离线文本节点按照显示位置对应加载到离线图片上。10.根据权利要求9所述保存和显示网页图片与对应文本的系统，其特征在于，所述内容显示模块具体包括:文本查看单元，用于接收到点击离线图片上对应的位置选择离线文本节点的指令，执行查看文本指令；内容合并单元，用于当查看完文本后，得到所有选择离线文本节点的文本内容，按照节点的显示位置合并文本内容；显示单元，用于将合并得到的文本内容显示在文本框中。

百度查询： 惠州TCL移动通信有限公司 一种保存和显示网页图片与对应文本的方法及系统

免责声明
1、本报告根据公开、合法渠道获得相关数据和信息，力求客观、公正，但并不保证数据的最终完整性和准确性。
2、报告中的分析和结论仅反映本公司于发布本报告当日的职业理解，仅供参考使用，不能作为本公司承担任何法律责任的依据或者凭证。

阅读全文 双屏查看 官方信息 专利公告 收藏专利 下载PDF 下载WORD