[发明专利]一种WEB前端CSS资源请求处理装置

说明书

技术领域

本发明涉及WEB软件前端技术领域，特别是涉及WEB前端CSS资源请求处理装置。

背景技术

随着网络技术的发展，用户在各种智能电子设备上进行网页浏览来获取所需的内容。网页提供者为了提升用户体验，会对页面的内容进行丰富化和个性化，以迎合用户来达到提升用于体验的效果。

提升用户体验最直接的方法就是丰富web前端资源的内容；Web前端由Html、CSS、Javascript等元素组成，这些技术的应用，使得网站在视觉、操作效果等方面得到很大的提升，但是另一方面，这些效果并不能在所有用户所使用的智能电子设备上进行兼容显示，因为，用户所使用的浏览器、显示设备以及显示屏幕的分辨率等存在差异，上述web前端资源未必能做到全面的兼容。

目前，为了解决web前端资源兼容性的问题的方法主要有以下两种：一种，为解决浏览器兼容性问题在引入的CSS(英文全称Cascading Style Sheets，中文简称：层叠样式表)文件中设置只有某种特定浏览器能够识别的“伪类”，这样特定浏览器就只能读取这个“伪类”的样式；另一种，为解决多显示设备、多分辨率问题在页面加载完成后，通过执行一个脚本来判断设备类型、分辨率大小来动态引入对应的CSS；为满足用户个性化需求，提供了若干皮肤允许用户自行切换。

上述现有做法虽然可以在一定程度上解决前端资源兼容性的问题，但并不全面，例如，采用“伪类”的方式虽然可以一定程度上解决浏览器兼容问题，但目前市面上浏览器种类繁多，主流的IE6-IE11、Chrome、Firefox、Safari、360等加起来就有15种以上，“伪类”的数量大增，导致CSS过于臃肿，在互联网发展的今天，这会导致网站的下行流量大增，增加服务器负担影响用户体验；再例如，动态执行脚本的方式可以解决跨设备的问题，但是由于是二段加载，部分客户端会有较为明显的卡顿，影响用户体验。

综上所述，如何使web前端资源能够在用户端实现全面兼容，并且不影响用户体验，这是目前本领域技术人员所要解决的问题。

发明内容

鉴于以上所述现有技术的缺点，本发明的目的在于提供一种WEB前端CSS资源请求处理装置，用于解决如何使web前端资源能够在用户端实现全面兼容且不影响用户体验的问题。

为实现上述目的及其他相关目的，本发明提供以下技术方案：一种WEB前端CSS资源请求处理装置，应用于一WEB服务器中，所述WEB前端CSS资源请求处理装置包括：请求接收模块，用于接收用户端发送的页面资源请求，页面资源请求包含一用户配置信息；资源选择模块，用于根据所述页面资源请求确定对应的页面资源文件，以及根据所述用户配置信息从预设的第一CSS文件和第二CSS文件中筛选出需要输出到前端的CSS资源文件，并对所述CSS资源文件设定在页面引入的顺序；请求响应模块，用于将所述页面资源文件和CSS资源文件返回所述用户端。

优选地，所述用户配置信息包括当前的登录用户信息、设备信息、分辨率信息以及当前页面的浏览器版本信息。

优选地，所述CSS资源文件设定在页面引入的顺序为：按照系统级、用户级、浏览器级、屏幕级、风格级、页面级顺序进行显示输出。

如上所述，本发明通过系统级定义全局样式，用户级定义针对某类用户或者某个用户的个性化样式，浏览器级将各个浏览器的样式分割成不同文件分而治之解决浏览器兼容问题，屏幕级定义各种大小显示设备上的字体、间距、图片等内容，风格级定义允许用户切换的各种，页面级定义了某个页面特有的样式拥有最高优先级。根据CSS样式规则，后输出的资源在同名时具有高优先级，即后输出的样式覆盖先输出的样式。固能支持多显示设备，又支持多分辨率、多浏览器，还能够满足用户的个性化需求。

附图说明

图1为一种WEB前端CSS资源请求处理方法在一实施例中的流程图。

图2为一种WEB前端CSS资源请求处理装置在一实施例中的原理图。

具体实施方式

以下通过特定的具体实例说明本发明的实施方式，本领域技术人员可由本说明书所揭露的内容轻易地了解本发明的其他优点与功效。本发明还可以通过另外不同的具体实施方式加以实施或应用，本说明书中的各项细节也可以基于不同观点与应用，在没有背离本发明的精神下进行各种修饰或改变。需说明的是，在不冲突的情况下，以下实施例及实施例中的特征可以相互组合。