CN118897709A - 网页显示方法、装置、电子设备及可读存储介质 - Google Patents
网页显示方法、装置、电子设备及可读存储介质 Download PDFInfo
- Publication number
- CN118897709A CN118897709A CN202411398329.8A CN202411398329A CN118897709A CN 118897709 A CN118897709 A CN 118897709A CN 202411398329 A CN202411398329 A CN 202411398329A CN 118897709 A CN118897709 A CN 118897709A
- Authority
- CN
- China
- Prior art keywords
- webpage
- processed
- class
- target
- web page
- 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.)
- Granted
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; 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
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; 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
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- Databases & Information Systems (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Data Mining & Analysis (AREA)
- Human Computer Interaction (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明实施例提供了一种网页显示方法、装置、电子设备及可读存储介质,方法包括:响应于网页显示请求,基于网页显示请求对应的待显示网页,获取待显示网页中添加有事件行为的网页元素,作为待处理元素;获取待处理元素对应的网页声明文件,并基于网页声明文件获取待处理元素所添加的事件行为的标签信息;创建目标元素类,并基于标签信息设置目标元素类的标签信息;在待显示网页中将目标元素类与待处理元素进行关联,并显示待显示网页。避免了符合W3C标准的浏览器不支持通过组件文件为网页元素添加事件行为所导致的无效的问题,提高了网页显示效果。
Description
技术领域
本发明属于网页技术领域,特别是涉及一种网页显示方法、装置、电子设备及可读存储介质。
背景技术
随着网页技术的发展,很多网站或系统可以制作网页,用户可以通过浏览器对不同的网页进行浏览,目前大部分网页开发均是通过超文本标记语言(Hyper Text MarkupLanguage,HTML)实现的。在此基础上,微软推出的网页浏览器(Internet Explorer,IE)的5.0版本推出了组件机制,可以编写可重用的组件,并通过组件生成组件文件供网页使用。
现有技术中,可以通过组件文件将事件行为附加到网页元素上,但是符合万维网联盟(W3C)标准的网页浏览器(例如,谷歌浏览器Chrome)不支持通过组件文件将事件行为附加到网页元素中,导致在这些浏览器中加载含有组件文件的网页时,网页元素所附加的行为无效,使得网页显示效果较差。
发明内容
本发明提供一种网页显示方法、装置、电子设备及可读存储介质,以便解决网页显示效果较差的问题。
为了解决上述技术问题,本发明是这样实现的:
第一方面,本发明提供一种网页显示方法,其特征在于,应用于符合W3C标准的浏览器,包括:
响应于网页显示请求,基于所述网页显示请求对应的待显示网页,获取所述待显示网页中添加有事件行为的网页元素,作为待处理元素;
获取所述待处理元素对应的网页声明文件,并基于所述网页声明文件获取所述待处理元素所添加的事件行为的标签信息;所述网页声明文件为与所述W3C标准不兼容的文件,所述网页声明文件用于定义事件行为;
创建目标元素类,并基于所述标签信息设置所述目标元素类的标签信息;
在所述待显示网页中将所述目标元素类与所述待处理元素进行关联,并显示所述待显示网页。
第二方面,本发明提供一种网页显示装置,其特征在于,应用于符合W3C标准的浏览器,所述装置包括:
第一获取模块,响应于网页显示请求,基于所述网页显示请求对应的待显示网页,获取所述待显示网页中添加有事件行为的网页元素,作为待处理元素;
第二获取模块,用于所述待处理元素对应的网页声明文件,并基于所述网页声明文件获取所述待处理元素所添加的事件行为的标签信息;所述网页声明文件为与所述W3C标准不兼容的文件,所述网页声明文件用于定义事件行为;
创建模块,用于创建目标元素类,并基于所述标签信息设置所述目标元素类的标签信息;
关联模块,用于在所述待显示网页中将所述目标元素类与所述待处理元素进行关联,并显示所述待显示网页。
第三方面,本发明提供一种电子设备,包括:处理器、存储器以及存储在所述存储器上并可在所述处理器上运行的计算机程序,其特征在于,所述处理器执行所述程序时实现上述网页显示方法。
第四方面,本发明提供一种可读存储介质,当所述存储介质中的指令由电子设备的处理器执行时,使得电子设备能够执行上述网页显示方法。
本发明实施例所提供的网页显示方法,响应于网页显示请求,基于所述网页显示请求对应的待显示网页,获取所述待显示网页中添加有事件行为的网页元素,作为待处理元素;获取所述待处理元素对应的网页声明文件,并基于所述网页声明文件获取所述待处理元素所添加的事件行为的标签信息;创建目标元素类,并基于所述标签信息设置所述目标元素类的标签信息;在所述待显示网页中将所述目标元素类与所述待处理元素进行关联,并显示所述待显示网页。通过针对待处理元素创建目标元素类,并基于待处理元素对应的网页声明文件设置目标元素类的标签信息,可以实现针对网页声明文件中为待处理元素所添加的事件行为进行封装,目标元素类即为封装所得到的代码,这样,通过在待显示网页中将待处理元素与目标元素类进行关联,则可以在网页中直接为待处理元素添加事件行为,不再通过组件文件实现事件行为的添加,避免了符合W3C标准的浏览器不支持通过组件文件为网页元素添加事件行为所导致的无效的问题,提高了网页显示效果。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍,显而易见地,下面描述中的附图是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是本发明实施例提供的一种网页显示方法的步骤流程图;
图2是本发明实施例提供的一种网页显示装置的结构图;
图3是本发明实施例提供的一种电子设备的结构图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
图1是本发明实施例提供的一种网页显示方法的步骤流程图,该方法可以应用于符合W3C标准的浏览器,如图1所示,该方法可以包括如下步骤:
步骤101、响应于网页显示请求,基于所述网页显示请求对应的待显示网页,获取所述待显示网页中添加有事件行为的网页元素,作为待处理元素。
步骤102、获取所述待处理元素对应的网页声明文件,并基于所述网页声明文件获取所述待处理元素所添加的事件行为的标签信息。
步骤103、创建目标元素类,并基于所述标签信息设置所述目标元素类的标签信息。
步骤104、在所述待显示网页中将所述目标元素类与所述待处理元素进行关联,并显示所述待显示网页。
针对上述步骤101~104,本发明实施例可以应用于任一符合万维网联盟(W3C)标准的网页浏览器,例如Chrome、龙芯浏览器等,本发明实施例对此不作限制。其中,上述网页显示请求可以是用户通过实际的网页显示需求所发送的,其中可以携带网页地址,即统一资源定位符(Uniform Resource Locator,URL)地址,在此基础上,可以通过访问网页显示请求所包含的URL地址获取待显示网页。
进一步地,浏览器在访问待显示网页的URL地址时,可以获取到该待显示网页对应的网页设计文件,网页设计文件指的是万维网(World Wide Web,web)结构标准文件,其中包含采用轻量级的脚本编程语言(JavaScript,JS)编写的代码,其用于定义网页的页面结构以及页面内容,页面中的不同内容对应不同的网页元素。在此基础上,本发明实施例可以通过网页设计文件获取该待显示网页中添加有事件行为的网页元素作为待处理元素。
其中,上述事件行为包括事件以及行为,事件指的是与网页元素的交互事件,行为指的是对网页元素触发上述事件后所需执行的操作。示例性地,上述事件可以是鼠标悬停事件、点击事件等,上述行为可以是跳转至指定页面或者执行指定指令。上述事件以及行为均可以是在网页设计阶段由设计人员自行设置的,本发明实施例对此不作限制。
进一步地,在网页设计文件中,通常通过设置命名空间为网页元素添加事件行为。其中,命名空间(namespace)指的是声明性区域,其相当于一个隔离环境,可以用于划分不同网页元素所添加的事件行为。在此基础上,本发明实施例可以对网页设计文件中各个网页元素进行遍历,若一网页元素的名称前存在namespace声明,则可以确定该网页元素添加有事件行为,此时可以将该网页元素作为待处理元素。
其中,上述网页声明文件指的是用于定义事件行为的文件,即组件文件,其与W3C标准不兼容,因而符合W3C标准的浏览器无法通过组件文件为网页元素添加事件行为。其中,上述组件文件可以是超文本标记语言组件(HTML Components)文件,还可以是可扩展绑定语言(XML Binding Language,XBL)文件,本发明实施例对此不作限制。
具体的,XBL允许开发者将特定的行为和事件处理程序绑定到网页元素(XUL元素)上,从而创建具有交互性的用户界面组件。XBL文件包含了一组绑定列表,每个绑定项描述了一个XUL组件的行为模式,包括内容、属性、方法、事件和样式。相应地,HTC也可以允许开发者将特定的事件行为绑定到网页元素上,HTC文件中包含多个标签,包括方法、属性、事件以及行为。
具体的,一个组件文件可以对一个或多个事件行为进行定义声明。相应地,上述标签信息指的是所定义的事件行为的具体内容,一个网页可以应用多个事件行为,相应地,一个网页可以对应一个或多个组件文件。进一步地,可以为一个网页元素添加一个或多个事件行为,在此基础上,一个待处理元素可以对应一个或多个组件文件。
进一步地,本发明实施例在接收到网页显示请求后,可以通过网页显示请求所包含的URL地址同时获取到网页设计文件以及网页声明文件,具体可以通过接口函数集(XMLHttpRequest)向URL地址发送文件获取请求,得到网页设计文件以及待显示网页所采用的所有网页声明文件。进一步地,在待显示网页中包含多个待处理元素的情况下,本发明实施例所提供的网页显示方法可以是对各个待处理元素分别执行的。进一步地,待处理元素所对应的命名空间中可以包含相对应的组件文件的文件标识,从而可以通过文件标识从所获取的所有网页声明文件中获取与待处理元素对应的网页声明文件。
进一步地,本发明实施例在获取到待处理元素对应的网页声明文件之后,可以获取其中所包含的内容,以得到待处理元素所添加的事件行为的标签信息。具体的,在获取到网页声明文件后,可以通过HTML解析接口(DOMParser)将网页声明文件中的内容转换为文档元素(documentElement),转换后的内容通常为文档节点形式(Document Object Model,DOM),不同节点对应不同的标签信息,因此可以对得到的DOM节点进行遍历,依次获取每个DOM节点对应的属性值,进而得到上述标签信息。
可选地,上述标签信息包括方法标签、属性标签、事件标签以及行为标签,上述基于所述网页声明文件获取所述待处理元素所添加的事件行为的标签信息的操作,本发明实施例具体可以包括:
S1021、将所述网页声明文件所包含的内容转换为文档节点;
S1022、对转换得到的文档节点进行遍历,基于各文档节点的节点标识依次获取方法节点、属性节点、事件节点以及行为节点;
S1023、基于所述方法节点、属性节点、事件节点以及行为节点,分别获取方法标签、属性标签、事件标签以及行为标签。
其中,上述方法标签指的是方法节点的属性值,其用于表征组件文件中所定义的应用于待显示网页的方法。上述属性标签指的是属性节点的属性值,其用于表征组件文件中所定义的应用于待显示网页的属性。上述事件标签指的是事件节点的属性值,其用于表征组件文件中所定义的应用于待显示网页的事件。上述行为标签指的是行为节点的属性值,其用于表征组件文件中所定义的绑定于事件的方法,当待显示网页中的待处理元素触发所绑定的事件时执行行为标签所表征的行为,其通常为函数形式。
其中,上述转换操作可以通过DOMParser接口实现。上述节点标识指的是DOM节点的tagName,进一步地,可以通过节点标识依次获取上述方法节点、属性节点、事件节点以及行为节点。具体的,可以采用各DOM节点的节点标识分别与方法节点、属性节点、事件节点以及行为节点各自对应的参照节点标识进行比对,在与一参照节点标识比对一致时,则可以确认该节点为该参照节点标识对应的节点。示例性地,以HTC文件为例,方法节点对应的参照节点标识通常为PUBLIC:METHOD,相应地,属性节点对应的参照节点标识通常为PUBLIC:PROPERTY,相应地,事件节点对应的参照节点标识通常为PUBLIC:EVENT,相应地,行为节点对应的参照节点标识通常为PUBLIC:ATTACH。
进一步地,在获取到方法节点、属性节点、事件节点以及行为节点之后,可以通过属性获取接口(getAttribute)依次获取各个节点的属性值,并将方法节点的属性值确定为方法标签,将属性节点的属性值确定为属性标签,将事件节点的属性值确定为事件标签,将行为节点的属性值确定为行为标签。
本发明实施例通过上述方式可以实现对组件文件的解析,得到组件文件为待处理元素所添加的事件行为的标签信息。
在基于网页声明文件得到为待处理元素所添加的事件行为的标签信息之后,本发明实施例可以采用兼容代码对标签信息进行封装。具体的,可以创建目标元素类,并基于标签信息设置目标元素类的标签信息。具体的,上述创建操作可以通过JS语言实现,以使目标元素类适用于Chrome、FireFox、Edge等浏览器。
具体的,可以通过创建接口(create)创建目标元素类,在此基础上,目标元素类并非组件所提供的元素类,而是自定义元素类。进一步地,本发明实施例可以为该目标元素类设置标签信息,具体可以基于所获取的为待处理元素所添加的事件行为的标签信息,为该目标元素类设置标签信息。
可选地,上述基于所述标签信息设置所述目标元素类的标签信息的操作,本发明实施例具体可以包括:
在所述目标元素类中设置与所述标签信息一致的标签信息。
具体的,可以在目标元素类中设置与上述标签信息一致的标签信息。具体的,上述属性标签通常包含属性节点(<public:property>节点)的name、get和put属性值,可以在目标元素类中创建对应属性的 “getter” 和 “setter” 方法,其中,目标元素类中所创建的属性名为name属性值,getter方法是get属性值,setter方法是put属性值。
进一步地,上述方法标签通常包含方法节点(<public:method>节点)的name属性值,可以在目标元素类中创建对应的方法,并设置其属性值为name属性值指向的函数。相应地,上述事件标签通常包含事件节点(<public:event>节点)的name属性值,可以在目标元素类中创建对应的事件,并设置其属性值为name属性值指向的函数。
相应地,上述行为标签通常包含行为节点(<public:attach>节点)的event和onevent属性值,同样需要根据event的属性值判断该事件是否是内建事件,如果不是内建事件,需要为自定义元素创建相应事件,然后为自定义元素使用addEventListener方法绑定事件,事件的回调函数为onevent属性值指向的方法。
可选地,在组件文件为XBL文件的情况下,上述标签信息还可以包括构造函数节点(<constructor>)和析构函数节点(<destructor>),其分别用于映射到自定义元素的connectedCallback和disconnectedCallback生命周期回调函数。
本发明实施例中,通过上述步骤创建目标元素类并设置目标元素类的标签信息,相当于对组件文件中的代码进行了重新封装,避免了网页无法对组件文件进行解析所导致的事件行为添加无效的问题,网页可以对封装后的目标元素类进行识别,使得封装得到的目标元素类可以便于在待显示网页中与待处理元素进行关联。
进一步地,在得到目标元素类后,可以在待显示网页中将目标元素类与待处理元素进行关联,并显示待显示网页。具体的,上述关联方式可以通过关联接口实现,也可以采用目标元素类注册目标元素,并采用目标元素对待处理元素进行替换,具体可以根据待处理元素的类别采用不同的关联方式。
综上所述,本发明实施例中,响应于网页显示请求,基于所述网页显示请求对应的待显示网页,获取所述待显示网页中添加有事件行为的网页元素,作为待处理元素;获取所述待处理元素对应的网页声明文件,并基于所述网页声明文件获取所述待处理元素所添加的事件行为的标签信息;创建目标元素类,并基于所述标签信息设置所述目标元素类的标签信息;在所述待显示网页中将所述目标元素类与所述待处理元素进行关联,并显示所述待显示网页。通过针对待处理元素创建目标元素类,并基于待处理元素对应的网页声明文件设置目标元素类的标签信息,可以实现针对网页声明文件中为待处理元素所添加的事件行为进行封装,目标元素类即为封装所得到的代码,这样,通过在待显示网页中将待处理元素与目标元素类进行关联,则可以在网页中直接为待处理元素添加事件行为,不再通过组件文件实现事件行为的添加,避免了符合W3C标准的浏览器不支持通过组件文件为网页元素添加事件行为所导致的无效的问题,提高了网页显示效果。
可选地,上述获取所述待显示网页中添加有事件行为的网页元素,作为待处理元素的操作之后,本发明实施例具体可以包括:
S21、获取所述待处理元素的标识信息。
在所述标识信息属于目标标识集的情况下,上述在所述待显示网页中将所述目标元素类与所述待处理元素进行关联的操作,具体可以包括:
S22、在所述待显示网页中通过关联接口将所述目标元素类设置为所述待处理元素的事件行为,以关联所述目标元素类与所述待处理元素;所述目标标识集中包含网页可识别元素的元素标识。
其中,上述标识信息指的是待处理元素的tagName,上述目标标识集包含网页可识别元素的元素标识,上述网页可识别元素指的是普通的HTML元素或XUL元素,这类元素是HTML5标准所支持的,可以被浏览器识别显示。示例性地,上述目标标识集中通常包含的元素标识为SPAN、TABLE、H2等。
具体的,在待处理元素的标识信息属于上述目标标识集的情况下,表明待处理元素可以直接被识别显示,此时可以在待显示网页中可以直接通过关联接口将目标元素类设置为待处理元素的事件行为,即可实现目标元素类与待处理元素的关联。其中,上述关联接口指的是事件监听接口(addEventListener),其可以对待处理元素上所发生的事件进行监听,并在监听到目标元素类中的事件的情况下,执行目标元素类中的行为。
本发明实施例中,在待处理元素的标识信息属于网页可识别元素的元素标识的情况下,在待显示网页中直接通过关联接口将目标元素类设置为待处理元素的事件行为,可以便捷地实现目标元素类与待处理元素的关联,避免了待处理元素所添加的事件行为无效的问题。
可选地,在所述标识信息不属于所述目标标识集的情况下,上述在所述待显示网页中将所述目标元素类与所述待处理元素进行关联的操作,具体可以包括:
S31、对所述目标元素类进行注册,得到网页可识别的替换元素。
S32、在所述待显示网页中,采用所述替换元素对所述待处理元素进行替换,以关联所述目标元素类与所述待处理元素。
其中,在标识信息不属于上述目标标识集的情况下,表明待处理元素为网页设计过程中的自定义元素(EDITING:TUBER),而自定义元素不被HTML5标准支持,此时该待处理元素在非IE浏览器中无法正常显示。进一步地,本发明实施例可以通过HTML5标准所提供的注册接口(window.customElements.define)对目标元素类进行注册,这样注册所得到的网页元素为HTML5所支持的,此时可以将注册所得到的网页元素作为替换元素。
进一步地,可以在待显示网页中,采用该替换元素对待处理元素进行替换,这样即可实现目标元素类与待处理元素的关联,替换元素可以被识别显示的同时,还可以实现所添加的事件行为。
示例性地,若待处理元素为自定义元素EDITING:TUBER,生成的自定元素类为EditingTuber,则本发明实施例可以使用注册接口window.customElements.define(‘editing-tuber’, EditingTuber)注册名为editing-tuber的替换元素。注册之后页面可以识别<editing-tuber>标签的网页元素,则可以使用<editing-tuber>替换页面中的EDITING:TUBER。
可选地,本发明实施例具体还可以包括:
在所述待处理元素的标识信息属于目标标识集的情况下,将所述待处理元素的类确定为目标类别,并创建类别为所述目标类别的根元素类,并使所述目标元素类继承所述根元素类;所述目标标识集中包含网页可识别元素的元素标识。
其中,在标识信息属于上述目标标识集的情况下,组件文件通常是对普通网页元素进行的扩展或定制,此时可以将待处理元素的类确定为目标类别,并将该目标类别作为根,使目标元素类集成该根元素类。示例性地,<table>元素的类是HTMLTableElement,此时可以使用extends关键字使目标元素类继承HTMLTableElement类。
这样,可以在创建目标元素类的同时,保证目标元素类与待处理元素的一致性。
图2是本发明实施例提供的一种网页显示装置的结构图,该装置应用于符合W3C标准的浏览器,如图2所示,该装置20可以包括:
第一获取模块201,响应于网页显示请求,基于所述网页显示请求对应的待显示网页,获取所述待显示网页中添加有事件行为的网页元素,作为待处理元素;
第二获取模块202,用于所述待处理元素对应的网页声明文件,并基于所述网页声明文件获取所述待处理元素所添加的事件行为的标签信息;所述网页声明文件为与所述W3C标准不兼容的文件,所述网页声明文件用于定义事件行为;
创建模块203,用于创建目标元素类,并基于所述标签信息设置所述目标元素类的标签信息;
关联模块204,用于在所述待显示网页中将所述目标元素类与所述待处理元素进行关联,并显示所述待显示网页。
可选地,所述装置还包括:
第三获取模块,用于获取所述待处理元素的标识信息;
上述关联模块,具体用于:
在所述标识信息属于目标标识集的情况下,在所述待显示网页中通过关联接口将所述目标元素类设置为所述待处理元素的事件行为,以关联所述目标元素类与所述待处理元素;所述目标标识集中包含网页可识别元素的元素标识。
可选地,上述关联模块,还具体用于:
在所述标识信息不属于所述目标标识集的情况下,对所述目标元素类进行注册,得到网页可识别的替换元素;
在所述待显示网页中,采用所述替换元素对所述待处理元素进行替换,以关联所述目标元素类与所述待处理元素。
可选的,所述标签信息包括方法标签、属性标签、事件标签以及行为标签,所述第二获取模块,包括:
转换子模块,用于将所述网页声明文件所包含的内容转换为文档节点;
遍历子模块,用于对转换得到的文档节点进行遍历,基于各文档节点的节点标识依次获取方法节点、属性节点、事件节点以及行为节点;
第四获取子模块,用于基于所述方法节点、属性节点、事件节点以及行为节点,分别获取方法标签、属性标签、事件标签以及行为标签。
可选地,所述创建模块,具体还用于:
在所述目标元素类中设置与所述标签信息一致的标签信息。
可选地,所述装置20还包括:
继承模块,用于在所述待处理元素的标识信息属于目标标识集的情况下,将所述待处理元素的类确定为目标类别,并创建类别为所述目标类别的根元素类,并使所述目标元素类继承所述根元素类;所述目标标识集中包含网页可识别元素的元素标识。
综上所述,本发明实施例提供的网页显示装置,响应于网页显示请求,基于所述网页显示请求对应的待显示网页,获取所述待显示网页中添加有事件行为的网页元素,作为待处理元素;获取所述待处理元素对应的网页声明文件,并基于所述网页声明文件获取所述待处理元素所添加的事件行为的标签信息;创建目标元素类,并基于所述标签信息设置所述目标元素类的标签信息;在所述待显示网页中将所述目标元素类与所述待处理元素进行关联,并显示所述待显示网页。通过针对待处理元素创建目标元素类,并基于待处理元素对应的网页声明文件设置目标元素类的标签信息,可以实现针对网页声明文件中为待处理元素所添加的事件行为进行封装,目标元素类即为封装所得到的代码,这样,通过在待显示网页中将待处理元素与目标元素类进行关联,则可以在网页中直接为待处理元素添加事件行为,不再通过组件文件实现事件行为的添加,避免了符合W3C标准的分浏览器不支持通过组件文件为网页元素添加事件行为所导致的无效的问题,提高了网页显示效果。
本发明还提供了一种电子设备,参见图3,包括:处理器301、存储器302以及存储在所述存储器上并可在所述处理器上运行的计算机程序3021,所述处理器执行所述程序时实现前述实施例的网页显示方法。
本发明还提供了一种可读存储介质,当所述存储介质中的指令由电子设备的处理器执行时,使得电子设备能够执行前述实施例的网页显示方法。
对于装置实施例而言,由于其与方法实施例基本相似,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。
在此提供的算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述,构造这类系统所要求的结构是显而易见的。此外,本发明也不针对任何特定编程语言。应当明白,可以利用各种编程语言实现在此描述的本发明的内容,并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。
在此处所提供的说明书中,说明了大量具体细节。然而,能够理解,本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中,并未详细示出公知的方法、结构和技术,以便不模糊对本说明书的理解。
类似地,应当理解,为了精简本发明并帮助理解各个发明方面中的一个或多个,在上面对本发明的示例性实施例的描述中,本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而,并不应将该公开的方法解释成反映如下意图:即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说,如下面的权利要求书所反映的那样,发明方面在于少于前面公开的单个实施例的所有特征。因此,遵循具体实施方式的权利要求书由此明确地并入该具体实施方式,其中每个权利要求本身都作为本发明的单独实施例。
本领域那些技术人员可以理解,可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件,以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外,可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述,本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。
本发明的各个部件实施例可以以硬件实现,或者以在一个或者多个处理器上运行的软件模块实现,或者以它们的组合实现。本领域的技术人员应当理解,可以在实践中使用微处理器或者数字信号处理器(DSP)来实现根据本发明的排序设备中的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序。这样的实现本发明的程序可以存储在计算机可读介质上,或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到,或者在载体信号上提供,或者以任何其他形式提供。
应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制,并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中,不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中,这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。
所属领域的技术人员可以清楚地了解到,为描述的方便和简洁,上述描述的系统、装置和单元的具体工作过程,可以参考前述方法实施例中的对应过程,在此不再赘述。
以上所述仅为本发明的较佳实施例而已,并不用以限制本发明,凡在本发明的精神和原则之内所作的任何修改、等同替换和改进等,均应包含在本发明的保护范围之内。
以上所述,仅为本发明的具体实施方式,但本发明的保护范围并不局限于此,任何熟悉本技术领域的技术人员在本发明揭露的技术范围内,可轻易想到变化或替换,都应涵盖在本发明的保护范围之内。因此,本发明的保护范围应以权利要求的保护范围为准。
Claims (14)
1.一种网页显示方法,其特征在于,应用于符合W3C标准的浏览器,所述方法包括:
响应于网页显示请求,基于所述网页显示请求对应的待显示网页,获取所述待显示网页中添加有事件行为的网页元素,作为待处理元素;
获取所述待处理元素对应的网页声明文件,并基于所述网页声明文件获取所述待处理元素所添加的事件行为的标签信息;所述网页声明文件为与所述W3C标准不兼容的文件,所述网页声明文件用于定义事件行为;
创建目标元素类,并基于所述标签信息设置所述目标元素类的标签信息;
在所述待显示网页中将所述目标元素类与所述待处理元素进行关联,并显示所述待显示网页。
2.根据权利要求1所述的方法,其特征在于,所述获取所述待显示网页中添加有事件行为的网页元素,作为待处理元素之后,所述方法还包括:获取所述待处理元素的标识信息;
在所述标识信息属于目标标识集的情况下,所述在所述待显示网页中将所述目标元素类与所述待处理元素进行关联,包括:
在所述待显示网页中通过关联接口将所述目标元素类设置为所述待处理元素的事件行为,以关联所述目标元素类与所述待处理元素;所述目标标识集中包含网页可识别元素的元素标识。
3.根据权利要求2所述的方法,其特征在于,在所述标识信息不属于所述目标标识集的情况下,所述在所述待显示网页中将所述目标元素类与所述待处理元素进行关联,包括:
对所述目标元素类进行注册,得到网页可识别的替换元素;
在所述待显示网页中,采用所述替换元素对所述待处理元素进行替换,以关联所述目标元素类与所述待处理元素。
4.根据权利要求1所述方法,其特征在于,所述标签信息包括方法标签、属性标签、事件标签以及行为标签,所述基于所述网页声明文件获取所述待处理元素所添加的事件行为的标签信息,包括:
将所述网页声明文件所包含的内容转换为文档节点;
对转换得到的文档节点进行遍历,基于各文档节点的节点标识依次获取方法节点、属性节点、事件节点以及行为节点;
基于所述方法节点、属性节点、事件节点以及行为节点,分别获取方法标签、属性标签、事件标签以及行为标签。
5.根据权利要求4所述方法,其特征在于,所述基于所述标签信息设置所述目标元素类的标签信息,包括:
在所述目标元素类中设置与所述标签信息一致的标签信息。
6.根据权利要求5所述方法,其特征在于,所述方法还包括:
在所述待处理元素的标识信息属于目标标识集的情况下,将所述待处理元素的类确定为目标类别,并创建类别为所述目标类别的根元素类,并使所述目标元素类继承所述根元素类;所述目标标识集中包含网页可识别元素的元素标识。
7.一种网页显示装置,其特征在于,应用于符合W3C标准的浏览器,所述装置包括:
第一获取模块,响应于网页显示请求,基于所述网页显示请求对应的待显示网页,获取所述待显示网页中添加有事件行为的网页元素,作为待处理元素;
第二获取模块,用于所述待处理元素对应的网页声明文件,并基于所述网页声明文件获取所述待处理元素所添加的事件行为的标签信息;所述网页声明文件为与所述W3C标准不兼容的文件,所述网页声明文件用于定义事件行为;
创建模块,用于创建目标元素类,并基于所述标签信息设置所述目标元素类的标签信息;
关联模块,用于在所述待显示网页中将所述目标元素类与所述待处理元素进行关联,并显示所述待显示网页。
8.根据权利要求7所述装置,其特征在于,所述装置还包括:
第三获取模块,用于获取所述待处理元素的标识信息;
所述关联模块,具体用于:在所述标识信息属于目标标识集的情况下,在所述待显示网页中通过关联接口将所述目标元素类设置为所述待处理元素的事件行为,以关联所述目标元素类与所述待处理元素;所述目标标识集中包含网页可识别元素的元素标识。
9.根据权利要求8所述装置,其特征在于,所述关联模块,还具体用于:
在所述标识信息不属于所述目标标识集的情况下,对所述目标元素类进行注册,得到网页可识别的替换元素;
在所述待显示网页中,采用所述替换元素对所述待处理元素进行替换,以关联所述目标元素类与所述待处理元素。
10.根据权利要求7所述装置,其特征在于,所述标签信息包括方法标签、属性标签、事件标签以及行为标签,所述第二获取模块,包括:
转换子模块,用于将所述网页声明文件所包含的内容转换为文档节点;
遍历子模块,用于对转换得到的文档节点进行遍历,基于各文档节点的节点标识依次获取方法节点、属性节点、事件节点以及行为节点;
第四获取子模块,用于基于所述方法节点、属性节点、事件节点以及行为节点,分别获取方法标签、属性标签、事件标签以及行为标签。
11.根据权利要求10所述装置,其特征在于,所述创建模块,具体还用于:
在所述目标元素类中设置与所述标签信息一致的标签信息。
12.根据权利要求11所述装置,其特征在于,所述装置还包括:
继承模块,用于在所述待处理元素的标识信息属于目标标识集的情况下,将所述待处理元素的类确定为目标类别,并创建类别为所述目标类别的根元素类,并使所述目标元素类继承所述根元素类;所述目标标识集中包含网页可识别元素的元素标识。
13.一种电子设备,其特征在于,包括:
处理器、存储器以及存储在所述存储器上并可在所述处理器上运行的计算机程序,其特征在于,所述处理器执行所述程序时实现如权利要求1-6中任一项所述的方法。
14.一种可读存储介质,其特征在于,当所述存储介质中的指令由电子设备的处理器执行时,使得电子设备能够执行权利要求1-6中任一项所述的方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202411398329.8A CN118897709B (zh) | 2024-10-08 | 2024-10-08 | 网页显示方法、装置、电子设备及可读存储介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202411398329.8A CN118897709B (zh) | 2024-10-08 | 2024-10-08 | 网页显示方法、装置、电子设备及可读存储介质 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN118897709A true CN118897709A (zh) | 2024-11-05 |
| CN118897709B CN118897709B (zh) | 2025-01-21 |
Family
ID=93263346
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202411398329.8A Active CN118897709B (zh) | 2024-10-08 | 2024-10-08 | 网页显示方法、装置、电子设备及可读存储介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN118897709B (zh) |
Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20080229189A1 (en) * | 2000-09-29 | 2008-09-18 | Microsoft Corporation | Method for synchronously binding an external behavior to a web page element |
| CN106610824A (zh) * | 2015-10-23 | 2017-05-03 | 北京国双科技有限公司 | 一种页面高度自适应的方法及装置 |
| CN107943478A (zh) * | 2017-11-29 | 2018-04-20 | 厦门市美亚柏科信息股份有限公司 | 一种网页应用程序的开发及加载方法、装置、终端和介质 |
| WO2018158588A1 (en) * | 2017-03-02 | 2018-09-07 | Interactive Fish Holdings Limited | System and method for creating and using interactive web content |
| CN111444455A (zh) * | 2020-03-25 | 2020-07-24 | 平安医疗健康管理股份有限公司 | 浏览器兼容方法、系统、计算机设备及存储介质 |
| GB202207391D0 (en) * | 2022-05-20 | 2022-07-06 | Dytto Tech Ltd | A webpage annotation method and system |
| WO2022142743A1 (zh) * | 2020-12-31 | 2022-07-07 | 京东科技控股股份有限公司 | 可视化页面渲染方法、装置、设备及存储介质 |
-
2024
- 2024-10-08 CN CN202411398329.8A patent/CN118897709B/zh active Active
Patent Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20080229189A1 (en) * | 2000-09-29 | 2008-09-18 | Microsoft Corporation | Method for synchronously binding an external behavior to a web page element |
| CN106610824A (zh) * | 2015-10-23 | 2017-05-03 | 北京国双科技有限公司 | 一种页面高度自适应的方法及装置 |
| WO2018158588A1 (en) * | 2017-03-02 | 2018-09-07 | Interactive Fish Holdings Limited | System and method for creating and using interactive web content |
| CN107943478A (zh) * | 2017-11-29 | 2018-04-20 | 厦门市美亚柏科信息股份有限公司 | 一种网页应用程序的开发及加载方法、装置、终端和介质 |
| CN111444455A (zh) * | 2020-03-25 | 2020-07-24 | 平安医疗健康管理股份有限公司 | 浏览器兼容方法、系统、计算机设备及存储介质 |
| WO2022142743A1 (zh) * | 2020-12-31 | 2022-07-07 | 京东科技控股股份有限公司 | 可视化页面渲染方法、装置、设备及存储介质 |
| GB202207391D0 (en) * | 2022-05-20 | 2022-07-06 | Dytto Tech Ltd | A webpage annotation method and system |
Also Published As
| Publication number | Publication date |
|---|---|
| CN118897709B (zh) | 2025-01-21 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US12026216B2 (en) | System and method for deep linking and search engine support for web sites integrating third party application and components | |
| CN109508191B (zh) | 一种代码生成方法及系统 | |
| US10726195B2 (en) | Filtered stylesheets | |
| CN109522018B (zh) | 页面处理方法、装置及存储介质 | |
| CN108139890B (zh) | 软件应用架构 | |
| FI118311B (fi) | Menetelmä, tietojenkäsittelylaite, tietokoneohjelmatuote ja järjestely elektronisen datan prosessointiin | |
| US8132152B2 (en) | Extending a scripting language to provide an object hierarchy | |
| US20170102925A1 (en) | Automatch process and system for software development kit for application programming interface | |
| US9529648B2 (en) | Generic declaration of bindings between events and event handlers regardless of runtime structure | |
| US20040216042A1 (en) | System and method for generating high-function browser widgets with full addressability | |
| US20130298109A1 (en) | Instrumentation of software applications for configuration thereof | |
| CN111813385B (zh) | 一种基于Web应用的页面插件化方法、装置及设备 | |
| CN107015903B (zh) | 一种界面测试程序的生成方法、装置及电子设备 | |
| US20170132023A1 (en) | Monitoring And Actuation Of View Controller Parameters To Reach Deep States Without Manual Developer Intervention | |
| CN111158687B (zh) | Java插件的界面生成方法、装置、计算机设备和存储介质 | |
| JP2017504129A (ja) | ウェブブラウザにおいて表わされる状態表現の構築 | |
| CN101763432A (zh) | 一种轻量级网页动态视图快速构建方法 | |
| CN112287266B (zh) | 一种网页配置的处理方法及其装置、设备及存储介质 | |
| CN110764994A (zh) | 页面元素封装方法、装置、电子设备及存储介质 | |
| CN118897709B (zh) | 网页显示方法、装置、电子设备及可读存储介质 | |
| US8745485B2 (en) | Extensible remote tag markup system and method | |
| US20130036350A1 (en) | Modular tool for constructing a link to a rights program from article information | |
| CN114661279A (zh) | 提取页面组件源码方法、系统和计算机设备 | |
| US12174906B1 (en) | Utilizing a query response to automate a task associated with a webpage | |
| CN119336432B (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 |