一种网页处理方法和装置与流程

技术特征：
1.一种网页处理方法，其特征在于，包括：接收网页处理请求，根据所述网页处理请求，获取目标开发网页对应的目标设计稿，其中，所述目标开发网页为完成开发的网页；基于层叠式样表的定位属性和层级关系，将所述目标设计稿以图片标签的形式插入所述目标开发网页中；对比所述目标开发网页和插入所述目标开发网页中的所述目标设计稿，根据对比结果对所述目标开发网页进行调整。2.根据权利要求1所述的方法，其特征在于，所述基于层叠式样表的定位属性和层级关系，将所述目标设计稿以图片标签的形式插入所述目标开发网页中，包括：基于层叠式样表的定位属性和层级关系，以图片标签的形式将所述目标设计稿定位至所述目标开发网页的最上层；将定位至所述目标开发网页最上层的所述目标设计稿设置为预设透明度，以使所述目标设计稿投射在所述目标开发网页上；将定位至所述目标开发网页最上层的所述目标设计稿的pointer-events属性设置为none。3.根据权利要求1所述的方法，其特征在于，所述方法还包括：在网页开发模式下，启动热更新服务，以便在监听到网页发生变化后重新编译网页。4.根据权利要求3所述的方法，其特征在于，所述对比所述目标开发网页和插入所述目标开发网页中的所述目标设计稿，根据对比结果对所述目标开发网页进行调整，包括：将所述目标开发网页的样式与所述目标设计稿的样式进行对比，其中，所述样式包括元素布局、元素的尺寸以及各元素之间的间距；利用所述热更新服务，根据所述对比结果对所述目标开发网页进行重新编译，以使重新编译后的所述目标开发网页与所述目标设计稿重合。5.根据权利要求1至4任一所述的方法，其特征在于，所述方法还包括：获取一个或多个设计稿，其中，所述一个或多个设计稿包括所述目标设计稿；针对所述一个或多个设计稿中的每个设计稿，获取所述设计稿对应的图片链接，并将所述图片链接存储至数据库中，以及将所述设计稿对应的缩略图存储至图库中。6.根据权利要求5所述的方法，其特征在于，所述获取所述设计稿对应的图片链接，包括：在所述设计稿为图片文件且所述设计稿的来源为本地文件夹的情况下，遍历所述设计稿所在的本地文件夹以获取到所述设计稿，将所述设计稿上传至图片服务器，然后接收所述图片服务器生成的所述设计稿对应的图片链接；在所述设计稿为图片文件且所述设计稿的来源为网络的情况下，获取所述设计稿对应的图片链接；在所述设计稿为网页的情况下，根据所述设计稿包含的网页元素确定所述设计稿对应的图片链接。7.根据权利要求5所述的方法，其特征在于，所述将所述设计稿对应的缩略图存储至图库中，包括：按照所述图库对应的缩略图形式，生成所述设计稿对应的缩略图，并将生成的缩略图
存储至所述图库中。8.根据权利要求5所述的方法，其特征在于，所述根据所述网页处理请求，获取目标开发网页对应的目标设计稿，包括：根据所述网页处理请求获取所述目标开发网页，然后根据所述目标开发网页的网页标识确定所述目标设计稿；利用所述图库中存储的所述目标设计稿对应的缩略图和所述数据库中存储的所述目标设计稿对应的图片链接，获取所述目标设计稿。9.一种网页处理装置，其特征在于，包括：获取模块，用于接收网页处理请求，根据所述网页处理请求，获取目标开发网页对应的目标设计稿，其中，所述目标开发网页为完成开发的网页；插入模块，用于基于层叠式样表的定位属性和层级关系，将所述目标设计稿以图片标签的形式插入所述目标开发网页中；调整模块，用于对比所述目标开发网页和插入所述目标开发网页中的所述目标设计稿，根据对比结果对所述目标开发网页进行调整。10.一种电子设备，其特征在于，包括：一个或多个处理器；存储装置，用于存储一个或多个程序，当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求1-8中任一所述的方法。11.一种计算机可读介质，其上存储有计算机程序，其特征在于，所述程序被处理器执行时实现如权利要求1-8中任一所述的方法。

技术总结
本发明公开了一种网页处理方法和装置，涉及计算机技术领域。该方法的一具体实施方式包括：接收网页处理请求，根据网页处理请求，获取目标开发网页对应的目标设计稿，其中，目标开发网页为完成开发的网页；基于层叠式样表的定位属性和层级关系，将目标设计稿以图片标签的形式插入目标开发网页中；对比目标开发网页和插入目标开发网页中的目标设计稿，根据对比结果对目标开发网页进行调整。该实施方式得到的调整后的目标开发网页能够精准还原目标设计稿，减少了沟通成本和时间成本，提高网页开发效率。效率。效率。


技术研发人员：郑莉
受保护的技术使用者：京东科技控股股份有限公司
技术研发日：2021.02.09
技术公布日：2022/8/16