一种网页显示方法、装置、电子设备及存储介质与流程

1.本技术涉及互联网技术领域，特别是涉及一种网页显示方法、装置、电子设备及存储介质。


背景技术：

2.随着数字时代的到来，网络资源也变得越来越丰富化。由于大多数网络资源的信息量大，为便于网络资源分享，用户通常通过电子设备以链接的方式分享网络资源。
3.发送方将要分享的网络资源以链接的形式发送给接收方，接收方接收该链接，并显示在显示界面上。当用户在接收方的显示界面中点击该链接后，接收方在显示界面上显示该该链接对应的网络资源。由于在用户没有点击网络资源对应的链接之前，网络资源是以链接的形式展示在接收方的显示界面上，用户无法直观确定每个链接对应的网络资源的内容。在链接比较多的情况下，用户若想通过接收方查看某一链接对应的网络资源的内容，需要一一点开接收方的显示界面中所有的链接，以遍历的形式找到想要查看的网络资源的内容。因此，这种传统的网页显示网页显示方式无法直观将网络资源的内容展示给用户，导致用户无法快速、直观查看到网络资源的内容。


技术实现要素：

4.本技术实施例的目的在于提供一种网页显示方法、装置、电子设备及存储介质，以直观地向用户展示网络资源的相关内容。具体技术方案如下：
5.本技术实施例的第一方面，提供了一种网页显示方法，应用于浏览器客户端，所述方法包括：
6.获取当前加载网页的网页内容中的目标链接；
7.根据所述目标链接，确定所述目标链接对应的网络资源的网络资源标识；
8.基于所述网络资源标识，获取所述网络资源对应的待展示资源的资源数据；
9.根据所述资源数据，生成用于显示所述待展示资源的目标代码；
10.基于所述目标代码更新所述网页的第一源代码，得到第二源代码；
11.基于所述第二源代码，显示网页。
12.可选的，在所述获取当前加载网页的网页内容中的目标链接之前，所述方法还包括：
13.获取所述当前加载网页的网址；
14.可选的，若所述网址为所述预设网址，则执行所述获取当前加载网页的网页内容中的目标链接的步骤。
15.可选的，所述基于所述网络资源标识，获取所述网络资源对应的待展示资源的资源数据，包括：
16.判断所述网络资源标识是否在预置的许可访问资源列表中，若所述网络资源标识在所述预置的许可访问资源列表中，则基于所述网络资源标识，获取所述网络资源对应的
待展示资源的资源数据。
17.可选的，所述根据所述资源数据，生成用于显示所述待展示资源的目标代码，包括：
18.根据所述资源数据和所述目标链接，生成用于显示所述待展示资源、且通过所述待展示资源链接至所述网络资源的目标代码。
19.可选的，所述基于所述目标代码更新所述网页的第一源代码，得到第二源代码，包括：
20.将所述第一源代码中目标链接对应的原始代码替换为所述目标代码，得到所述第二源代码，所述原始代码是用于显示所述目标链接的代码。
21.可选的，所述基于所述目标代码更新所述网页的第一源代码，得到第二源代码，包括：
22.在所述第一源代码中添加所述目标代码，得到所述第二源代码。
23.可选的，所述网络资源为视频文件，所述待展示资源为所述视频文件中的视频标题、视频封面、预览视频中的至少一种；资源数据为所述视频标题的文本数据、所述视频封面的图片地址数据、所述预览视频的视频地址数据中的至少一种。
24.本技术实施例的第二方面，提供了一种网页显示装置，应用于浏览器客户端，所述装置包括：
25.第一获取模块，用于获取当前加载网页的网页内容中的目标链接；
26.确定模块，用于根据所述目标链接，确定所述目标链接对应的网络资源的网络资源标识；
27.第二获取模块，用于基于所述网络资源标识，获取所述网络资源对应的待展示资源的资源数据；
28.生成模块，用于根据所述资源数据，生成用于显示所述待展示资源的目标代码；
29.更新模块，用于基于所述目标代码更新所述网页的第一源代码，得到第二源代码；
30.显示模块，用于基于所述第二源代码，显示网页。
31.可选的，所述装置还包括：
32.第三获取模块，用于在所述获取当前加载网页的网页内容中的目标链接之前，获取所述当前加载网页的网址；
33.判断模块，用于判断所述网址是否为预设网址，若所述网址为所述预设网址，则执行所述获取当前加载网页的网页内容中的目标链接的步骤。
34.可选的，所述第二获取模块，具体用于判断所述网络资源标识是否在预置的许可访问资源列表中，若所述网络资源标识在所述预置的许可访问资源列表中，则基于所述网络资源标识，获取所述网络资源对应的待展示资源的资源数据。
35.可选的，所述生成模块，具体用于根据所述资源数据和所述目标链接，生成用于显示所述待展示资源、且通过所述待展示资源链接至所述网络资源的目标代码。
36.可选的，所述更新模块，具体用于将所述第一源代码中目标链接对应的原始代码替换为所述目标代码，得到所述第二源代码，所述原始代码是用于显示所述目标链接的代码。
37.可选的，所述更新模块，具体用于在所述第一源代码中添加所述目标代码，得到所
述第二源代码。
38.可选的，所述网络资源为视频文件，所述待展示资源为所述视频文件中的视频标题、视频封面、预览视频中的至少一种；资源数据为所述视频标题的文本数据、所述视频封面的图片地址数据、所述预览视频的视频地址数据中的至少一种。
39.本技术实施例的第三方面，提供了一种电子设备，包括处理器、通信接口、存储器和通信总线，其中，处理器，通信接口，存储器通过通信总线完成相互间的通信；
40.存储器，用于存放计算机程序；
41.处理器，用于执行存储器上所存放的程序时，实现上述任一所述的网页显示方法步骤。
42.本技术实施例的第四方面，提供了一种计算机可读存储介质，所述计算机可读存储介质内存储有计算机程序，所述计算机程序被处理器执行时实现上述任一所述的网页显示方法步骤。
43.本技术实施例提供的网页显示方法，根据网络资源对应的待展示资源的资源数据，生成目标代码，基于目标代码更新网页的源代码，再基于更新后的源代码，显示网页，这样使得网页的网页内容中能够显示待展示资源，从而用户可以直观地看到网页中网络资源的相关内容。
44.当然，实施本技术的任一产品或方法并不一定需要同时达到以上所述的所有优点。
附图说明
45.为了更清楚地说明本技术实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本技术的一些实施例，对于本领域普通技术人员来讲，还可以根据这些附图获得其他的实施例。
46.图1为本技术实施例提供的网页显示方法的第一种流程图；
47.图2为本技术实施例提供的网页显示方法的第二种流程图；
48.图3为本技术实施例提供的网页显示方法的第三种流程图；
49.图4为本技术实施例提供的网页显示方法的第四种流程图；
50.图5为本技术实施例提供的网页显示方法的第五种流程图；
51.图6为本技术实施例提供的网页显示方法的第六种流程图；
52.图7a为本技术实施例提供的第一源代码对应的网页的网页内容示意图；
53.图7b为本技术实施例提供的第二源代码对应的网页的网页内容第一种示意图；
54.图7c为本技术实施例提供的第二源代码对应的网页的网页内容第二种示意图；
55.图7d为本技术实施例提供的第二源代码对应的网页的网页内容第三种示意图；
56.图7e为本技术实施例提供的第二源代码对应的网页的网页内容第四种示意图；
57.图7f为本技术实施例提供的第二源代码对应的网页的网页内容第五种示意图；
58.图8为本技术实施例提供的一种浏览器插件开发流程示意图；
59.图9为本技术实施例提供的一种网页显示装置的结构图；
60.图10为本技术实施例提供的一种电子设备的结构图。
具体实施方式
61.下面将结合本技术实施例中的附图，对本技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本技术一部分实施例，而不是全部的实施例。基于本技术中的实施例，本领域普通技术人员基于本技术所获得的所有其他实施例，都属于本技术保护的范围。
62.传统的网页显示方式无法直观将网络资源的内容展示给用户，导致用户无法快速、直观查看到网络资源的相关内容。
63.为了使用户可直观地看到网络资源的相关内容，本技术实施例提供了一种网页显示方法，方法应用于浏览器客户端，浏览器客户端可以通过自身的功能组件，或内置的插件来执行网页显示方法步骤，在此不做限定。
64.浏览器客户端包括但不局限于谷歌浏览器客户端、kiwi浏览器客户端、flow浏览器客户端等，具体的浏览器客户端在此不做限定，满足实际应用需求即可。
65.参见图1，图1为本技术实施例提供的网页显示方法的第一种流程图，网页显示方法应用于浏览器客户端，该方法可以包括以下步骤：
66.步骤s101：获取当前加载网页的网页内容中的目标链接。
67.步骤s102：根据目标链接，确定目标链接对应的网络资源的网络资源标识。
68.步骤s103：基于网络资源标识，获取网络资源对应的待展示资源的资源数据。
69.步骤s104：根据资源数据，生成用于显示待展示资源的目标代码。
70.步骤s105：基于目标代码更新网页的第一源代码，得到第二源代码。
71.步骤s106：基于第二源代码，显示网页。
72.本技术实施例提供的网页显示方法，根据网络资源对应的待展示资源的资源数据，生成目标代码，基于目标代码更新网页的源代码，再基于更新后的源代码，显示网页，使得网页内容中显示待展示资源，这样用户可以直观地看到网页中网络资源的相关内容。
73.针对步骤s101，浏览器客户端在显示当前网页过程中，网页的显示界面有两种情况，第一种情况：当前加载网页的网页数据已经在浏览器客户端中，但是还没有完全将网页数据加载到网页中，此时无法显示网页内容；第二种情况：当前加载网页的网页数据已经在浏览器客户端中，且已经将全部网页数据加载到网页中，此时网页中显示包含目标链接的网页内容。
74.由于上述两种情况中，当前加载网页的网页内容均存在于浏览器客户端中，因此，浏览器客户端仍可直接获取当前加载网页的网页内容中的目标链接。
75.其中，目标链接在网页内容中的表达形式可以是文本、图片等，在此不做限定。
76.当用户通过浏览器客户端打开或者刷新一个网页，浏览器客户端中设定的检测函数在检测到有网页加载时，浏览器客户端中设定的第一获取函数获取当前加载网页的网页内容中的目标链接，其中，具体的检测函数在此不做限定，能实现上述检测函数的功能即可；具体的第一获取函数在此不做限定，满足上述第一获取函数的功能即可，例如：第一获取函数为js(javascript，一种编程语言)实现的renderlink函数。
77.其中，第一获取函数可以在第一源代码中检测是否有链接的关键词，将链接关键词以及链接关键词之后的参数一起作为目标链接，例如：在浏览器客户端中将“http”、“https”预先设定为链接关键词，当第一获取函数在第一源代码中检测到链接关键词“https”或“http”后，将链接关键词以及链接关键词之后的参数一起作为目标链接，例如，第一获取函数在第一源代码中检测到链接关键词“https”，则将“https”以及“https”之后的参数一起作为目标链接，如、将第一源代码中的https://my.video321.net/shareds？1460842827056672768确定为目标链接。
78.在一个实施例中，浏览器客户端安装有浏览器插件，浏览器插件中包括content.js文件(内容文件)中的renderlink函数；步骤s101具体为：浏览器客户端调用renderlink函数，获取当前加载网页的网页内容中的目标链接，其中，renderlink函数用于获取当前加载网页的网页内容中的目标链接。
79.在实际应用场景中，浏览器可以选择性地将一个或多个特定的网页中，目标链接对应的网络资源进行显示。
80.在一个实施例中，参见图2，图2为本技术实施例提供的网页显示方法的第二种流程图，在步骤s101之前，该方法还包括：
81.步骤s107：获取当前加载网页的网址。
82.步骤s108：判断网址是否为预设网址，若网址为预设网址，则执行上述步骤s101。
83.其中，预设网址预先设定在浏览器客户端中，预设网址可以为用户根据需求自行设置的，也可以是浏览器客户端默认的，具体的预设网址设定方式在此不做限定，满足实际应用场景即可。
84.在实际应用中，可以将某一个特定网址设定为该预设网址，例如：将a公司的b网址https://a12345678.b设定为预设网址；也可以将某一类网址设定为预设网址，例如：将a公司的所有的网址预设为预设网址，例如，将包含a公司的英文名字“ming zi”的网址预设为预设网址。具体的预设确定方式此不做限定，满足实际应用场景即可。针对步骤s107，当用户通过浏览器客户端打开或者刷新一个网页，浏览器客户端中设定的检测函数在检测到有网页加载时，浏览器客户端调用设定的第二获取函数获取当前显示网页的网址。其中，具体的第二获取函数在此不做限定，能实现上述第二获取函数的功能即可，例如：第二获取函数可以为renderlink函数。
85.由于在当用户通过浏览器客户端打开或者刷新当前显示网页时，当前显示网页的网址已经存在于浏览器客户端的缓存数据中，且缓存数据生成时间与用户打开当前显示网页的时间对应。因此，浏览器客户端通过缓存数据产生的前后顺序，在缓存数据中来查找网址关键词，将网址关键词后的参数确定为当前显示网页的网址。例如：浏览器客户端先在当前时刻的缓存中查找网址关键词“tab”，若没有找到网址关键词，则继续在当前时刻的前一时刻的缓存中查找网址关键词，以此类推，直至找到网址关键词，再将网址关键词后的参数确定为当前显示网页的网址。
86.在一个实施例中，浏览器客户端安装有浏览器插件，浏览器插件中包括content.js文件中的renderlink函数；步骤s107具体为：浏览器客户端调用renderlink函数，获取当前加载网页的网址，其中，renderlink函数还用于获取当前加载网页的网址；
87.上述步骤中确定了当前加载网页的网址，下一步骤需要判断当前加载网页的网址是否为预设网址。
88.针对步骤s108，通过浏览器客户端中设定的判断函数，判断网址是否为预设网址，若网址为预设网址，则浏览器客户端中预置的第一获取函数获取当前加载网页的网页内容
中的目标链接，其中，具体的判断函数在此不做限定，能实现上述判断函数的功能即可，例如：判断函数可以为index0f函数。
89.当预设网址为特定网址时，浏览器客户端预设的判断函数将加载网页的网址与该特定网址进行对比，当加载网页的网址与该特定网址相同的代码时，则判断函数将当前加载网页的网址确定为预设网址，否则，当前加载网页的网址不是预设网址。
90.当预设网址为某一类网址时，浏览器客户预定的判断函数判断加载网页的网址是否有预设网址的关键词，若当前加载网页的网址有预设网址的关键词，则预设的判断函数确定当前加载网页的网址为预设网址，否则，当前加载网页的网址不是预设网址。例如，网址https://my.video321.net中不包含预设网址关键词“ming zi”，则https://my.video321.net不是预设网址。
91.在一个实施例中，浏览器客户端安装有浏览器插件，浏览器插件中包括content.js文件中的index0f函数；步骤s108具体为：浏览器客户端调用index0f函数，判断网址是否为预设网址，若网址为预设网址，则执行步骤s101，其中，index0f函数用于判断当前加载网页的网址是否为预设网址，若当前加载网页的网址为预设网址，则执行获取当前加载网页的网页内容中的目标链接的步骤。在获取当前加载网页的网页内容中的目标链接之前，判断当前加载网页的网址是否为预设网址，若当前加载网页的网址为预设网址，获取当前加载网页的网页内容中的目标链接。此方法可以过滤掉一些不需要查看目标链接对应的网络资源内容的网页，只显示用户感兴趣的特定网页中的链接对应的网络资源内容，减少了浏览器客户端的工作量，避免资源浪费。
92.针对步骤s102，网页中每一个目标链接都对应一个网络资源，其中，网络资源包括但不局限于视频文件、文本文件、音频文件等，在此不做限定，满足实际应用场景即可。
93.网络资源的网络资源标识可以理解为该网络资源的id，网络资源标识可以在网络资源生成时随机产生，也可以是人为设定的，在此不做限定。
94.由于链接有特定的格式，且网络资源对应的链接中包括网络资源标识，因此可以按照上述格式对目标链接进行解析，得到目标链接对应的网络资源的网络资源标识，一种情况下，对目标链接进行解析时，可以检测目标链接中表示分享的关键字，例如，上述关键字可以是shareds，然后，将上述关键字后面的参数值确定为网络资源标识。例如：目标链接为https://my.video321.net/shareds？1460842827056672768，该目标链接中shareds这一关键字后面的参数值为1460842827056672768，则目标链接对应的网络资源的网络资源标识为1460842827056672768。
95.上文中，浏览器客户端中设定的第一获取函数获取当前加载网页的网页内容中的目标链接后，浏览器客户端调用解析函数对目标链接进行解析，得到目标链接对应的网络资源的网络资源标识，具体的解析函数在此不做限定，满足上述解析函数的功能即可，例如解析函数为getvideoid函数。
96.在一个实施例中，浏览器客户端安装有浏览器插件，浏览器插件中包括content.js文件中的getvideoid函数；步骤s102具体为：浏览器客户端调用getvideoid函数对目标链接进行解析，得到目标链接对应的网络资源的网络资源标识，其中，getvideoid函数用于对目标链接进行解析，得到目标链接对应的网络资源的网络资源标识。
97.在实际情况中，由于目标链接太多，可以选择性地获取特定的目标链接对应的待
展示资源的资源数据。
98.在一个实施例中，参见图3，图3为本技术实施例提供的网页显示方法的第三种流程图，步骤s103包括：
99.步骤s1031：判断网络资源标识是否在预置的许可访问资源列表中，若网络资源标识在预置的许可访问资源列表中，则基于网络资源标识，获取网络资源对应的待展示资源的资源数据。
100.其中，许可资源列表包括允许获取的网络资源的网络资源标识，例如，预置的许可资源列表中包括上述的网络资源标识：1460842827056672768，则表征该网络资源允许被获取，因此，浏览器客户端可基于网络资源标识，获取网络资源对应的待展示资源的资源数据。
101.其中，允许获取的网络资源标识可以列表的形式预置于浏览器客户端中，也可以文档等其他形式预置于浏览器客户端中，允许获取的网络资源的网络资源标识以列表的形式预置于浏览器客户端中为本技术的一个实施例，不应理解为对本技术保护范围的限制。
102.允许获取的网络资源标识，可以是浏览器客户端的开发人员在开发时根据产品功能需求设定的，也可以是浏览器客户端定时从后台服务器中获取的，在此不做限定。
103.如表1所示为一种许可资源列表，许可资源列表包括允许获取的网络资源的网络资源标识，浏览器客户端将网络资源标识：1460842827056672768与表1中所有的网络资源标识进行比较，若表1中存在与网络资源标识：1460842827056672768相同的网络资源标识，则表征该网络资源允许被获取。
104.表1一种许可资源列表
105.146084282705667276214608428270566727631460842827056672764 146084282705667276614608428270566727671460842827056672768
106.在获取网络资源对应的待展示资源的资源数据之前，先判断网络资源标识是否在预置的许可访问资源列表中，若网络资源标识在预置的许可访问资源列表中，则基于网络资源标识，获取网络资源对应的待展示资源的资源数据。该方法可以避免因没有网络资源的获取权限导致资源数据失败的问题，能够过滤掉一些无法获取的资源数据，减少了浏览器客户端的工作量，避免资源浪费。
107.针对步骤s103，待展示资源可以为网络资源中的部分内容，待展示资源也可以是网络资源本身。例如：若网络资源为视频文件，则待展示资源可以为该视频文件，也可以为该视频文件中的一部分内容，如视频封面、视频标题、预览视频等；若网络资源为文本文件，则待展示资源可以为该文本文件，也可以为该文本文件中的一部分内容，如关键词、文件标题等；若网络资源为音频文件，则待展示资源可以为该音频文件，也可以为该音频文件中的一部分内容，如音频标题、音频片段等。具体的，待展示资源与网络资源的关系在此不做限定，满足实际应用场景即可。
108.例如，当待展示资源为图片时，待展示资源的资源数据可以为该图片的图片地址；当待展示资源为视频时，待展示资源的资源数据可以为该视频的视频地址；当待展示资源为文字时，待展示资源的资源数据可以为该文字本身；当待展示资源为音频时，待展示资源的资源数据可以为该音频的音频地址。
109.在一个实施例中，网络资源为视频文件，待展示资源为视频文件中的视频标题、视
频封面、预览视频中的至少一种；资源数据为视频标题的文本数据、视频封面的图片地址数据、预览视频的视频地址数据中的至少一种。
110.例如：若待展示资源为该视频文件，则待展示资源的资源数据为该视频文件的文件地址；若待展示资源为视频封面，则待展示资源的资源数据为该视频封面的图片地址；若待展示资源为视频标题，则待展示资源的资源数据为该视频标题的文字；若待展示资源为预览视频，则待展示资源的资源数据为该预览视频的视频地址。
111.同样的，在一个实施例中，网络资源为文本文件，待展示资源为文本文件的标题、关键词中的至少一种；资源数据为标题的文本数据、关键词的文本数据中的至少一种。
112.同样的，在一个实施例中，网络资源为音频文件，待展示资源为音频文件的标题、音频片段中的至少一种；资源数据为标题的文本数据、音频片段的音频地址数据中的至少一种。
113.其中，资源数据与待展示资源为一一对应关系，网络资源为文本文件和音频文件时，资源数据与待展示资源的具体对应关系由上文描述可推理得到，在此不一一举例说明。
114.将目标链接对应的网络资源的待展示资源显示在网页的网页内容中，用户可以直观地看到网页中网络资源的相关内容，提高了用户体验。
115.上文中，浏览器客户端得到目标链接对应的网络资源的网络资源标识后，浏览器客户端调用预先设定的接口函数根据网络资源标识，获取网络资源对应的待展示资源的资源数据，具体的接口函数在此不做限定，满足上述接口函数的功能即可，例如：接口函数为getvideoinfo函数。
116.由于资源数据存储在服务器中，因此，在获取资源数据之前需要确定存储资源数据的服务器。通常情况下，目标链接中包括存储网络资源的服务器信息，而网络资源对应的待展示资源的资源数据与网络资源存储在同一个服务器同一个文件中。因此，需要先确定存储网络资源的服务器。
117.由于目标链接中包含存储网络资源服务器对应的域名，而浏览器客户端的background.js(背景页文件)中配置有存储网络资源的服务器与域名的对应关系，因此，可以先基于目标链接，确定存储网络资源服务器对应的域名，再基于background.js中配置的存储网络资源的服务器与域名的对应关系，确定存储网络资源的服务器。
118.例如，浏览器客户端可以检测目标链接中的表示域名的关键词，例如“net”，将该关键词和关键词之前的参数确定为存储网络资源服务器对应的域名，再基于浏览器客户端的background.js中配置的存储网络资源的服务器与域名的对应关系，确定域名对应的存储网络资源的服务器。例如：目标链接为https://my.video321.net/shareds？1460842827056672768，该目标链接中域名的关键词为“net”，则将net和net之前的参数“my.video321”确定为域名，即，该目标链接中的域名为“my.video321.net”，浏览器客户端基于background.js中配置的存储网络资源的服务器与域名的对应关系，确定域名“my.video321.net”对应的存储网络资源的服务器。
119.上一步骤确定了存储网络资源的服务器，接下来需要确定待展示资源的资源数据。
120.由于不同的网络资源对应的待展示资源不同，相应的，对应的待展示资源的资源数据也就不同，例如，当网络资源为视频资源时，对应的待展示资源可以为视频封面、视频
标题、预览视频、全部视频中的至少一种。因此，浏览器客户端中预先设定了不同的网络资源对应的待展示资源，例如，浏览器客户端预先设定了，网络资源为视频资源时，待展示资源为预览视频，相应的，资源数据为预览视频的地址数据；网络资源为文本资源时，待展示资源为文本标题，相应的，资源数据为文本标题数据。因此，浏览器客户端中预先设定了不同的网络资源类型与待展示资源的对应关系。
121.浏览器客户端在调用预先设定的接口函数根据网络资源标识，获取网络资源对应的待展示资源的资源数据时，可以先根据目标链接中的资源关键词判断，目标链接对应的网络资源是什么类型的资源，在网络资源的类型确定后，根据浏览器客户端中预先设定的网络资源类型与待展示资源的对应关系，确定目标链接对应的网络资源中的待展示资源。例如：浏览器客户端判断目标链接中文本关键词，例如：假设资源关键词为“video”、“audio”、“text”，当浏览器客户端检测到目标链接中包括“video”时，则代表该网络资源为视频资源；当浏览器客户端检测到目标链接中包括“audio”时，则代表该网络资源为音频资源；当浏览器客户端检测到目标链接中包括“text”时，则代表该网络资源为文本资源。
122.上述示例中，目标链接为：https://my.video321.net/shareds？1460842827056672768，浏览器客户端根据资源关键词确定目标链接对应的网络资源为视频资源，浏览器客户端的接口函数基于预先设定的网络资源类型与待展示资源的对应关系，确定目标链接对应的网络资源中的待展示资源为预览资源，进而确定展示资源数据为预览资源地址，浏览器客户端的接口函数再根据网络资源标识，从对应的服务器中获取预览资源地址。
123.在一个实施例中，浏览器客户端安装有浏览器插件，浏览器插件中包括background.js文件中的getvideoinfo函数；步骤s103具体为：根据目标链接，确定目标链接对应的网络资源的网络资源类型；浏览器客户端调用getvideoinfo函数，基于网络资源标识以及网络资源类型，获取网络资源对应的待展示资源的资源数据，其中，getvideoinfo函数用于基于网络资源标识，获取网络资源对应的待展示资源的资源数据。
124.针对步骤s104，由于网页中的显示内容是由网页的源代码决定的，若需要在网页中显示特定的内容，则需要在网页的源代码中添加该特定内容的代码。即，若要在浏览器客户端的网页中显示待展示资源，则在该网页的源代码中应有资源数据对应的代码。图7a为本技术实施例提供的第一源代码对应的网页的网页内容示意图。
125.上文中，浏览器客户端获取到资源数据后，浏览器客户端调用预先设定的编辑函数将资源数据编辑成用于显示待展示资源的目标代码，具体的编辑函数在此不做限定，满足上述编辑函数的功能即可。其中，浏览器根据资源数据，生成用于显示待展示资源的目标代码包含两种情况：情况1，浏览器客户端生成包含资源数据，且具有显示功能的目标代码，例如，目标代码中可以定义资源数据对应的待展示资源在网页内容中的显示位置，是在网页内容开头，还是在网页内容中间等；情况2，浏览器客户端还可以生成包含资源数据，且具有特定显示功能和通过访问链接访问网络资源功能的目标代码，使得用户在网页中可通过访问链接访问网络资源。其中，访问链接在网页的网页内容中可以是文本的形式，如：图7b中的访问链接的文本形式；访问链接可以是图形的形式，如图7e中的跳转按钮的形式。访问链接也可以不显示在网页内容中，如图7c所示，例如：在第二源代码中将网络资源与访问链接绑定，并设置跳转函数，以使用户点击资源数据对应的待展示资源时，浏览器客户端访问
访问链接对应的地址，并获取访问链接对应的服务器中的网络资源，并将网络资源显示在网页中。
126.如图4所示，在一个实施例中，步骤s104包括步骤s1041：根据资源数据和目标链接，生成用于显示待展示资源、且通过待展示资源链接至网络资源的目标代码。
127.将资源数据和目标链接，生成用于显示待展示资源、且通过待展示资源链接至网络资源的目标代码。在保留目标链接的功能的同时，使目标链接不显示在网页的显示内容中，使当前显示的网页更加简洁，提高了用户体验。
128.针对步骤s105，上文中生成了用于显示待展示资源的目标代码，为了在网页内容中显示待展示资源，需要基于目标代码更新网页的第一源代码，得到用于显示网页的第二源代码。
129.由于网页中每个网络资源在源代码中都对应有一个用于对其进行显示的元素，例如：网页中的网络资源是一张图片，则在该网页对应的源代码中有用于显示该图片的代码，且用于显示该图片的代码称为一个元素，上文中得到了用于显示待展示资源的目标代码，也就得到了待展示资源对应的新元素。因此，在源代码中对网络资源对应的元素进行修改，即可改变网络资源在网页中的显示。
130.进一步地，基于目标代码更新网页的第一源代码可以理解为，基于目标代码组成的新元素更新网页的第一源代码。基于目标代码组成的新元素更新网页的第一源代码之前，首先需要确定第一源代码中目标链接对应的旧元素。因此，浏览器客户端可以按照关键字查找的方式，在第一源代码中查找到目标链接对应的旧元素的位置。
131.假设，预置的元素关键字为“div”和“1460842827056672768”，第一源代码包括：《div》《p》讲解视频-《a href＝"https://my.video321.net/shareds？1460842827056672768"，当浏览器客户端检测到第一源代码中有一段代码中同时包括“div”和“1460842827056672768”，则该段代码为目标链接在第一源代码中对应的旧dom元素。
132.上文中，确定了第一源代码中目标链接对应的旧元素的位置后，则需要基于目标代码更新网页的第一源代码，得到用于显示网页的第二源代码。
133.由于待展示资源可以为网络资源，也可以为网络资源中的一部分，待展示资源不同，对应的基于目标代码更新网页的第一源代码的方法也不同，现针对两种情况分别对步骤s105进行说明：
134.情况1：
135.如图5所示，在一个实施例中，在步骤s104包括步骤s1041的情况下，步骤s105包括步骤s1051，步骤s1051：将第一源代码中目标链接对应的原始代码替换为目标代码，得到第二源代码，原始代码是用于显示目标链接的代码。
136.由于上文中确定了目标链接在第一源代码中对应的旧dom元素，因此，在确定目标链接在第一源代码中对应的旧dom元素后，浏览器客户端可以将目标链接在第一源代码中的旧元素，替换成目标代码组成的新dom元素，得到包含新dom元素的第二源代码。此种情况下，基于第二源代码显示的网页中，不显示原始的目标链接，只显示待展示网络资源。
137.其中，浏览器客户端中设定的更新函数基于生成新的dom元素，更新第一源代码，得到第二源代码，其中，具体的更新函数在此不做限定，能实现上述更新函数的功能即可，
例如：更新函数为$.replacewith函数。
138.在一个实施例中，浏览器客户端安装有浏览器插件，浏览器插件中包括content.js文件中的updatebody函数和$.replacewith函数，$.replacewith函数为jquery中的函数；步骤s105，包括:调用updatebody函数，根据目标代码，生成新的dom元素；调用$.replacewith函数，将第一源代码中原始代码对应的旧dom元素，替换为目标代码对应的新的dom元素，得到第二源代码，其中，原始代码是用于显示目标链接的代码，updatebody函数用于根据目标代码，生成新的dom元素，$.replacewith函数用于将第一源代码中原始代码对应的旧dom元素，替换为目标代码对应的新的dom元素。
139.当待展示内容为网络资源的全部内容时，由于第二源代码是将第一源代码中目标链接对应的原始代码替换为目标代码得到的。因此，基于第二源代码显示的网页中只显示网络资源的全部内容。这样用户无需点击目标链接，便可直接观看到网络资源的全部内容，提高了用户体验。
140.由于上述基于第二源代码显示的网页中，不显示原始的目标链接，只显示待展示网络资源。当待展示资源为网络资源的部分资源时，浏览器客户端的网页中只显示网络资源的部分资源，在此种情况下，目标代码不仅包含资源数据，且具有特定显示功能和通过访问链接访问网络资源的功能，使得用户在网页中可以通过访问链接访问网络资源。
141.当待展示内容为网络资源的部分内容时，由于第二源代码是将第一源代码中目标链接对应的原始代码替换为目标代码得到的。因此，基于第二源代码显示的网页中，不仅显示了网络资源的部分内容，还提供了访问全部网络资源的访问链接。因此，用户可以在网页的显示内容中直观地看到网络资源的待展示资源，即网络资源的关键内容。用户在了解网络资源的关键内容前提下，可以点击网页中感兴趣的待展示资源对应的访问链接，访问完整的网络资源。该方法不仅可以使户直观看到网络资源的关键内容，也无需将网络资源全部内容放在当前显示页面上，节省了网络资源。
142.情况2：
143.如图6所示，在一个实施例中，步骤s105包括步骤s1052：在第一源代码中添加目标代码，得到第二源代码。此时，浏览器客户端的网页中显示待展示资源和目标链接，如图7b所示，假设待展示资源为网络资源，网页内容显示网络资源和目标链接；如图7d、图7e所示，假设，待展示资源为视频文件中的视频标题和视频封面，网页内容中只显示为视频文件中的视频标题和视频封面，其中，图7d中目标链接为文本的形式显示，图7e中目标链接为图形的形式显示。
144.由于上文中确定了目标链接在第一源代码中对应的旧dom元素，因此，在确定目标链接在第一源代码中对应的旧dom元素后，浏览器客户端还可以将目标链接在第一源代码中的保留旧dom元素，添加成目标代码组成的新dom元素，得到包含旧dom元素和新dom元素的第二源代码。此种情况下，基于第二源代码显示的网页中，不仅显示原始的目标链接，还显示待展示网络资源。
145.其中，可以在旧元素相邻处置添加目标代码组成的新元素，相邻位置可以是旧元素之前的位置，也可以是旧元素之后的位置；可以在第一源代码中邮件正文对应的任意位置添加目标代码组成的新元素，在此不做限定。
146.在一个实施例中，浏览器客户端安装有浏览器插件，浏览器插件中包括
content.js文件中的updatebody函数和$.replacewith函数，$.replacewith函数为jquery中的函数；步骤s105，包括：调用updatebody函数，根据目标代码，生成新的dom元素；调用$.replacewith函数，在第一源代码中添加目标代码对应的新的dom元素，得到第二源代码，其中，$.replacewith函数用于在第一源代码中添加目标代码对应的新的dom元素，得到第二源代码。
147.由于第二源代码是在第一源代码中添加目标代码得到的。因此，基于第二源代码显示的网页中，不仅显示了待展示资源，还显示了目标链接。因此，用户可以在网页的显示内容中直观地看到网络资源的待展示资源，还可以选择点击目标链接访问全部的网络资源。该方法使户可以直观看到网络资源的相关内容，提高了用户体验。
148.针对步骤s106，如上文所述，网页的显示界面有两种情况，第一种情况：当前加载网页的网页数据已经在浏览器客户端中，但是还没有完全将网页数据加载到网页中，此时无法显示网页内容；第二种情况：当前加载网页的网页数据已经在浏览器客户端中，且已经完全将网页数据加载到网页中，此时网页中显示包含目标链接的网页内容。因此，当当前加载的网页处于第一种情况时，用户打开当前加载网页后，浏览器客户端的显示界面直接显示第二源代码对应的网页内容；当当前加载的网页处于第二种情况时，用户打开当前加载网页后，浏览器客户端的显示界面先显示的是第一源代码对应的网页内容，再由第一源代对应的显示内容变为第二源代码对应的网页内容。
149.下面将结合具体的示例对网页显示方法进行说明。
150.假设：用户c的浏览器客户端安装有浏览器插件，其中，浏览器插件包括content.js文件和background.js文件，content.js文件包括用于获取当前网页中的目标链接renderlink函数；用于对目标链接进行解析的getvideoid函数；用于根据目标代码，生成新的dom元素的updatebody函数；基于生成新的dom元素，更新第一源代码，得到第二源代码的$.replacewith函数；background.js文件包括用于基于网络资源标识，获取资源数据的getvideoinfo函数。
151.用户d给用户c发了一封携带链接e的邮件，其中链接e对应的视频存储在f服务器中，链接e：https://my.video321.net/shareds？1460842827056672768；用户c通过浏览器客户端打开gmail邮件，此时浏览器客户端加载该gmail邮件对应的网页内容；浏览器插件中的content.js文件的renderlink函数获取当前加载网页的网页内容中的链接e；在renderlink函数获取到链接e后，浏览器插件中的getvideoid函对获取到的链接e进行解析，得到链接e中的网络资源的网络资源标识1460842827056672768；浏览器插件调用background.js文件中的getvideoinfo函数，基于网络资源标识1460842827056672768，从f服务器中获取网络资源对应的待展示资源的资源数据；浏览器插件基于getvideoinfo函数返回的资源数据，生成目标代码；浏览器插件再调用updatebody函数，根据目标代码，生成新的dom元素，浏览器插件再调用$.replacewith函数，基于生成新的dom元素，更新第一源代码，得到第二源代码；浏览器插件基于第二源代码，显示网页。
152.下面结合具体的使用场景对网页显示方法进行举例说明。
153.场景1：
154.用户a通过电脑向用户b的邮箱账号c中发送了一封携带链接的邮件f，其中，链接为：https://my.video321.net/shareds？1460842827056672768，该链接对应一个放在在服
务器d中的视频；用户b通过电脑浏览器e打开对应的邮箱，并登录邮箱账号c，浏览器e自动加载邮件f对应的网页内容的第一源代码，其中，浏览器e可以执行上述网页显示方法中的任一步骤；浏览器e基于第一源代码对浏览器e的网页进行渲染，以使用户可以在浏览器e的界面上看到用户c发送的邮件f，同时，浏览器e通过关键字，搜索邮件f对应的网页内容中邮件正文内容，例如，过关键词为“body”，将“body”之后的代码，确定第一源代码中邮件正文内容；再在邮件正文中查找链接的关键字，来确定链接，例如：查找关键词“https”、“http”，将链接关键词以及链接关键词之后的参数一起作为目标链接，例如：确定出的链接为：https://my.video321.net/shareds？1460842827056672768。
155.浏览器e确定出链接后，根据关键词，确定链接对应的视频的id，例如，将关键词“shareds”后的参数确定为视频的id；浏览器e确定出视频的id后，调用服务端接口从服务器d中获取id对应的视频的资源数据，其中，浏览器e预先设定了网络资源类型与待展示资源的对应关系，例如，浏览器e中预先设定了将视频的视频封面的图片地址和视频标题，确定为资源数据；浏览器e根据目标链接中的资源关键词，确定目标链接对应的网络资源种类，再根据网络资源种类，确定待展示资源的资源数据，例如：当浏览器客户端检测到目标链接中包括“video”时，则代表该网络资源为视频资源，由预先设置的网络资源类型与待展示资源的对应关系可知，该视频资源的待展示资源为视频封面和视频标题，资源数据为视频封面的图片地址和视频标题。
156.浏览器e获取到资源数据后，基于资源数据，按照一定的显示格式生成包含显示视频封面和视频标题的目标代码；浏览器e生成目标代码后；由于上述步骤中确定了链接，因此浏览器e可以在第一源代码中包含该链接的一段代码之后的位置，添加上述的目标代码，得到第二源代码；由于浏览器e在得到第二源代码之前，浏览器e的网页已经完成了基于第一源代码的渲染，因此，浏览器e需要基于第二源代码，刷新浏览器e的当前网页，此时，如图7d所示，用户会看到原本邮件g中链接后面的位置显示出视频封面和视频标题。
157.场景2：
158.用户c通过电脑浏览器e打开一个网页g，该网页g的原始网页内容中包含了一个链接https://my.video321.net/shareds？1460842827056672768，且该链接对应一个放在在服务器d中的视频，其中，浏览器e可以执行上述网页显示方法中的任一步骤；浏览器e基于第一源代码对浏览器e的网页进行渲染，以使用户可以在浏览器e的界面上看到原始网页内容，同时，浏览器e在原始网页对应的第一源代码中查找链接的关键字，来确定链接，例如：查找关键词“https”、“http”，将链接关键词以及链接关键词之后的参数一起作为目标链接，例如链接为：https://my.video321.net/shareds？1460842827056672768。
159.浏览器e确定出链接后，根据关键词，确定链接对应的视频的id，例如，将关键词“shareds”后的参数确定为视频的id；浏览器e确定出视频的id后，调用服务端接口从服务器d中获取id对应的视频的资源数据，其中，浏览器e预先设定了网络资源类型与待展示资源的对应关系，例如，浏览器e中预先设定了将视频的视频封面的图片地址和视频标题，确定为资源数据；浏览器e根据目标链接中的资源关键词，确定目标链接对应的网络资源种类，再根据网络资源种类，确定待展示资源的资源数据，例如：当浏览器客户端检测到目标链接中包括“video”时，则代表该网络资源为视频资源，由预先设置的网络资源类型与待展示资源的对应关系可知，该视频资源的待展示资源为视频封面和视频标题，资源数据为视
频封面的图片地址和视频标题。
160.浏览器e获取到资源数据后，基于资源数据，按照一定的显示格式生成包含显示视频封面和视频标题的目标代码；浏览器e生成目标代码后；由于上述步骤中确定了链接，因此浏览器e可以在第一源代码中包含该链接的一段代码之后的位置，添加上述的目标代码，得到第二源代码；由于浏览器e在得到第二源代码之前，浏览器e的网页已经完成了基于第一源代码的渲染，因此，浏览器e需要基于第二源代码，刷新浏览器e的当前网页g，此时，如图7f所示，用户会看到原始网页内容中链接后面的位置显示出视频封面和视频标题。
161.如图8所示为本技术实施例提供的一种浏览器插件开发示意图。主要包括以下步骤：
162.第一步：创建项目目录。项目目录可以为extensions。
163.第二步：创建基础配置文件。基础配置文件可以为manifest.json。
164.基础配置文件中包括：插件名称、插件的描述、插件的版本、配置插件程序的版本号等。
165.第三步：在基础配置文件中添加后台运行文件配置。
166.第四步：创建背景页文件。背景页文件可以为background.js。
167.其中，背景页文件中包括服务端接口getvideoinfo函数，getvideoinfo函数用于基于网络资源标识，获取资源数据。
168.第五步：创建内容文件并在内容文件中写入逻辑。内容文件可以为content.js文件。
169.其中，内容文件中包括updatebody函数、$.replacewith函数、getvideoid函数、renderlink函数等，background.js文件中包括getvideoinfo函数，其中，renderlink函数用于获取当前网页中的目标链接；getvideoid函数对目标链接进行解析，得到网络资源标识；updatebody函数用于根据目标代码，生成新的dom元素，$.replacewith函数用于基于生成新的dom元素，更新第一源代码，得到第二源代码,。
170.本技术实施例提供的网页显示方法，根据网络资源对应的待展示资源的资源数据，生成目标代码，基于目标代码更新网页的源代码，再基于更新后的源代码，显示网页，以使网页的网页内容中显示待展示资源，即、用户可以直观地看到网页中网络资源的内容。
171.基于相同的发明构思，本技术实施例还提供了一种网页显示装置，该装置应用于应用于浏览器客户端，参见图9，图9为本技术实施例提供的一种网页显示装置的结构图，该装置包括：
172.第一获取模块901，用于获取当前加载网页的网页内容中的目标链接；
173.确定模块902，用于根据所述目标链接，确定所述目标链接对应的网络资源的网络资源标识；
174.第二获取模块903，用于基于所述网络资源标识，获取所述网络资源对应的待展示资源的资源数据；
175.生成模块904，用于根据所述资源数据，生成用于显示所述待展示资源的目标代码；
176.更新模块905，用于基于所述目标代码更新所述网页的第一源代码，得到第二源代码；
177.显示模块906，用于基于所述第二源代码，显示网页。
178.在一些实施例中，所述装置还包括：
179.第三获取模块，用于在所述获取当前加载网页的网页内容中的目标链接之前，获取所述当前加载网页的网址；
180.判断模块，用于判断所述网址是否为预设网址，若所述网址为所述预设网址，则执行所述获取当前加载网页的网页内容中的目标链接的步骤。
181.在一些实施例中，所述第二获取模块903，具体用于判断所述网络资源标识是否在预置的许可访问资源列表中，若所述网络资源标识在所述预置的许可访问资源列表中，则基于所述网络资源标识，获取所述网络资源对应的待展示资源的资源数据。
182.在一些实施例中，所述生成模块904，具体用于根据所述资源数据和所述目标链接，生成用于显示所述待展示资源、且通过所述待展示资源链接至所述网络资源的目标代码。
183.在一些实施例中，所述更新模块905，具体用于将所述第一源代码中目标链接对应的原始代码替换为所述目标代码，得到所述第二源代码，所述原始代码是用于显示所述目标链接的代码。
184.在一些实施例中，所述更新模块905，具体用于在所述第一源代码中添加所述目标代码，得到所述第二源代码。
185.在一些实施例中，所述网络资源为视频文件，所述待展示资源为所述视频文件中的视频标题、视频封面、预览视频中的至少一种；资源数据为所述视频标题的文本数据、所述视频封面的图片地址数据、所述预览视频的视频地址数据中的至少一种。
186.本技术实施例提供的网页显示装置，根据网络资源对应的待展示资源的资源数据，生成目标代码，基于目标代码更新网页的源代码，再基于更新后的源代码，显示网页，这样使得网页的网页内容中能够显示待展示资源，从而用户可以直观地看到网页中网络资源的相关内容。
187.本技术实施例还提供了一种电子设备，如图10所示，包括处理器1001、通信接口1002、存储器1003和通信总线1004，其中，处理器1001，通信接口1002，存储器1003通过通信总线1004完成相互间的通信，
188.存储器1003，用于存放计算机程序；
189.处理器1001，用于执行存储器1003上所存放的程序时，实现上述实施例中任一项网页显示方法的步骤。
190.上述电子设备提到的通信总线可以是外设部件互连标准(peripheral component interconnect，pci)总线或扩展工业标准结构(extended industry standard architecture，eisa)总线等。该通信总线可以分为地址总线、数据总线、控制总线等。为便于表示，图中仅用一条粗线表示，但并不表示仅有一根总线或一种类型的总线。
191.通信接口用于上述电子设备与其他设备之间的通信。
192.存储器可以包括随机存取存储器(random access memory，ram)，也可以包括非易失性存储器(non-volatile memory，nvm)，例如至少一个磁盘存储器。可选的，存储器还可以是至少一个位于远离前述处理器的存储装置。
193.上述的处理器可以是通用处理器，包括中央处理器(central processing unit，
cpu)、网络处理器(network processor，np)等；还可以是数字信号处理器(digital signal processor，dsp)、专用集成电路(application specific integrated circuit，asic)、现场可编程门阵列(field-programmable gate array，fpga)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。
194.在本技术提供的又一实施例中，还提供了一种计算机可读存储介质，该计算机可读存储介质内存储有计算机程序，所述计算机程序被处理器执行时实现上述任一网页显示方法的步骤。
195.在本技术提供的又一实施例中，还提供了一种包含指令的计算机程序产品，当其在计算机上运行时，使得计算机执行上述实施例中任一网页显示方法。
196.在上述实施例中，可以全部或部分地通过软件、硬件、固件或者其任意组合来实现。当使用软件实现时，可以全部或部分地以计算机程序产品的形式实现。所述计算机程序产品包括一个或多个计算机指令。在计算机上加载和执行所述计算机程序指令时，全部或部分地产生按照本技术实施例所述的流程或功能。所述计算机可以是通用计算机、专用计算机、计算机网络、或者其他可编程装置。所述计算机指令可以存储在计算机可读存储介质中，或者从一个计算机可读存储介质向另一个计算机可读存储介质传输，例如，所述计算机指令可以从一个网站站点、计算机、服务器或数据中心通过有线(例如同轴电缆、光纤、数字用户线(dsl))或无线(例如红外、无线、微波等)方式向另一个网站站点、计算机、服务器或数据中心进行传输。所述计算机可读存储介质可以是计算机能够存取的任何可用介质或者是包含一个或多个可用介质集成的服务器、数据中心等数据存储设备。所述可用介质可以是磁性介质，(例如，软盘、硬盘、磁带)、光介质(例如，dvd)、或者半导体介质(例如固态硬盘solid state disk(ssd))等。
197.需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个
……”
限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
198.本说明书中的各个实施例均采用相关的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于装置、电子设备、存储介质实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。
199.以上所述仅为本技术的较佳实施例，并非用于限定本技术的保护范围。凡在本技术的精神和原则之内所作的任何修改、等同替换、改进等，均包含在本技术的保护范围内。

技术特征：
1.一种网页显示方法，其特征在于，应用于浏览器客户端，所述方法包括：获取当前加载网页的网页内容中的目标链接；根据所述目标链接，确定所述目标链接对应的网络资源的网络资源标识；基于所述网络资源标识，获取所述网络资源对应的待展示资源的资源数据；根据所述资源数据，生成用于显示所述待展示资源的目标代码；基于所述目标代码更新所述网页的第一源代码，得到第二源代码；基于所述第二源代码，显示网页。2.根据权利要求1所述的方法，其特征在于，在所述获取当前加载网页的网页内容中的目标链接之前，所述方法还包括：获取所述当前加载网页的网址；判断所述网址是否为预设网址，若所述网址为所述预设网址，则执行所述获取当前加载网页的网页内容中的目标链接的步骤。3.根据权利要求1所述的方法，其特征在于，所述基于所述网络资源标识，获取所述网络资源对应的待展示资源的资源数据，包括：判断所述网络资源标识是否在预置的许可访问资源列表中，若所述网络资源标识在所述预置的许可访问资源列表中，则基于所述网络资源标识，获取所述网络资源对应的待展示资源的资源数据。4.根据权利要求1所述的方法，其特征在于，所述根据所述资源数据，生成用于显示所述待展示资源的目标代码，包括：根据所述资源数据和所述目标链接，生成用于显示所述待展示资源、且通过所述待展示资源链接至所述网络资源的目标代码。5.根据权利要求4所述的方法，其特征在于，所述基于所述目标代码更新所述网页的第一源代码，得到第二源代码，包括：将所述第一源代码中目标链接对应的原始代码替换为所述目标代码，得到所述第二源代码，所述原始代码是用于显示所述目标链接的代码。6.根据权利要求1所述的方法，其特征在于，所述基于所述目标代码更新所述网页的第一源代码，得到第二源代码，包括：在所述第一源代码中添加所述目标代码，得到所述第二源代码。7.根据权利要求1-6中任一项所述的方法，其特征在于，所述网络资源为视频文件，所述待展示资源为所述视频文件中的视频标题、视频封面、预览视频中的至少一种；所述资源数据为所述视频标题的文本数据、所述视频封面的图片地址数据、所述预览视频的视频地址数据中的至少一种。8.一种网页显示装置，其特征在于，应用于浏览器客户端，所述装置包括：第一获取模块，用于获取当前加载网页的网页内容中的目标链接；确定模块，用于根据所述目标链接，确定所述目标链接对应的网络资源的网络资源标识；第二获取模块，用于基于所述网络资源标识，获取所述网络资源对应的待展示资源的资源数据；生成模块，用于根据所述资源数据，生成用于显示所述待展示资源的目标代码；
更新模块，用于基于所述目标代码更新所述网页的第一源代码，得到第二源代码；显示模块，用于基于所述第二源代码，显示网页。9.一种电子设备，其特征在于，包括处理器、通信接口、存储器和通信总线，其中，处理器，通信接口，存储器通过通信总线完成相互间的通信；存储器，用于存放计算机程序；处理器，用于执行存储器上所存放的程序时，实现权利要求1-7任一所述的方法步骤。10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质内存储有计算机程序，所述计算机程序被处理器执行时实现权利要求1-7任一所述的方法步骤。

技术总结
本申请实施例提供了一种网页显示方法、装置、电子设备及存储介质，涉及互联网技术领域。上述方法包括：获取当前加载网页的网页内容中的目标链接；再根据目标链接，确定目标链接对应的网络资源的网络资源标识；基于网络资源标识，获取网络资源对应的待展示资源的资源数据；再根据资源数据，生成用于显示待展示资源的目标代码；基于目标代码更新所述网页的第一源代码，得到第二源代码；基于第二源代码，显示网页。本申请实施例提供的方案中基于待展示资源数据生成的目标代码更新网页的源代码，再基于更新后的源代码，显示网页，使得网页内容中显示待展示资源，这样用户可以直观地看到网页中网络资源的相关内容。中网络资源的相关内容。中网络资源的相关内容。


技术研发人员：魏文豪
受保护的技术使用者：北京聆视科技有限公司
技术研发日：2023.05.11
技术公布日：2023/8/1