CN114124487B - 网页访问的实现方法、装置、设备及存储介质 - Google Patents

网页访问的实现方法、装置、设备及存储介质 Download PDF

Info

Publication number
CN114124487B
CN114124487B CN202111327274.8A CN202111327274A CN114124487B CN 114124487 B CN114124487 B CN 114124487B CN 202111327274 A CN202111327274 A CN 202111327274A CN 114124487 B CN114124487 B CN 114124487B
Authority
CN
China
Prior art keywords
image
area image
target area
target
client
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
Application number
CN202111327274.8A
Other languages
English (en)
Other versions
CN114124487A (zh
Inventor
邸学锋
袁林
傅强
阿曼太
智斌
贾立军
窦晶
刘道林
姜双双
张赫男
马洪彬
米胜山
范晓波
梁彧
蔡琳
杨满智
王杰
田野
金红
陈晓光
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Eversec Beijing Technology Co Ltd
Original Assignee
Eversec Beijing Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Eversec Beijing Technology Co Ltd filed Critical Eversec Beijing Technology Co Ltd
Priority to CN202111327274.8A priority Critical patent/CN114124487B/zh
Publication of CN114124487A publication Critical patent/CN114124487A/zh
Application granted granted Critical
Publication of CN114124487B publication Critical patent/CN114124487B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L63/00—Network architectures or network communication protocols for network security
    • H04L63/02—Network architectures or network communication protocols for network security for separating internal from external traffic, e.g. firewalls
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/957—Browsing optimisation, e.g. caching or content distillation
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L63/00—Network architectures or network communication protocols for network security
    • H04L63/02—Network architectures or network communication protocols for network security for separating internal from external traffic, e.g. firewalls
    • H04L63/0227—Filtering policies
    • H04L63/0236—Filtering by address, protocol, port number or service, e.g. IP-address or URL

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Software Systems (AREA)
  • Data Mining & Analysis (AREA)
  • Computer Hardware Design (AREA)
  • Computer Security & Cryptography (AREA)
  • Computing Systems (AREA)
  • Computer Networks & Wireless Communication (AREA)
  • Signal Processing (AREA)
  • Human Computer Interaction (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

本发明实施例公开了一种网页访问的实现方法、装置、设备及存储介质，该方法包括：当接收到客户端的网页访问请求时，根据网页访问请求中的域名地址，访问目标网页；对目标网页的视觉视口范围进行实时检测，当检测到视觉视口范围存在页面内容变化的目标区域时，截取目标区域图像，并将该目标区域图像发送至客户端进行展示。本发明实施例的技术方案，通过仅对视觉视口范围中存在页面内容变化的目标区域进行图像截取，可以避免对整个网页页面进行截取导致的网络带宽和流量资源的浪费，减少对网络带宽的占用，可以实现对视觉流的智能推送。

Description

网页访问的实现方法、装置、设备及存储介质
技术领域
本发明实施例涉及计算机技术领域，尤其涉及一种网页访问的实现方法、装置、设备及存储介质。
背景技术
Web隔离技术，通过将用户的网页访问行为转移至虚拟环境中，可以避免网络攻击对用户本机计算机的实质伤害，对提升用户网页访问安全性具有重要意义。
目前，现有的Web隔离方法，主要包括视觉流传送方法；在视觉流传送方法中，通过远程的Web隔离系统定时抓取网页页面图像并推送至客户端进行展示，或者，将网页页面分割为固定大小的瓦片推送至客户端进行展示。然而，在现有技术中，当网页页面中发送内容变化的区域较小时，仍然需要将整个网页页面或者对应的多个瓦片推送到客户端，容易造成网络带宽和流量资源的浪费。
发明内容
本发明实施例提供一种网页访问的实现方法、装置、设备及存储介质，可以避免对整个网页页面进行截取导致的网络带宽和流量资源的浪费，减少对网络带宽的占用，可以实现对视觉流的智能推送。
第一方面，本发明实施例提供了一种网页访问的实现方法，包括：
当接收到客户端的网页访问请求时，根据网页访问请求中的域名地址，访问目标网页；
对目标网页的视觉视口范围进行实时检测，当检测到视觉视口范围存在页面内容变化的目标区域时，截取目标区域图像；
将所述目标区域图像发送至客户端进行展示。
第二方面，本发明实施例还提供了一种网页访问的实现装置，包括：
目标网页访问模块，用于当接收到客户端的网页访问请求时，根据网页访问请求中的域名地址，访问目标网页；
目标区域图像截取模块，用于对目标网页的视觉视口范围进行实时检测，当检测到视觉视口范围存在页面内容变化的目标区域时，截取目标区域图像；
目标区域图像展示模块，用于将所述目标区域图像发送至客户端进行展示。
第三方面，本发明实施例还提供了一种电子设备，该电子设备包括：
一个或多个处理器；
存储装置，用于存储一个或多个计算机程序；
当所述一个或多个计算机程序被所述一个或多个处理器执行，使得所述一个或多个处理器执行所述计算机程序时实现本发明任意实施例提供的网页访问的实现方法。
第四方面，本发明实施例还提供了一种计算机可读存储介质，该存储介质上存储有计算机程序，该程序被处理器执行时实现本发明任意实施例提供的网页访问的实现方法。
本发明实施例提供的技术方案，当接收到客户端的网页访问请求时，根据网页访问请求中的域名地址，访问目标网页；对目标网页的视觉视口范围进行实时检测，当检测到视觉视口范围存在页面内容变化的目标区域时，截取目标区域图像，并将该目标区域图像发送至客户端进行展示，通过仅对视觉视口范围中存在页面内容变化的目标区域进行图像截取，可以避免对整个网页页面进行截取导致的网络带宽和流量资源的浪费，减少对网络带宽的占用，可以实现对视觉流的智能推送。
附图说明
图1是本发明一实施例中的一种网页访问的实现方法的流程图；
图2A是本发明另一实施例中的一种网页访问的实现方法的流程图；
图2B是本发明另一实施例中的一种确定合并区域的示意图；
图3是本发明另一实施例中的一种网页访问的实现装置的结构示意图；
图4是本发明另一实施例中的一种电子设备的结构示意图。
具体实施方式
下面将参照附图更详细地描述本发明的实施例。虽然附图中显示了本发明的某些实施例，然而应当理解的是，本发明可以通过各种形式来实现，而且不应该被解释为限于这里阐述的实施例，相反提供这些实施例是为了更加透彻和完整地理解本发明。应当理解的是，本发明的附图及实施例仅用于示例性作用，并非用于限制本发明的保护范围。
应当理解，本发明的方法实施方式中记载的各个步骤可以按照不同的顺序执行，和/或并行执行。此外，方法实施方式可以包括附加的步骤和/或省略执行示出的步骤。本发明的范围在此方面不受限制。
本文使用的术语“包括”及其变形是开放性包括，即“包括但不限于”。术语“基于”是“至少部分地基于”。术语“一个实施例”表示“至少一个实施例”；术语“另一实施例”表示“至少一个另外的实施例”；术语“一些实施例”表示“至少一些实施例”。其他术语的相关定义将在下文描述中给出。
需要注意，本发明中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分，并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。
需要注意，本发明中提及的“一个”、“多个”的修饰是示意性而非限制性的，本领域技术人员应当理解，除非在上下文另有明确指出，否则应该理解为“一个或多个”。
本发明实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的，而并不是用于对这些消息或信息的范围进行限制。
图1为本发明一实施例提供的一种网页访问的实现方法的流程图，本发明实施例可适用于利用远程服务器间接访问网页的情况；该方法可以由网页访问的实现装置来执行，该装置可由硬件和/或软件组成，并一般可集成在电子设备中，典型的，可以集成在安装有远程Web隔离服务的计算机设备或者服务器中。如图1所示，该方法具体包括如下步骤：
S110、当接收到客户端的网页访问请求时，根据网页访问请求中的域名地址，访问目标网页。
其中，网页访问请求，为用户在访问特定网页时，生成的网页资源请求信息；在本实施例中，网页访问请求可以包括需要访问网页的域名地址。域名地址，是由一系列用点分隔的字符组成的计算机或者计算机组的名称；用户需要访问网站时，可以在浏览器的网址栏输入域名地址，对应的域名服务器将该域名地址翻译为对应的网际协议地址，并基于该网际协议地址建立与网站服务器的连接。
需要说明的是，客户端均预先部署有Web隔离系统，用户在本地的网页访问均被转移至远程服务器的虚拟环境中；也即用户不通过本地的浏览器直接进行网页访问，而是通过连接的远程服务器中的浏览器进行间接的网页访问。对应的，远程服务器先获取对应的网页资源，并可以将该网页资源转换为像素形式的视觉流转发至客户端进行展示。
可选的，远程服务器可以对获取的网页资源进行无害化处理，并将无害化处理后的网页资源发送至客户端；其中，无害化处理后的网页资源，可以是图像或者无害化处理后的html指令。在本实施例中，通过远程服务器预先对网页资源进行无害化处理，可以提升客户端的网络安全性，降低被网络攻击的风险。
在本实施例中，用户在通过本地浏览器访问网页时，对应的网页访问请求不会直接发送至对应的域名服务器，而是被转发至预先建立链接的远程服务端。远程服务端在接受到本地端的网页访问请求时，对该网页访问请求进行解析，获取用户需要访问的域名地址，并控制浏览器引擎根据该域名地址，访问目标网页。
S120、对目标网页的视觉视口范围进行实时检测，当检测到视觉视口范围存在页面内容变化的目标区域时，截取目标区域图像。
其中，视觉视口范围，是指浏览器中页面可见区域的范围；可以理解的是，浏览器的视觉视口范围大小是有限的，当某个网页的内容较多时，无法一次性实现对全部网页内容的展示；此时，用户可通过滚动鼠标或者拖拽网页右侧的内容滚动条，实现对视觉视口范围中网页内容的切换。
需要说明的是，在实现对目标网页的成功访问之后，当用户需要对目标网页进行进一步的操作时，例如，页面内容的翻滚或者关键词的查找，客户端接收的用户的网页操作指令，同样会被转发至远程服务器。远程服务器根据接收的网页操作指令，对目标网页执行对应的操作，并将操作结果(例如，变更后的网页内容)发送至客户端。在本实施例中，用户的网页访问请求和网页操作指令，均会被转发至远程服务器，并通过远程服务器中的浏览器执行对应的操作，可以进一步提升客户端的网络安全性。
现有技术中，当视觉视口范围存在页面内容变化时，对视觉视口范围进行整体的图像截取，并发送至客户端进行展示，易导致对大量网络带宽的占用，以及对网络带宽和流量资源的浪费。针对上述问题，在本实施例中，当检测到视觉视口范围存在页面内容变化时，只选择存在页面内容变化的部分作为目标区域，并截取目标区域图像，可以降低需要传输的视觉流数据量，实现对视觉流的智能推送，且可以避免网络带宽和流量资源的浪费。
在本实施例中，远程服务端在实现对目标网页的成功访问后，可以对初次获取的目标网页的视觉视口范围部分进行整体图像截取，并将该整体图像发送至客户端。进一步的，远程服务器开始对目标网页的视觉视口范围进行实时的内容检测，如果检测到视觉视口范围内的部分区域发生页面内容的变化，例如，弹窗内容或者动画等，则可以将该部分区域确定为目标区域，并对该目标区域进行截图处理，以获取目标区域图像。
可选的，在对目标网页的视觉视口范围进行实时检测时，若检测到视觉视口范围内页面内容的整体变化，例如，用户翻滚页面，则可以直接将整个视觉视口范围作为目标区域，并对整个视觉视口范围进行截图处理，以获取对应的目标区域图像。可以理解的是，若检测到客户端的页面内容翻滚指令，可以自动确定视觉视口范围的内页面内容发生了整体变化，可以提升页面内容变化的检测效率。
可以理解的是，当视觉视口范围内的页面内容没有发生变化，则不需要截取对应的区域图像发送至客户端，可以避免传输无用数据导致的带宽和流量浪费。
S130、将所述目标区域图像发送至客户端进行展示。
在本实施例中，远程服务器在获取到目标区域图像之后，将该目标区域图像发送至客户端。客户端在接收到目标区域图像之后，在屏幕中的视觉视口范围的对应位置对目标区域图像进行展示。其中，目标区域图像在客户端的视觉视口范围中的位置，与在远程服务器的视觉视口范围中的位置一致。
在本实施例的一个可选的实施方式中，在当检测到视觉视口范围存在页面内容变化的目标区域时，截取目标区域图像之后，还可以包括：获取所述目标区域图像的图像尺寸和图像坐标；其中，图像尺寸可以包括目标区域图像的长和宽；图像坐标，可以是目标区域图像对应目标区域的边角在视觉视口范围对应坐标系下的坐标。目标区域的边角，可以是任意一个边角(例如，左上角)，只需客户端与远程服务器预先约定即可。
在本实施例中，可以在视觉视口范围中预先建立平面直角坐标系，例如，以视觉视口范围的左下角作为原点，右侧为x轴正方向，上方为y轴正方向，建立平面直角坐标系。值的注意的是，客户端和远程服务器的视觉视口范围具有相同的平面直角坐标系。
对应的，将所述目标区域图像发送至客户端进行展示，可以包括：将所述目标区域图像、图像尺寸和图像坐标发送至客户端，通过所述客户端，根据所述图像尺寸和图像坐标对所述目标区域图像进行展示。
在本实施例中，远程服务器在获取目标区域图像时，可以同时获取目标区域图像对应的图像尺寸和图像坐标，并将该目标区域图像、图像尺寸和图像坐标共同发送至客户端。客户端在接收到上述信息后，可以首先根据图像尺寸和图像坐标，在本地浏览器的视觉视口范围中确定对应的区域，进而将该目标区域图像填充至确定的对应区域，实现对目标区域图像的展示。
在本实施例中，通过仅对发生页面内容变化的目标区域进行截取，并对当前目标区域对应的图像尺寸、图像坐标以及目标区域图像进行共同传输，可以在客户端实现仅对目标区域的替换，避免对其它未发生内容变化的页面区域的截取和传输，可以避免传输无用数据导致的带宽和流量资源浪费。
本发明实施例提供的技术方案，当接收到客户端的网页访问请求时，根据网页访问请求中的域名地址，访问目标网页；对目标网页的视觉视口范围进行实时检测，当检测到视觉视口范围存在页面内容变化的目标区域时，截取目标区域图像，并将该目标区域图像发送至客户端进行展示，通过仅对视觉视口范围中存在页面内容变化的目标区域进行图像截取，可以避免对整个网页页面进行截取导致的网络带宽和流量资源的浪费，减少对网络带宽的占用，可以实现对视觉流的智能推送。
图2A为本发明又一实施例提供的网页访问的实现方法的流程图，本实施例以上述技术方案为基础，在本实施例中，若目标区域图像的截取时间与最近一次区域图像的发送时间的时间差小于预设时间差阈值，则对目标区域图像的图像尺寸和图像坐标进行临时存储，并在时间差达到预设时间差阈值时，对临时存储的各待发送区域图像进行合并发送；如图2A所示，该方法包括：
S210、当接收到客户端的网页访问请求时，根据网页访问请求中的域名地址，访问目标网页。
S220、对目标网页的视觉视口范围进行实时检测，当检测到视觉视口范围存在页面内容变化的目标区域时，截取目标区域图像。
S230、获取所述目标区域图像的截取时间，以及最近一次的区域图像发送时间。
S240、若检测到所述目标区域图像的截取时间，与最近一次的区域图像发送时间的时间差值小于预设时间差值阈值，则生成所述目标区域图像的图像尺寸和图像坐标的对应关系存储至临时缓存队列。
其中，预设时间差值阈值，为预先设置的区域图像的发送时间间隔，例如，预设时间差值阈值，可以为20毫秒或者30毫秒。可选的，也可以预先设置区域图像截取频率(例如，20～30次/秒)，以限定在一定时间内的区域图像截取次数，避免在短时间内对大量区域图像的截取。
可以理解的是，当在较短时间(例如，10毫秒)内，存在目标网页的页面内容的频繁变化时，此时，将存在大量的目标区域图像需要进行发送；对应的，客户端需要对大量的目标区域图像进行处理和展示，增加了客户端的数据处理压力。
在本实施例中，在获取到目标区域图像之后，并不对目标区域图像进行直接发送，而是获取当前目标区域图像的获取时间，以及最近一次的区域图像的发送时间。进而通过设置预设时间差值阈值，将截取时间与最近一次的区域图像发送时间的时间差值小于该预设时间差值阈值的目标区域图像对应的图像尺寸和图像坐标缓存在临时缓存队列，可以降低需要传输的图像数量，降低客户端的数据处理压力。
值的注意的是，在对目标区域图像进行存储时，仅存储对应的图像尺寸和图像坐标的对应关系，可以降低需要存储的数据量，避免对大量存储空间的占用。
S250、当检测到一个区域图像的截取时间，与最近一次的区域图像发送时间的时间差值大于或者等于预设时间差值阈值时，判断所检测区域图像的对应区域，与临时缓存队列中各对应关系的对应区域是否存在交集。
其中，当检测到一个区域图像的截取时间，与最近一次的区域图像发送时间的时间差值大于或者等于预设时间差值阈值时，检测该所检测区域图像对应的区域，与临时缓存队列中各对应关系的对应区域是否存在重叠部分。
S260、若是，则确定所检测区域图像的对应区域，与临时缓存队列中各对应关系的对应区域的合并区域，并根据所述合并区域，在目标网页的视觉视口范围内截取对应的合并区域图像。
在本实施例中，若确定所检测区域图像对应的区域，与临时缓存队列中各对应关系的对应区域存在交集，也即存在重叠部分，则可以合并这些区域为一个合并区域，并根据该合并区域重新在视觉视口范围内截取对应的合并区域图像。
在本实施例的一个可选的实施方式中，确定所检测区域图像的对应区域，与临时缓存队列中各对应关系的对应区域的合并区域，可以包括：确定所检测区域图像的对应区域，与临时缓存队列中各对应关系的对应区域的并集区域，并根据所述并集区域，确定矩形形式的合并区域。
其中，合并区域可以为规则的矩形形式；在本实施例中，在确定合并区域时，可以首先确定所检测区域图像的对应区域，与临时缓存队列中各对应关系的对应区域的并集区域；值的注意的是，由于存在交集的各区域存在很大的随机性，此时确定的并集区域可能为不规则区域。例如，如图2B所示，下方的三个矩形区域彼此存在交集，此时三个矩形区域的并集区域不是规则的矩形区域。对于不规则区域，无法通过区域尺寸和区域坐标对其进行描述；故可以在不规则并集区域的基础上，进一步确定其对应的矩形形式的合并区域。
进一步的，可以在远程服务器的视觉视口范围内，截取该合并区域对应的合并区域图像，同时确定该合并区域图像的图像尺寸和图像坐标，并将上述信息共同发送至客户端。客户端在接收到上述信息后，可以在本地浏览器显示窗口的对应区域对该合并区域图像进行展示。
可以理解的是，如图2B所示，当所检测区域图像的对应区域，与临时缓存队列中的部分对应关系的对应区域存在交集时，则根据存在交集的区域确定对应的合并区域(图像尺寸(W1，H1)，图像坐标(x1，y1))，而对于不存在交集的各区域，可以直接在视觉视口范围内截取对应的区域图像(图像尺寸(W，H)，图像坐标(x，y))，最终对合并区域图像和不存在交集各区域对应的区域图像进行同时发送。
在本实施例的另一个可选的实施方式中，根据所述并集区域，确定矩形形式的合并区域，可以包括：确定所述并集区域的最大边界长度和最大边界宽度，并根据所述最大边界长度和最大边界宽度，确定矩形形式的合并区域。
在本实施例中，在根据并集区域确定合并区域时，可以首先确定该并集区域的最大边界长度和最大边界宽度，如图2B所示，首先确定最大边界长度H1和最大边界宽度W1，进而确定矩形形式的合并区域。
在本实施例中，通过在检测到所检测区域图像对应的区域，与临时缓存队列中各对应关系的对应区域存在交集时，首先确定各存在交集区域的并集区域，并根据并集区域确定对应的矩形形式的合并区域，可以降低需要传输的图像数量，进而可以降低客户端需要处理的图像数量，降低客户端的数据处理压力。
S270、将所述合并区域图像发送至客户端进行展示。
在本实施例中，通过仅提取视觉视口范围内的页面变化区域图像，可以避免整屏推送或者瓦片推送导致的大量带宽和流量资源占用，可以提升带宽和流量利用率。
在本实施例的一个可选的实施方式中，在判断所检测区域图像的对应区域，与临时缓存队列中各对应关系的对应区域是否存在交集之后，还可以包括：若否，则根据临时缓存队列中各对应关系，在目标网页的视觉视口范围内截取对应的区域图像，并将所检测区域图像和各对应关系对应的区域图像发送至客户端进行展示。
在本实施例中，当所检测区域图像的对应区域，与临时缓存队列中各对应关系的对应区域不存在交集时，可以根据临时缓存队列中各对应关系，分别在目标网页的视觉视口范围内截取对应的区域图像，并对所检测区域图像和各对应关系对应的区域图像进行同时发送。
在本实施例的另一个可选的实施方式中，在根据所述合并区域，在目标网页的视觉视口范围内截取对应的合并区域图像之后，还可以包括：
判断所述合并区域图像的尺寸是否大于或者等于预设图像尺寸，若是，则确定图像编码质量为第一预设编码质量，并根据所述第一预设编码质量对所述合并区域图像进行编码处理；对应的，将所述合并区域图像发送至客户端进行展示，可以包括：将编码处理后的合并区域图像发送至客户端进行展示。
其中，预设图像尺寸，可以是预先设置的标准图像大小，例如，预设图像尺寸可以为500*500。
需要说明的是，远程服务器在将截取的区域图像发送至客户端进行展示时，需要对区域图像进行对应的编码；客户端在接收到编码后的区域图像后，可以采用对应的解码方式对该区域图像进行解码，并在视觉视口范围对解码后的区域图像进行展示。
在本实施例中，由于需要对一定时间内的区域图像进行合并处理，故最终获取的合并区域图像的尺寸可能比较大；此时，如果采用标准编码质量对合并区域图像进行编码处理，可能存在文件过大以及编码速度较慢等问题。
针对上述问题，在本实施例中，可以设置预设图像尺寸，并在对合并区域图像进行编码之前，预先判断当前的合并区域图像是否大于或者等于预设图像尺寸。其中，若确定合并区域图像的尺寸大于或者等于预设图像尺寸，则可以采用第一预设编码质量对合并区域图像进行编码，并将编码后的合并区域图像发送至客户端。其中，第一预设编码质量，可以是一定百分比的标准编码质量；例如，第一预设编码质量可以是70％。
在本实施例中，如果合并区域图像的尺寸超过预设图像尺寸，则在对合并区域图像进行编码时采用第一预设编码质量，即适当降低编码质量，可以在不影响客户端展示效果的前提下，降低编码图像文件的尺寸，减少对网络带宽的占用，可以实现编码速度、文件尺寸和图像质量间的平衡。
本发明实施例提供的技术方案，当接收到客户端的网页访问请求时，根据网页访问请求中的域名地址，访问目标网页；对目标网页的视觉视口范围进行实时检测，当检测到视觉视口范围存在页面内容变化的目标区域时，截取目标区域图像，获取目标区域图像的截取时间，以及最近一次的区域图像发送时间；并在检测到目标区域图像的截取时间，与最近一次的区域图像发送时间的时间差值小于预设时间差值阈值时，生成目标区域图像的图像尺寸和图像坐标的对应关系存储至临时缓存队列；进一步的，当检测到一个区域图像的截取时间，与最近一次的区域图像发送时间的时间差值大于或者等于预设时间差值阈值，且所检测区域图像的对应区域，与临时缓存队列中各对应关系的对应区域存在交集时，确定所检测区域图像的对应区域，与临时缓存队列中各对应关系的对应区域的合并区域，并根据该合并区域，在目标网页的视觉视口范围内截取对应的合并区域图像，并将该合并区域图像发送至客户端进行展示；通过对截取时间与最近一次区域图像的发送时间的时间差小于预设时间差阈值的目标区域图像的图像尺寸和图像坐标进行临时存储，并在检测到时间差达到预设时间差阈值时，对临时存储的各待发送区域图像进行合并发送，可以降低区域图像的推送次数，减少对网络带宽的占用，实现对视觉流的智能推送。
图3为本发明另一实施例提供的一种网页访问的实现装置的结构示意图。如图3所示，该装置包括：目标网页访问模块310、目标区域图像截取模块320和目标区域图像展示模块330。其中，
目标网页访问模块310，用于当接收到客户端的网页访问请求时，根据网页访问请求中的域名地址，访问目标网页；
目标区域图像截取模块320，用于对目标网页的视觉视口范围进行实时检测，当检测到视觉视口范围存在页面内容变化的目标区域时，截取目标区域图像；
目标区域图像展示模块330，用于将所述目标区域图像发送至客户端进行展示。
本发明实施例提供的技术方案，当接收到客户端的网页访问请求时，根据网页访问请求中的域名地址，访问目标网页；对目标网页的视觉视口范围进行实时检测，当检测到视觉视口范围存在页面内容变化的目标区域时，截取目标区域图像，并将该目标区域图像发送至客户端进行展示，通过仅对视觉视口范围中存在页面内容变化的目标区域进行图像截取，可以避免对整个网页页面进行截取导致的网络带宽和流量资源的浪费，减少对网络带宽的占用，可以实现对视觉流的智能推送。
可选的，在上述技术方案的基础上，所述网页访问的实现装置，还包括：
图像尺寸获取模块，用于获取所述目标区域图像的图像尺寸和图像坐标；
目标区域图像展示模块330，具体用于将所述目标区域图像、图像尺寸和图像坐标发送至客户端，通过所述客户端，根据所述图像尺寸和图像坐标对所述目标区域图像进行展示。
可选的，在上述技术方案的基础上，所述网页访问的实现装置，还包括：
时间获取模块，用于获取所述目标区域图像的截取时间，以及最近一次的区域图像发送时间；
对应关系生成模块，用于若检测到所述目标区域图像的截取时间，与最近一次的区域图像发送时间的时间差值小于预设时间差值阈值，则生成所述目标区域图像的图像尺寸和图像坐标的对应关系存储至临时缓存队列；
交集判断模块，用于当检测到一个区域图像的截取时间，与最近一次的区域图像发送时间的时间差值大于或者等于预设时间差值阈值时，判断所检测区域图像的对应区域，与临时缓存队列中各对应关系的对应区域是否存在交集；
合并区域确定模块，用于若是，则确定所检测区域图像的对应区域，与临时缓存队列中各对应关系的对应区域的合并区域，并根据所述合并区域，在目标网页的视觉视口范围内截取对应的合并区域图像；
目标区域图像展示模块330，具体用于将所述合并区域图像发送至客户端进行展示。
可选的，在上述技术方案的基础上，所述网页访问的实现装置，还包括：
区域图像获取模块，用于若否，则根据临时缓存队列中各对应关系，在目标网页的视觉视口范围内截取对应的区域图像，并将所检测区域图像和各对应关系对应的区域图像发送至客户端进行展示。
可选的，在上述技术方案的基础上，合并区域确定模块，具体用于确定所检测区域图像的对应区域，与临时缓存队列中各对应关系的对应区域的并集区域，并根据所述并集区域，确定矩形形式的合并区域。
可选的，在上述技术方案的基础上，合并区域确定模块，具体用于确定所述并集区域的最大边界长度和最大边界宽度，并根据所述最大边界长度和最大边界宽度，确定矩形形式的合并区域。
可选的，在上述技术方案的基础上，所述网页访问的实现装置，还包括：
图像编码模块，用于判断所述合并区域图像的尺寸是否大于或者等于预设图像尺寸，若是，则确定图像编码质量为第一预设编码质量，并根据所述第一预设编码质量对所述合并区域图像进行编码处理；
目标区域图像展示模块330，具体用于将编码处理后的合并区域图像发送至客户端进行展示。
上述装置可执行本发明前述实施例所提供的网页访问的实现方法，具备执行上述方法相应的功能模块和有益效果。未在本发明实施例中详尽描述的技术细节，可参见本发明前述实施例所提供的网页访问的实现方法。
图4为本发明另一实施例提供的一种电子设备的结构示意图，如图4所示，该电子设备包括处理器410、存储器420、输入装置430和输出装置440；电子设备中处理器410的数量可以是一个或多个，图4中以一个处理器410为例；电子设备中的处理器410、存储器420、输入装置430和输出装置440可以通过总线或其他方式连接，图4中以通过总线连接为例。存储器420作为一种计算机可读存储介质，可用于存储软件程序、计算机可执行程序以及模块，如本发明任意实施例中的一种网页访问的实现方法对应的程序指令/模块(例如，一种网页访问的实现装置中的目标网页访问模块310、目标区域图像截取模块320和目标区域图像展示模块330)。处理器410通过运行存储在存储器420中的软件程序、指令以及模块，从而执行电子设备的各种功能应用以及数据处理，即实现上述的一种网页访问的实现方法。也即，该程序被处理器执行时实现：
当接收到客户端的网页访问请求时，根据网页访问请求中的域名地址，访问目标网页；
对目标网页的视觉视口范围进行实时检测，当检测到视觉视口范围存在页面内容变化的目标区域时，截取目标区域图像；
将所述目标区域图像发送至客户端进行展示。
存储器420可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序；存储数据区可存储根据终端的使用所创建的数据等。此外，存储器420可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他非易失性固态存储器件。在一些实例中，存储器420可进一步包括相对于处理器410远程设置的存储器，这些远程存储器可以通过网络连接至电子设备。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。输入装置430可用于接收输入的数字或字符信息，以及产生与电子设备的用户设置以及功能控制有关的键信号输入，可以包括键盘和鼠标等。输出装置440可包括显示屏等显示设备。
可选的，该电子设备可以为服务器，服务器可以是独立的服务器，也可以是提供云服务、云数据库、云计算、云函数、云存储、网络服务、云通信、中间件服务、域名服务、安全服务、内容分发网络(Content Delivery Network，CDN)、以及大数据和人工智能平台等基础云计算服务的云服务器。
本发明实施例还提供一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现本发明任意实施例所述方法。当然，本发明实施例所提供的一种计算机可读存储介质，其可以执行本发明任意实施例所提供的一种网页访问的实现方法中的相关操作。也即，该程序被处理器执行时实现：
当接收到客户端的网页访问请求时，根据网页访问请求中的域名地址，访问目标网页；
对目标网页的视觉视口范围进行实时检测，当检测到视觉视口范围存在页面内容变化的目标区域时，截取目标区域图像；
将所述目标区域图像发送至客户端进行展示。
通过以上关于实施方式的描述，所属领域的技术人员可以清楚地了解到，本发明可借助软件及必需的通用硬件来实现，当然也可以通过硬件实现，但很多情况下前者是更佳的实施方式。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在计算机可读存储介质中，如计算机的软盘、只读存储器(Read-Only Memory,ROM)、随机存取存储器(RandomAccess Memory,RAM)、闪存(FLASH)、硬盘或光盘等，包括若干指令用以使得一台电子设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例所述的方法。
值得注意的是，上述网页访问的实现装置的实施例中，所包括的各个单元和模块只是按照功能逻辑进行划分的，但并不局限于上述的划分，只要能够实现相应的功能即可；另外，各功能单元的具体名称也只是为了便于相互区分，并不用于限制本发明的保护范围。
注意，上述仅为本发明的较佳实施例及所运用技术原理。本领域技术人员会理解，本发明不限于这里所述的特定实施例，对本领域技术人员来说能够进行各种明显的变化、重新调整和替代而不会脱离本发明的保护范围。因此，虽然通过以上实施例对本发明进行了较为详细的说明，但是本发明不仅仅限于以上实施例，在不脱离本发明构思的情况下，还可以包括更多其他等效实施例，而本发明的范围由所附的权利要求范围决定。

Claims (9)

1.一种网页访问的实现方法，其特征在于，包括：
当接收到客户端的网页访问请求时，根据网页访问请求中的域名地址，访问目标网页；
对目标网页的视觉视口范围进行实时检测，当检测到视觉视口范围存在页面内容变化的目标区域时，截取目标区域图像；
获取所述目标区域图像的截取时间，以及最近一次的区域图像发送时间；
若检测到所述目标区域图像的截取时间，与最近一次的区域图像发送时间的时间差值小于预设时间差值阈值，则生成所述目标区域图像的图像尺寸和图像坐标的对应关系存储至临时缓存队列；
当检测到一个区域图像的截取时间，与最近一次的区域图像发送时间的时间差值大于或者等于预设时间差值阈值时，判断所检测区域图像的对应区域，与临时缓存队列中各对应关系的对应区域是否存在交集；
若是，则确定所检测区域图像的对应区域，与临时缓存队列中各对应关系的对应区域的合并区域，并根据所述合并区域，在目标网页的视觉视口范围内截取对应的合并区域图像；
将所述目标区域图像发送至客户端进行展示；
其中，将所述目标区域图像发送至客户端进行展示，包括：
将所述合并区域图像发送至客户端进行展示。
2.根据权利要求1所述的方法，其特征在于，在当检测到视觉视口范围存在页面内容变化的目标区域时，截取目标区域图像之后，还包括：
获取所述目标区域图像的图像尺寸和图像坐标；
将所述目标区域图像发送至客户端进行展示，包括：
将所述目标区域图像、图像尺寸和图像坐标发送至客户端，通过所述客户端，根据所述图像尺寸和图像坐标对所述目标区域图像进行展示。
3.根据权利要求1所述的方法，其特征在于，在判断所检测区域图像的对应区域，与临时缓存队列中各对应关系的对应区域是否存在交集之后，还包括：
若否，则根据临时缓存队列中各对应关系，在目标网页的视觉视口范围内截取对应的区域图像，并将所检测区域图像和各对应关系对应的区域图像发送至客户端进行展示。
4.根据权利要求1所述的方法，其特征在于，确定所检测区域图像的对应区域，与临时缓存队列中各对应关系的对应区域的合并区域，包括：
确定所检测区域图像的对应区域，与临时缓存队列中各对应关系的对应区域的并集区域，并根据所述并集区域，确定矩形形式的合并区域。
5.根据权利要求4所述的方法，其特征在于，根据所述并集区域，确定矩形形式的合并区域，包括：
确定所述并集区域的最大边界长度和最大边界宽度，并根据所述最大边界长度和最大边界宽度，确定矩形形式的合并区域。
6.根据权利要求1所述的方法，其特征在于，在根据所述合并区域，在目标网页的视觉视口范围内截取对应的合并区域图像之后，还包括：
判断所述合并区域图像的尺寸是否大于或者等于预设图像尺寸，若是，则确定图像编码质量为第一预设编码质量，并根据所述第一预设编码质量对所述合并区域图像进行编码处理；
将所述合并区域图像发送至客户端进行展示，包括：
将编码处理后的合并区域图像发送至客户端进行展示。
7.一种网页访问的实现装置，其特征在于，包括：
目标网页访问模块，用于当接收到客户端的网页访问请求时，根据网页访问请求中的域名地址，访问目标网页；
目标区域图像截取模块，用于对目标网页的视觉视口范围进行实时检测，当检测到视觉视口范围存在页面内容变化的目标区域时，截取目标区域图像；
时间获取模块，用于获取所述目标区域图像的截取时间，以及最近一次的区域图像发送时间；
对应关系生成模块，用于若检测到所述目标区域图像的截取时间，与最近一次的区域图像发送时间的时间差值小于预设时间差值阈值，则生成所述目标区域图像的图像尺寸和图像坐标的对应关系存储至临时缓存队列；
交集判断模块，用于当检测到一个区域图像的截取时间，与最近一次的区域图像发送时间的时间差值大于或者等于预设时间差值阈值时，判断所检测区域图像的对应区域，与临时缓存队列中各对应关系的对应区域是否存在交集；
合并区域确定模块，用于若是，则确定所检测区域图像的对应区域，与临时缓存队列中各对应关系的对应区域的合并区域，并根据所述合并区域，在目标网页的视觉视口范围内截取对应的合并区域图像；
目标区域图像展示模块，用于将所述目标区域图像发送至客户端进行展示；
目标区域图像展示模块，具体用于将所述合并区域图像发送至客户端进行展示。
8.一种电子设备，其特征在于，包括：
一个或多个处理器；
存储装置，用于存储一个或多个计算机程序；
当所述一个或多个计算机程序被所述一个或多个处理器执行，使得所述一个或多个处理器执行所述计算机程序时实现如权利要求1-6中任一所述的网页访问的实现方法。
9.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该计算机程序被处理器执行时实现如权利要求1-6中任一所述的网页访问的实现方法。
CN202111327274.8A 2021-11-10 2021-11-10 网页访问的实现方法、装置、设备及存储介质 Active CN114124487B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202111327274.8A CN114124487B (zh) 2021-11-10 2021-11-10 网页访问的实现方法、装置、设备及存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202111327274.8A CN114124487B (zh) 2021-11-10 2021-11-10 网页访问的实现方法、装置、设备及存储介质

Publications (2)

Publication Number Publication Date
CN114124487A CN114124487A (zh) 2022-03-01
CN114124487B true CN114124487B (zh) 2023-12-01

Family

ID=80378120

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202111327274.8A Active CN114124487B (zh) 2021-11-10 2021-11-10 网页访问的实现方法、装置、设备及存储介质

Country Status (1)

Country Link
CN (1) CN114124487B (zh)

Citations (16)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101370010A (zh) * 2007-03-15 2009-02-18 卢森特技术有限公司 用于安全网络浏览的方法及装置
CN102045372A (zh) * 2009-10-20 2011-05-04 上海及第熊软件科技有限公司 一种实现远程静态化的网站内容发布方法和系统
CN102314468A (zh) * 2010-09-17 2012-01-11 苏州阔地网络科技有限公司 一种同步浏览的方法
CN102981705A (zh) * 2012-11-09 2013-03-20 北京奇虎科技有限公司 服务器端浏览器实现方法及服务器
CN103020110A (zh) * 2011-10-28 2013-04-03 微软公司 创建并维护所浏览的文档的图像
CN103518362A (zh) * 2011-03-11 2014-01-15 高通股份有限公司 用于访问具有分配的网络地址的设备的系统和方法
WO2014174369A2 (en) * 2013-03-29 2014-10-30 Mcgushion Kevin D Mapping of defined regions within a webpage
CN107193826A (zh) * 2016-03-14 2017-09-22 百度在线网络技术（北京）有限公司 一种截取浏览器窗口变化的方法和截取装置
EP3247084A1 (en) * 2016-05-17 2017-11-22 Nolve Developments S.L. Server and method for providing secure access to web-based services
JP2018021802A (ja) * 2016-08-02 2018-02-08 本多電子株式会社 超音波探知装置
CN108880921A (zh) * 2017-05-11 2018-11-23 腾讯科技（北京）有限公司 网页监测方法
CN108959565A (zh) * 2018-07-04 2018-12-07 广东小天才科技有限公司 一种网页内容过滤的方法、装置及服务器
CN112868212A (zh) * 2018-09-12 2021-05-28 思杰系统有限公司 用于html应用的改进的远程显示协议的系统和方法
CN113254823A (zh) * 2021-05-13 2021-08-13 浙江网商银行股份有限公司 网页数据处理方法及装置
CN113515390A (zh) * 2021-04-12 2021-10-19 创业慧康科技股份有限公司 页面间数据交互处理方法、装置、电子设备及存储介质
CN113515213A (zh) * 2021-08-03 2021-10-19 恒安嘉新（北京）科技股份公司 一种光标形状同步方法、远程浏览系统、设备及存储介质

Family Cites Families (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2013162422A (ja) * 2012-02-07 2013-08-19 Canon Inc 画像形成装置、その制御方法、及びプログラム
US11968179B2 (en) * 2016-05-18 2024-04-23 Zscaler, Inc. Private application access with browser isolation
US11496464B2 (en) * 2019-12-20 2022-11-08 MobileIron, Inc. Secure access via remote browser isolation

Patent Citations (16)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101370010A (zh) * 2007-03-15 2009-02-18 卢森特技术有限公司 用于安全网络浏览的方法及装置
CN102045372A (zh) * 2009-10-20 2011-05-04 上海及第熊软件科技有限公司 一种实现远程静态化的网站内容发布方法和系统
CN102314468A (zh) * 2010-09-17 2012-01-11 苏州阔地网络科技有限公司 一种同步浏览的方法
CN103518362A (zh) * 2011-03-11 2014-01-15 高通股份有限公司 用于访问具有分配的网络地址的设备的系统和方法
CN103020110A (zh) * 2011-10-28 2013-04-03 微软公司 创建并维护所浏览的文档的图像
CN102981705A (zh) * 2012-11-09 2013-03-20 北京奇虎科技有限公司 服务器端浏览器实现方法及服务器
WO2014174369A2 (en) * 2013-03-29 2014-10-30 Mcgushion Kevin D Mapping of defined regions within a webpage
CN107193826A (zh) * 2016-03-14 2017-09-22 百度在线网络技术（北京）有限公司 一种截取浏览器窗口变化的方法和截取装置
EP3247084A1 (en) * 2016-05-17 2017-11-22 Nolve Developments S.L. Server and method for providing secure access to web-based services
JP2018021802A (ja) * 2016-08-02 2018-02-08 本多電子株式会社 超音波探知装置
CN108880921A (zh) * 2017-05-11 2018-11-23 腾讯科技（北京）有限公司 网页监测方法
CN108959565A (zh) * 2018-07-04 2018-12-07 广东小天才科技有限公司 一种网页内容过滤的方法、装置及服务器
CN112868212A (zh) * 2018-09-12 2021-05-28 思杰系统有限公司 用于html应用的改进的远程显示协议的系统和方法
CN113515390A (zh) * 2021-04-12 2021-10-19 创业慧康科技股份有限公司 页面间数据交互处理方法、装置、电子设备及存储介质
CN113254823A (zh) * 2021-05-13 2021-08-13 浙江网商银行股份有限公司 网页数据处理方法及装置
CN113515213A (zh) * 2021-08-03 2021-10-19 恒安嘉新（北京）科技股份公司 一种光标形状同步方法、远程浏览系统、设备及存储介质

Non-Patent Citations (2)

* Cited by examiner, † Cited by third party
Title
Browser Security Model;J Mitchell;《IEEE》;全文 *
基于远程浏 览器 的 网络隔离安全技术 研究与实现;田青青;《中国优秀硕士论文全文库信息科技辑》;全文 *

Also Published As

Publication number Publication date
CN114124487A (zh) 2022-03-01

Similar Documents

Publication Publication Date Title
CN109120984B (zh) 弹幕显示方法、装置、终端及服务器
CN107341160B (zh) 一种拦截爬虫的方法及装置
CN103124263B (zh) 一种广告推送系统及广告推送设备、广告服务器
US8856325B2 (en) Network element failure detection
CN107040584B (zh) 客户端下载图片的方法及装置
CN107145340B (zh) 虚拟桌面图像传输方法及装置
WO2016034089A1 (zh) 图片渲染方法和装置、移动终端以及机器可读存储介质
US10079770B2 (en) Junk information filtering method and apparatus
CN104426985A (zh) 显示网页的方法、装置及系统
WO2014187108A1 (zh) 服务器、客户端及视频处理方法
US10158735B2 (en) Read-ahead on signed connections with unsigning, inline, transparent proxies
CN103678372A (zh) 一种用于获取页面的应用性能的方法和设备
JP7465370B2 (ja) 情報共有方法、装置、電子機器及び記憶媒体
CN112149039A (zh) 一种提升前端网页加载速度的方法
CN103425930B (zh) 一种在线实时脚本检测方法及系统
CN114124487B (zh) 网页访问的实现方法、装置、设备及存储介质
CN1812410B (zh) 文件传输管理系统及方法
CN112565666B (zh) 一种快速查看桌面共享历史内容的方法与系统
US20240028757A1 (en) Inline file download controls in remote browser isolation system
CN109831673B (zh) 一种直播间数据处理方法、装置、设备及存储介质
CN103957236A (zh) 基于远程控制的图像显示方法和传输方法
CN115202779A (zh) 一种远程控制方法及相关设备
CN112491974A (zh) 远程浏览方法、装置、存储介质、终端设备及服务器
CN111859203A (zh) 加载策略下发方法、装置和电子设备
CN105610979A (zh) 一种基于虚拟化技术的网络资源传输系统及其方法

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