[发明专利]屏蔽网页自定义样式影响全局样式的方法及装置

说明书

技术领域

本发明涉及到页面样式定义技术领域，特别涉及到一种屏蔽网页自定义样式影响全局样式的方法及装置。

背景技术

现有技术中C2C模式电子商务网站的店铺页面样式定义有多种，较常使用的主要包括自定义式样和全局式样。该自定义样式中卖家可以在商品框架中上传自定义HTML代码，为了实现好的视觉效果，往往会加入下面这样的代码<style>div{font-color:#FFF}</style>。该全局样式中商品整个页面的样式，其影响范围是全站商品的整个页面，不希望受单个卖家装修影响。

在上述自定义样式中，可能由于用户非法定义而使得页面显示出现异常，影响页面显示效果。对此问题，目前还没有对异常页面进行自动化的方案，一般是网站技术人员在收到用户投诉页面有显示异常时，人工定位非法的自定义样式，然后通知卖家删除或者修改。

由于卖家自定义代码多种多样，使得页面显示异常的原因很多，商品页面显示逻辑也比较复杂，网站技术人员往往要耗费大量的时间找出问题，并且跟客服以及卖家沟通成本也很高；同时，由于人工方式效率低下，也使得客户不愿意配合，致使用户满意度低下。

发明内容

本发明的主要目的为提供一种屏蔽网页自定义样式影响全局样式的方法，提升了解决由于非法定义而出现页面异常问题的效率。

本发明提出一种屏蔽网页自定义样式影响全局样式的方法，包括步骤：

对自定义代码设置特定样式前缀；

在自定义代码中的样式前加入限定符；

将加入限定符的自定义代码渲染至网页中。

优选地，所述对自定义代码设置特定样式前缀的步骤具体包括：

将自定义代码放置在设有特定样式前缀的文档分区中。

优选地，所述分析自定义代码中的样式块，在样式块中的样式加入限定符的步骤具体包括：

解析自定代码中的样式块，在样式块的每个样式单元前加上限定符。

优选地，所述将加入限定符的自定义代码渲染至网页中的步骤具体包括：

通过通用网关接口将加入限定符的自定义代码渲染至网页中。

优选地，所述自定义代码为HTML代码或CSS代码。

本发明还提出一种屏蔽网页自定义样式影响全局样式的装置，包括：

前缀设置单元，用于对自定义代码设置特定样式前缀；

限定加入单元，用于在自定义代码中的样式前加入限定符；

代码渲染单元，用于将加入限定符的自定义代码渲染至网页中。

优选地，所述前缀设置单元具体用于：

将自定义代码放置在设有特定样式前缀的文档分区中。

优选地，所述限定加入单元具体用于：

解析自定代码中的样式块，在样式块的每个样式单元前加上限定符。

优选地，所述代码渲染单元具体用于：

通过通用网关接口将加入限定符的自定义代码渲染至网页中。

优选地，所述自定义代码为HTML代码或CSS代码。

本发明可通过设置特定样式前缀以及加入限定符等方式对自定义代码进行处理后，再通过CGI将处理后的自定义代码渲染至网页中，既保证了终端用户自定义样式的原貌，又屏蔽了对全局样式的影响。

附图说明

图1是本发明屏蔽网页自定义样式影响全局样式的方法一实施例中的步骤流程示意图；

图2是本发明一实施例中页面展示效果的示意图；

图3是本发明屏蔽网页自定义样式影响全局样式的装置一实施例中的模块结构示意图。

本发明目的的实现、功能特点及优点将结合实施例，参照附图做进一步说明。

具体实施方式

应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。

参照图1，提出本发明一种屏蔽网页自定义样式影响全局样式的方法一实施例。该方法可包括：

步骤S10、对自定义代码设置特定样式前缀；

步骤S11、在自定义代码中的样式前加入限定符；

步骤S12、将加入限定符的自定义代码渲染至网页中。

本实施例中，针对电子商务网站的店铺页面中，可能由于自定义代码的多样性而造成页面显示的问题，上述屏蔽网页自定义样式影响全局样式的方法通过在自定义代码的样式块前添加限定符的方式，屏蔽自定义代码对全局样式可能造成的影响，减少了自定义代码对全局样式造成的影响，提升了页面维护的效率。