CN106557587B - 一种保存和显示网页图片与对应文本的方法及*** - Google Patents
一种保存和显示网页图片与对应文本的方法及*** Download PDFInfo
- Publication number
- CN106557587B CN106557587B CN201611082606.XA CN201611082606A CN106557587B CN 106557587 B CN106557587 B CN 106557587B CN 201611082606 A CN201611082606 A CN 201611082606A CN 106557587 B CN106557587 B CN 106557587B
- Authority
- CN
- China
- Prior art keywords
- text
- offline
- picture
- displaying
- file
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/10—File systems; File servers
- G06F16/11—File system administration, e.g. details of archiving or snapshots
- G06F16/113—Details of archiving
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Databases & Information Systems (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明涉及互联网技术领域，公开了一种保存和显示网页图片与对应文本的方法及***，所述方法包括：将当前显示的网页保存为离线图片，以及将当前网页可见的文本元素、显示位置以及大小记录为离线文本节点；将离线图片与离线文本节点保存为离线文件，当接收到打开离线文件的指令后，显示离线图片同时将离线文本节点加载到离线图片上；当接收到点击离线图片上对应的位置选择离线文本节点的指令时，执行查看文本指令得到文本内容并显示在文本框中。本发明通过同时保存网页图片与对应文本，保证离线网页内容正确显示，同时又可以复制对应的文本，方便用户。
Description
技术领域
本发明涉及互联网技术领域，尤其涉及的是一种保存和显示网页图片与对应文本的方法及***。
背景技术
在互联网如此发达的今天，人们几乎每天都会浏览网页，通过网页获知各种信息，有时，我们打开某个或某些网页后，由于没有时间看完，而网页的信息对我们很重要或很感兴趣，需要等到有时间的时候再仔细看，这时就需要将网页保存起来，然后通过重新加载网页将网页的内容还原。
很多用户有保存离线网页后续再浏览的习惯和需求，为此浏览器会提供保存离线网页功能，将网页进行离线转换处理，但是这样的离线处理往往转换不全，特别是网页中有脚本（脚本：是使用一种特定的描述性语言，依据一定的格式编写的可执行文件，又称作宏或批处理文件）时，很多脚本在离线时运行不正确，所以导致很多离线网页显示不正确。
另外，也有浏览器会提供保存网页为图片的功能，图片方式保存的网页内容显示正常，但是图片上无法复制文本。
因此，针对上述缺陷，现有技术还有待于改进和发展。
发明内容
本发明要解决的技术问题在于，针对现有技术的上述缺陷，提供一种保存和显示网页图片与对应文本的方法及***，旨在通过同时保存网页图片与对应文本，保证离线网页内容正确显示，同时又可以复制对应的文本，方便用户。
本发明解决技术问题所采用的技术方案如下：
一种保存和显示网页图片与对应文本的方法，其中，包括：
步骤A，将当前显示的网页保存为离线图片，以及将当前网页可见的文本元素、显示位置以及大小记录为离线文本节点；
步骤B，将离线图片与离线文本节点保存为离线文件，当接收到打开离线文件的指令后，显示离线图片同时将离线文本节点加载到离线图片上；
步骤C，当接收到点击离线图片上对应的位置选择离线文本节点的指令时，执行查看文本指令得到文本内容并显示在文本框中。
所述保存和显示网页图片与对应文本的方法，其中，所述步骤C之后还包括：
步骤D，当接收到用户复制文本的操作指令后，在文本框中显示复制文本的图标，选择复制文本框中对应的文本。
所述保存和显示网页图片与对应文本的方法，其中，所述步骤A具体包括：
A1，保存当前显示的网页为离线图片；
A2，遍历当前网页的DOM树，记录当前网页可见的文本元素，并将文本元素、显示位置与大小记录为离线文本节点。
所述保存和显示网页图片与对应文本的方法，其中，所述步骤B具体包括：
B1，将离线图片与离线文本节点保存为离线文件；
B2，当接收到打开离线文件的指令后，打开离线文件；
B3，显示离线图片，同时将离线文本节点按照显示位置对应加载到离线图片上。
所述保存和显示网页图片与对应文本的方法，其中，所述步骤C具体包括：
C1，接收到点击离线图片上对应的位置选择离线文本节点的指令，执行查看文本指令；
C2，当查看完文本后，得到所有选择离线文本节点的文本内容，按照节点的显示位置合并文本内容；
C3，将合并得到的文本内容显示在文本框中。
一种保存和显示网页图片与对应文本的***，其中，包括：
网页保存模块，用于将当前显示的网页保存为离线图片，以及将当前网页可见的文本元素、显示位置以及大小记录为离线文本节点；
文件显示模块，用于将离线图片与离线文本节点保存为离线文件，当接收到打开离线文件的指令后，显示离线图片同时将离线文本节点加载到离线图片上；
内容显示模块，用于当接收到点击离线图片上对应的位置选择离线文本节点的指令时，执行查看文本指令得到文本内容并显示在文本框中。
所述保存和显示网页图片与对应文本的***，其中，所述***还包括：
文本复制模块，用于当接收到用户复制文本的操作指令后，在文本框中显示复制文本的图标，选择复制文本框中对应的文本。
所述保存和显示网页图片与对应文本的***，其中，所述网页保存模块具体包括：
第一保存单元，用于保存当前显示的网页为离线图片；
记录单元，用于遍历当前网页的DOM树，记录当前网页可见的文本元素，并将文本元素、显示位置与大小记录为离线文本节点。
所述保存和显示网页图片与对应文本的***，其中，所述文件显示模块具体包括：
第二保存单元，用于将离线图片与离线文本节点保存为离线文件；
文件打开单元，用于当接收到打开离线文件的指令后，打开离线文件；
显示加载单元，用于显示离线图片，同时将离线文本节点按照显示位置对应加载到离线图片上。
所述保存和显示网页图片与对应文本的***，其中，所述内容显示模块具体包括：
文本查看单元，用于接收到点击离线图片上对应的位置选择离线文本节点的指令，执行查看文本指令；
内容合并单元，用于当查看完文本后，得到所有选择离线文本节点的文本内容，按照节点的显示位置合并文本内容；
显示单元，用于将合并得到的文本内容显示在文本框中。
本发明公开了一种保存和显示网页图片与对应文本的方法及***，所述方法包括：将当前显示的网页保存为离线图片，以及将当前网页可见的文本元素、显示位置以及大小记录为离线文本节点；将离线图片与离线文本节点保存为离线文件，当接收到打开离线文件的指令后，显示离线图片同时将离线文本节点加载到离线图片上；当接收到点击离线图片上对应的位置选择离线文本节点的指令时，执行查看文本指令得到文本内容并显示在文本框中。本发明通过同时保存网页图片与对应文本，保证离线网页内容正确显示，同时又可以复制对应的文本，方便用户。
附图说明
图1是本发明保存和显示网页图片与对应文本的方法的较佳实施例的流程图。
图2是本发明保存和显示网页图片与对应文本的***的较佳实施例的功能原理框图。
具体实施方式
为使本发明的目的、技术方案及优点更加清楚、明确，以下参照附图并举实施例对本发明进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。
请参阅图1，图1是本发明保存和显示网页图片与对应文本的方法的较佳实施例的流程图。
如图1所示，本发明实施例提供的一种保存和显示网页图片与对应文本的方法，包括以下步骤：
步骤S100，将当前显示的网页保存为离线图片，以及将当前网页可见的文本元素、显示位置以及大小记录为离线文本节点。
进一步地，所述步骤S100具体包括：
S110，保存当前显示的网页为离线图片；
S120，遍历当前网页的DOM树，记录当前网页可见的文本元素，并将文本元素、显示位置与大小记录为离线文本节点。
本发明中，网页是构成网站的基本元素，是承载各种网站应用的平台，通俗地说，网站就是由网页组成的，如果只有域名和虚拟主机而没有制作任何网页的话，用户仍旧无法访问网站。网页是一个包含HTML标签的纯文本文件，它可以存放在世界某个角落的某一台计算机中，是万维网中的一“页”，是超文本标记语言格式（标准通用标记语言的一个应用，文件扩展名为.html或.htm），网页通常用图像档来提供图画，网页要通过网页浏览器来阅读。
首先，将当前显示的网页保存为离线图片，遍历当前网页的DOM树，然后记录当前网页可见的文本元素，并将文本元素、显示位置与大小记录为离线文本节点。
DOM（Document Object Model）中文名称是文档对象模型，处理可扩展标志语言的标准编程接口，在网页上，组织页面（或文档）的对象被组织在一个树形结构中，用来表示文档中对象的标准模型就称为DOM；DOM可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构，换句话说，这是表示和处理一个HTML或XML文档的常用方法，而且可通过DOM对HTML元素进行修改或者获取元素信息。
所谓遍历(Traversal)，是指沿着某条搜索路线，依次对树中每个结点均做一次且仅做一次访问。访问结点所做的操作依赖于具体的应用问题， 遍历是二叉树上最重要的运算之一，是二叉树上进行其它运算之基础。
步骤S200，将离线图片与离线文本节点保存为离线文件，当接收到打开离线文件的指令后，显示离线图片同时将离线文本节点加载到离线图片上。
进一步地，所述步骤S200具体包括：
S210，将离线图片与离线文本节点保存为离线文件；
S220，当接收到打开离线文件的指令后，打开离线文件；
S230，显示离线图片，同时将离线文本节点按照显示位置对应加载到离线图片上。
本发明中， 将之前保存的离线图片和记录的离线文本节点再保存为离线文件（离线文件是指传送文件给对方用户不在线时，将在线文件转存到中间网络保存一定时间，当对方在线时主动发送给对方），当接收到用户需要打开该离线文件的指令后，打开离线文件，进而显示离线图片，同时将离线文本节点按照显示位置对应加载到离线图片上。
步骤S300，当接收到点击离线图片上对应的位置选择离线文本节点的指令时，执行查看文本指令得到文本内容并显示在文本框中。
进一步地，所述步骤S300具体包括：
S310，接收到点击离线图片上对应的位置选择离线文本节点的指令，执行查看文本指令；
S320，当查看完文本后，得到所有选择离线文本节点的文本内容，按照节点的显示位置合并文本内容；
S330，将合并得到的文本内容显示在文本框中。
本发明中，在所述步骤S300之后还包括步骤S400：当接收到用户复制文本的操作指令后，在文本框中显示复制文本的图标，选择复制文本框中对应的文本，即用户可以复制所需要的文本内容，解决了图片上无法复制文本的问题。
基于上述实施例，本发明还提供一种保存和显示网页图片与对应文本的***，请参阅图2，图2是本发明保存和显示网页图片与对应文本的***的较佳实施例的功能原理框图。
如图2所示，所述***包括：
网页保存模块210，用于将当前显示的网页保存为离线图片，以及将当前网页可见的文本元素、显示位置以及大小记录为离线文本节点；具体如上所述。
文件显示模块220，用于将离线图片与离线文本节点保存为离线文件，当接收到打开离线文件的指令后，显示离线图片同时将离线文本节点加载到离线图片上；具体如上所述。
内容显示模块230，用于当接收到点击离线图片上对应的位置选择离线文本节点的指令时，执行查看文本指令得到文本内容并显示在文本框中；具体如上所述。
文本复制模块240，用于当接收到用户复制文本的操作指令后，在文本框中显示复制文本的图标，选择复制文本框中对应的文本；具体如上所述。
进一步地，所述保存和显示网页图片与对应文本的***，其中，所述网页保存模块具体包括：
第一保存单元，用于保存当前显示的网页为离线图片；具体如上所述。
记录单元，用于遍历当前网页的DOM树，记录当前网页可见的文本元素，并将文本元素、显示位置与大小记录为离线文本节点；具体如上所述。
进一步地，所述保存和显示网页图片与对应文本的***，其中，所述文件显示模块具体包括：
第二保存单元，用于将离线图片与离线文本节点保存为离线文件；具体如上所述。
文件打开单元，用于当接收到打开离线文件的指令后，打开离线文件；具体如上所述。
显示加载单元，用于显示离线图片，同时将离线文本节点按照显示位置对应加载到离线图片上；具体如上所述。
进一步地，所述保存和显示网页图片与对应文本的***，其中，所述内容显示模块具体包括：
文本查看单元，用于接收到点击离线图片上对应的位置选择离线文本节点的指令，执行查看文本指令；具体如上所述。
内容合并单元，用于当查看完文本后，得到所有选择离线文本节点的文本内容，按照节点的显示位置合并文本内容；具体如上所述。
显示单元，用于将合并得到的文本内容显示在文本框中；具体如上所述。
综上所述，本发明公开了一种保存和显示网页图片与对应文本的方法及***，所述方法包括：将当前显示的网页保存为离线图片，以及将当前网页可见的文本元素、显示位置以及大小记录为离线文本节点；将离线图片与离线文本节点保存为离线文件，当接收到打开离线文件的指令后，显示离线图片同时将离线文本节点加载到离线图片上；当接收到点击离线图片上对应的位置选择离线文本节点的指令时，执行查看文本指令得到文本内容并显示在文本框中。本发明通过同时保存网页图片与对应文本，保证离线网页内容正确显示，同时又可以复制对应的文本，方便用户。
当然，本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关硬件（如处理器，控制器等）来完成，所述的程序可存储于一计算机可读取的存储介质中，该程序在执行时可包括如上述各方法实施例的流程。其中所述的存储介质可为存储器、磁碟、光盘等。
应当理解的是，本发明的应用不限于上述的举例，对本领域普通技术人员来说，可以根据上述说明加以改进或变换，所有这些改进和变换都应属于本发明所附权利要求的保护范围。
Claims (8)
1.一种保存和显示网页图片与对应文本的方法，其特征在于，包括：
步骤A，将当前显示的网页保存为离线图片，以及将当前网页可见的文本元素、显示位置以及大小记录为离线文本节点；
步骤B，将离线图片与离线文本节点保存为离线文件，当接收到打开离线文件的指令后，显示离线图片同时将离线文本节点加载到离线图片上；
步骤C，当接收到点击离线图片上对应的位置选择离线文本节点的指令时，执行查看文本指令得到文本内容并显示在文本框中；
所述步骤C具体包括：
C1，接收到点击离线图片上对应的位置选择离线文本节点的指令，执行查看文本指令；
C2，当查看完文本后，得到所有选择离线文本节点的文本内容，按照节点的显示位置合并文本内容；
C3，将合并得到的文本内容显示在文本框中。
2.根据权利要求1所述保存和显示网页图片与对应文本的方法，其特征在于，所述步骤C之后还包括：
步骤D，当接收到用户复制文本的操作指令后，在文本框中显示复制文本的图标，选择复制文本框中对应的文本。
3.根据权利要求1所述保存和显示网页图片与对应文本的方法，其特征在于，所述步骤A具体包括：
A1，保存当前显示的网页为离线图片；
A2，遍历当前网页的DOM树，记录当前网页可见的文本元素，并将文本元素、显示位置与大小记录为离线文本节点。
4.根据权利要求3所述保存和显示网页图片与对应文本的方法，其特征在于，所述步骤B具体包括：
B1，将离线图片与离线文本节点保存为离线文件；
B2，当接收到打开离线文件的指令后，打开离线文件；
B3，显示离线图片，同时将离线文本节点按照显示位置对应加载到离线图片上。
5.一种保存和显示网页图片与对应文本的***，其特征在于，包括：
网页保存模块，用于将当前显示的网页保存为离线图片，以及将当前网页可见的文本元素、显示位置以及大小记录为离线文本节点；
文件显示模块，用于将离线图片与离线文本节点保存为离线文件，当接收到打开离线文件的指令后，显示离线图片同时将离线文本节点加载到离线图片上；
内容显示模块，用于当接收到点击离线图片上对应的位置选择离线文本节点的指令时，执行查看文本指令得到文本内容并显示在文本框中；
所述内容显示模块具体包括：
文本查看单元，用于接收到点击离线图片上对应的位置选择离线文本节点的指令，执行查看文本指令；
内容合并单元，用于当查看完文本后，得到所有选择离线文本节点的文本内容，按照节点的显示位置合并文本内容；
显示单元，用于将合并得到的文本内容显示在文本框中。
6.根据权利要求5所述保存和显示网页图片与对应文本的***，其特征在于，所述***还包括：
文本复制模块，用于当接收到用户复制文本的操作指令后，在文本框中显示复制文本的图标，选择复制文本框中对应的文本。
7.根据权利要求5所述保存和显示网页图片与对应文本的***，其特征在于，所述网页保存模块具体包括：
第一保存单元，用于保存当前显示的网页为离线图片；
记录单元，用于遍历当前网页的DOM树，记录当前网页可见的文本元素，并将文本元素、显示位置与大小记录为离线文本节点。
8.根据权利要求7所述保存和显示网页图片与对应文本的***，其特征在于，所述文件显示模块具体包括：
第二保存单元，用于将离线图片与离线文本节点保存为离线文件；
文件打开单元，用于当接收到打开离线文件的指令后，打开离线文件；
显示加载单元，用于显示离线图片，同时将离线文本节点按照显示位置对应加载到离线图片上。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201611082606.XA CN106557587B (zh) | 2016-11-30 | 2016-11-30 | 一种保存和显示网页图片与对应文本的方法及*** |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201611082606.XA CN106557587B (zh) | 2016-11-30 | 2016-11-30 | 一种保存和显示网页图片与对应文本的方法及*** |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN106557587A CN106557587A (zh) | 2017-04-05 |
| CN106557587B true CN106557587B (zh) | 2020-07-14 |
Family
ID=58446049
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201611082606.XA Active CN106557587B (zh) | 2016-11-30 | 2016-11-30 | 一种保存和显示网页图片与对应文本的方法及*** |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN106557587B (zh) |
Families Citing this family (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108021611B (zh) * | 2017-11-02 | 2021-11-23 | 广州中山大学出版社有限公司 | 一种图片中选择文本信息的方法及装置 |
Family Cites Families (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN100565524C (zh) * | 2007-03-27 | 2009-12-02 | 腾讯科技（深圳）有限公司 | 一种保存网页内容的***、方法及浏览器 |
| US20110087953A1 (en) * | 2009-10-08 | 2011-04-14 | Grohs Anton C | Automated embeddable searchable static rendering of a webpage generator |
| CN103870191B (zh) * | 2012-12-18 | 2017-12-26 | 腾讯科技（深圳）有限公司 | 网页保存的方法及电子设备 |
| CN103731467A (zh) * | 2013-09-26 | 2014-04-16 | 西安酷派软件科技有限公司 | 网页信息的分享方法及通信终端 |
| CN106126655A (zh) * | 2016-06-27 | 2016-11-16 | 乐视控股（北京）有限公司 | 网页保存处理方法及装置 |
-
2016
- 2016-11-30 CN CN201611082606.XA patent/CN106557587B/zh active Active
Also Published As
| Publication number | Publication date |
|---|---|
| CN106557587A (zh) | 2017-04-05 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US10346522B2 (en) | Optimization for rendering web pages | |
| US10372810B2 (en) | Smarter copy/paste | |
| US9582601B2 (en) | Combining server-side and client-side user interface elements | |
| US8386955B1 (en) | User-optimized content for web browsing windows | |
| US10909304B2 (en) | Methods and systems for WYSIWYG web content generation | |
| CN102662944B (zh) | 通过浏览器地址栏的直接导航 | |
| JP5075920B2 (ja) | ウェブデータ使用のプラットフォーム | |
| US8296673B2 (en) | Collapsible tabbed user interface | |
| CN109408752B (zh) | 在线文档展示方法、装置以及电子设备 | |
| US20190171697A1 (en) | System and method for web content presentation management | |
| US9069432B2 (en) | Copy and paste buffer | |
| US20120317486A1 (en) | Embedded web viewer for presentation applications | |
| US9792383B2 (en) | Unload and display content placeholders with versions | |
| CN103761218A (zh) | 一种在电脑上对电子文档进行批注的方法 | |
| CN111539188A (zh) | 笔记生成方法、计算设备及计算机存储介质 | |
| CN108459998B (zh) | 文档更新、格式转换方法、装置及设备、可读存储介质 | |
| KR20150095663A (ko) | E-리더에서의 플랫북에서 리치북으로의 변환 기법 | |
| US8091016B2 (en) | Visually manipulating instance collections | |
| CN106557587B (zh) | 一种保存和显示网页图片与对应文本的方法及*** | |
| US20120151313A1 (en) | User-specific customization of web pages | |
| US20120047429A1 (en) | Methods for further adapting XSL to HTML document transformations and devices thereof | |
| CN105739717B (zh) | 信息输入方法和装置 | |
| CN112130908A (zh) | 设置用户引导的方法及装置 | |
| WO2016111882A1 (en) | Control of access and management of browser annotations | |
| US11120099B2 (en) | Rendering a web element in a web page |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |