[发明专利]Web页面的开发方法、装置、设备及存储介质

说明书

本申请涉及开发辅助技术领域，揭示了一种Web页面的开发方法、装置、设备及存储介质，其中方法包括：判断预设的字体图标更新脚本中的字体图标资源链接引入结果与目标字体图标资源链接是否相同；若不相同，则根据目标字体图标资源链接对字体图标资源链接引入结果进行替换；运行字体图标更新脚本，根据预设的字体图标库对页面开发工程包的字体图标文件夹进行更新；在页面开发工程包中引入字体图标文件夹中的样式文件；在页面开发工程包中，基于字体图标文件夹获取用户输入的目标Web页面代码；根据字体图标文件夹和目标Web页面代码生成目标Web页面数据包。避免了静态资源放置混乱，避免重复存放字体图标，减小项目包体积，减少冗余代码。

技术领域

本申请涉及到开发辅助技术领域，特别是涉及到一种Web页面的开发方法、装置、设备及存储介质。

背景技术

在开发Web(全球广域网)页面时，如需要新增或修改图标，前端开发人员首先找UI(界面)设计人员切图，然后再添加到项目中以进行引用和调样式。每次引入新图标增大了项目包体积，并且需要写样式代码，增加了项目的冗余代码；不同前端开发人员增加图标、放置图标的位置不一样，很可能导致重复存放图标，增大了项目包体积，而且导致项目中静态资源放置混乱，不利于项目包的后期维护。

发明内容

本申请的主要目的为提供一种Web页面的开发方法、装置、设备及存储介质，旨在解决现有技术的在开发Web页面时通过添加切图到项目中以进行引用和调样式，导致增大了项目包体积、项目中静态资源放置混乱，增加了项目的冗余代码的技术问题。

为了实现上述发明目的，本申请提出一种Web页面的开发方法，所述方法包括：

获取页面开发请求，所述页面开发请求携带有目标字体图标资源链接；

判断预设的字体图标更新脚本中的字体图标资源链接引入结果与所述目标字体图标资源链接是否相同；

若不相同，则根据所述目标字体图标资源链接，对所述字体图标资源链接引入结果进行替换；

运行所述字体图标更新脚本，根据预设的字体图标库，对页面开发工程包的字体图标文件夹进行更新；

在所述页面开发工程包中引入所述字体图标文件夹中的样式文件；

在所述页面开发工程包中，基于所述字体图标文件夹，获取用户输入的目标Web页面代码；

根据所述字体图标文件夹和所述目标Web页面代码生成目标Web页面数据包。

进一步的，所述根据预设的字体图标库，对页面开发工程包的字体图标文件夹进行更新的步骤，包括：

判断所述页面开发工程包的资源文件夹中是否存在所述字体图标文件夹；

若不存在，则在所述资源文件夹中新建文件夹作为所述字体图标文件夹；

根据所述字体图标资源链接引入结果，从所述字体图标库中获取CSS资源内容；

对所述CSS资源内容进行依赖资源链接解析；

从所述字体图标库中获取与每个所述依赖资源链接对应的依赖资源文件；

根据所述字体图标文件夹的链接地址，对所述CSS资源内容中的远程链接进行替换，得到待存储的样式文件；

根据各个所述依赖资源文件和所述待存储的样式文件，对所述字体图标文件夹进行更新。

进一步的，所述对所述CSS资源内容进行依赖资源链接解析的步骤，包括：

将所述CSS资源内容进行字符串转换，得到待解析字符串；

对所述待解析字符串进行所述依赖资源链接解析。