一种网页显示方法及装置制造方法及图纸

本申请公开了一种网页显示方法及装置。所述方法包括在当前网页向其他网页载入时获取当前网页的层叠样式表CSS文件和JS文件；分别改写所述CSS文件内的类选择器名称和所述JS文件内的类选择器名称；及基于改写后的CSS文件内的类选择器名称和JS文件内的类选择器名称，显示当前网页。本申请实施例提供的网页显示方法及装置，采用动态生成类选择器名称的方式，使得当前网页的类选择器不会与其他网页的类选择器产生重名冲突，避免了因类选择器重名冲突而带来的网页相互干扰等问题。

【技术实现步骤摘要】

本申请涉及计算机
，尤其涉及一种网页显示方法及装置。
技术介绍
随着互联网的普及，社会真正进入了信息时代，而互联网也已成为了一种有别于电视、广播和报纸的全新媒体，且逐渐成为了工作、生活和学习中不可缺少的一部分。人们利用电脑、手机等工具，可以从互联网上获取自己感兴趣的信息，而在信息的展示过程中，时常会受到一些干扰，导致最终展示给用户的页面出现错乱，尤其在网页的浏览过程中，这个问题时常出现，其主要发生在异步脚本载入的情况下.究其原因，主要是类选择器存在重名问题，即当一个异步载入的页面模块载入当前的页面时，异步载入页面模块的样式表内的类选择器很容易与当前页面的类选择器重名，从而导致两个页面相互干扰，影响页面的正常显示。
技术实现思路
本申请实施例提供一种网页显示方法及装置，用以解决现有技术中页面因类选择器冲突而导致相互干扰的问题。本申请实施例提供了一种网页显示方法，包括：在当前网页向其他网页载入时，获取当前网页的层叠样式表CSS文件和JS文件；分别改写所述CSS文件内的类选择器名称和所述JS文件内的类选择器名称；及基于改写后的CSS文件内的类选择器名称和JS文件内的类选择器名称，显示当前网页。本申请实施例还提供一种网页显示方法，包括：在当前网页向其他网页载入时，读取当前网页的层叠样式表CSS文件和JS文件；将所述CSS文件转换成待改写的代码串；将所述待改写的代码串和JS文件发送至终端，以供终端对所述代码串和JS文件内的类选择器名称分别进行改写并基于改写后的类选择器名称来显示当前网页。本申请实施例还提供一种网页显示装置，包括：获取模块，用于在当前网页向其他网页载入时获取当前网页的层叠样式表CSS文件和JS文件；第一改写模块，用于改写所述CSS文件内的类选择器名称；第二改写模块，用于改写所述JS文件内的类选择器名称使其与所述CSS文件内的类选择器名称保持一致；及用于基于改写后的CSS文件内的类选择器名称和JS文件内的类选择器名称，显示当前网页。本申请实施例提供的网页显示方法及装置，采用动态生成类选择器名称的方式，使得当前网页的类选择器不会与其他网页的类选择器产生重名冲突，避免了因类选择器重名冲突而带来的网页相互干扰等问题。附图说明此处所说明的附图用来提供对本申请的进一步理解，构成本申请的一部分，本申请的示意性实施例及其说明用于解释本申请，并不构成对本申请的不当限定。在附图中：图1为本申请实施例提供的网页显示方法的流程图；图2为本申请实施例提供的网页显示装置的结构图。具体实施方式为使本申请的目的、技术方案和优点更加清楚，下面将结合本申请具体实施例及相应的附图对本申请技术方案进行清楚、完整地描述。显然，所描述的实施例仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。请参阅图1和图2所示，本申请公开一种网页显示方法及装置，可用于两个网页或多个网页相互载入时的场景，避免网页之间发生冲突而影响网页的显示。本申请实施例以当前网页向其他网页载入作为应用场景，为了避免当前网页载入时，对其他网页造成干扰影响，采用本申请实施例所述的网页显示方法及装置可有效改善这一问题。所述网页显示方法包括：S101：在当前网页向其他网页载入时，获取当前网页的层叠样式表(Cascading Style Sheets，CSS)文件和JS(JavaScript，JS)文件。本申请较佳实施例中，获取所述CSS文件的过程，主要包括：接收由服务器发出的包含有CSS文件代码的JS代码串。所述JS代码串的形成过程为：首先，提取CSS文件中的代码，并将代码转换成一个代码串；然后，将所述代码串转换成JS代码。值得一提的是，这么做是为了避免当前网页的CSS文件被浏览器直接解析执行，而导致无法对CSS文件进行修改。本申请将CSS文件代码转成一个字符串形式的JS代码，使其可被Java执行，同时阻止CSS文件被浏览器解析。举例来说，首先，提取CSS文件的代码，如下：.header{width:100％；background:#eee；height:20px；background:url(”img/img.jpeg”)；本文档来自技高网...

【技术保护点】
一种网页显示方法，其特征在于，包括：在当前网页向其他网页载入时，获取当前网页的层叠样式表CSS文件和JS文件；分别改写所述CSS文件内的类选择器名称和所述JS文件内的类选择器名称；及基于改写后的CSS文件内的类选择器名称和JS文件内的类选择器名称，显示当前网页。

【技术特征摘要】
1.一种网页显示方法，其特征在于，包括：在当前网页向其他网页载入时，获取当前网页的层叠样式表CSS文件和JS文件；分别改写所述CSS文件内的类选择器名称和所述JS文件内的类选择器名称；及基于改写后的CSS文件内的类选择器名称和JS文件内的类选择器名称，显示当前网页。2.如权利要求1所述的方法，其特征在于，获取当前网页的层叠样式表CSS文件，包括：接收由服务器发出的包含有CSS文件代码的JS代码串。3.如权利要求2所述的方法，其特征在于，改写所述CSS文件内的类选择器名称，包括：采用JS随机函数生成随机字符串；将所述随机生成的字符串写入至所述CSS文件内类选择器的名称中。4.如权利要求3所述的方法，其特征在于，将所述随机生成的字符串写入至所述CSS文件内类选择器的名称中，包括：将所述随机生成的字符串添加至所述JS代码串内类选择器名称的前面。5.如权利要求3或4所述的方法，其特征在于，改写所述JS文件内的类选择器名称，包括：将所述随机生成的字符串写入至JS文件中的类选择器名称中，使得JS文件和所述CSS文件内所对应的类选择器的名称保持一致。6.如权利要求1所述的方法，其特征在于，显示当前网页，包括：读取当前网页的超文本标记语言HTML文件；将改写后的CSS文件内的代码插入所述HTML文件中；通过JS文件调用所述CSS文件代码；通过浏览器解析执行所述HTML文件、CSS文件和JS文件。7.一种网页显示方法，其特征在于，包括：在当前网页向其他网页载入时，读取当前网页的层叠样式表CSS文件和JS文件；将所述CSS文件转换成待改写的代码串；将所述待改写的代码串和JS文件发送至终端，以供终端对所述代码串和JS...

【专利技术属性】
技术研发人员：王超，
申请(专利权)人：阿里巴巴集团控股有限公司，
类型：发明
国别省市：开曼群岛;KY