[发明专利]一种网页设计方法、装置、电子设备及存储介质

说明书

本公开提供了一种网页设计方法、装置、电子设备及存储介质，涉及网页处理技术领域，包括确定层叠样式表CSS和JavaScript逻辑代码；分别将所述层叠样式表CSS和JavaScript逻辑代码拼装至HTML代码的头部标签中，并根据所述入口文件和各个功能包代码的调用逻辑，生成Web页面，该Web页面能够兼容多个类型的终端，而不是为每个类型的终端做一个特定的版本，不需要分配子域名；可以为不同类型的终端的用户提供更加舒适的界面和更好的用户体验。

技术领域

本公开涉及网页处理技术领域，尤其涉及一种网页设计方法、装置、电子设备及存储介质。

背景技术

一般在开发网站为了让网页内容适应不同尺寸的浏览设备时会为不同的浏览设备提供不同的网页，比如专门提供一个PC版本，或者移动版本。但是在做一些简单、轻量的页面就比较麻烦了，同时要维护好几个版本，这时候就会用到响应式布局，响应式布局是Ethan Marcotte在2010年5月份提出的一个概念，一个网站能够兼容多个终端，而不是为每个终端做一个特定的版本，不需要分配子域名。可以为不同终端的用户提供更加舒适的界面和更好的用户体验。

层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言，简称CSS。由于响应式页面是同时下载多套CSS样式代码，可能在手机上就下载PC的冗余代码，其实毫无意义，而且浪费了流量资源。

发明内容

本公开的目的在于提出一种网页设计方法、装置、电子设备及存储介质，以解决上述技术问题之一。

为实现上述目的，本公开第一方面提供了一种响应式网页设计方法，包括：

确定层叠样式表CSS和JavaScript逻辑代码；所述JavaScript逻辑代码包括入口文件和所需的各个功能包代码的调用逻辑；所述入口文件用于引入所述层叠样式表文件；所述各个功能包代码的调用逻辑用于确定网页的类型；

分别将所述层叠样式表CSS和JavaScript逻辑代码拼装至HTML代码的头部标签中，并根据所述入口文件和各个功能包代码的调用逻辑，生成Web页面。

为实现上述目的，本公开第二方面提供了一种密码设备测试装置，包括：

确定模块，用于确定层叠样式表CSS和JavaScript逻辑代码；所述JavaScript逻辑代码包括入口文件和所需的各个功能包代码的调用逻辑；所述入口文件用于引入所述层叠样式表文件；所述各个功能包代码的调用逻辑用于确定网页的类型；

生成模块，用于分别将所述层叠样式表CSS和JavaScript逻辑代码拼装至HTML代码的头部标签中，并根据所述入口文件和各个功能包代码的调用逻辑，生成Web页面。

为实现上述目的，本公开实施例的第三方面，提供了一种电子设备，包括存储器、处理器以及存储在存储器中并可在处理器上运行的计算机程序，该处理器执行计算机程序时实现本公开任意网页设计方法的步骤。

为实现上述目的，本公开实施例的第四方面，提供了一种计算机可读存储介质，该计算机可读存储介质存储有计算机程序，该计算机程序被处理器执行时实现本公开任意网页设计方法的步骤。

由上可见，本公开提供的一种响应式网页设计方法，包括确定层叠样式表CSS和JavaScript逻辑代码；分别将所述层叠样式表CSS和JavaScript逻辑代码拼装至HTML代码的头部标签中，并根据所述入口文件和各个功能包代码的调用逻辑，生成Web页面，该Web页面能够兼容多个类型的终端，而不是为每个类型的终端做一个特定的版本，不需要分配子域名；可以为不同类型的终端的用户提供更加舒适的界面和更好的用户体验。

附图说明