页面处理方法及相关装置.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN105740364A(43)申请公布日2016.07.06(21)申请号201610053573.X(22)申请日2016.01.26(71)申请人腾讯科技（深圳）有限公司地址518000广东省深圳市福田区振兴路赛格科技园2栋东403室(72)发明人刘希呈(74)专利代理机构深圳市深佳知识产权代理事务所(普通合伙)44285代理人王仲凯(51)Int.Cl.G06F17/30(2006.01)G06F9/445(2006.01)G06F3/0481(2013.01)权利要求书2页说明书11页附图8页(54)发明名称页面处理方法及相关装置(57)摘要本发明的目的是提供页面处理方法及相关装置，以去除测量比对工作，提高开发效率。在本发明中，可向前端页面注入对比参考图，叠加展示前端页面和注入的对比参考图，其中，至少对比参考图以设定的透明度显示，可实现前端页面和对比参考图同时显现。对比参考图如同描红字帖(背景图像)，前端页面如同覆盖在描红字帖上的透明薄纸。这样不用测量，即可对二者进行比对。在二者不一致时，可重新设置渲染属性参数来刷新更改前端页面，进而消除前端页面与对比参考图不一致的地方。因此，本发明实施例所提供的技术方案，去除了前端工程师反复测量比对的工作，使得前端开发效率大大增加。CN105740364ACN105740364A权利要求书1/2页1.一种页面处理方法，其特征在于，应用于装载有浏览器的电子设备，所述方法包括：向前端页面注入对比参考图；叠加展示所述前端页面和注入的对比参考图；其中，至少所述对比参考图以设定的透明度显示，以便确定所述前端页面和对比参考图是否一致，在不一致时重新设置渲染属性参数；加载重新设置的渲染属性参数；根据所述渲染属性参数刷新所述前端页面。2.如权利要求1所述方法，其特征在于，在刷新所述前端页面后，还包括：叠加展示刷新后的前端页面和所述注入的对比参考图；至少所述对比参考图以设定的透明度显示。3.如权利要求2所述的方法，其特征在于，还包括：调整所述对比参考图的位置。4.如权利要求3所述的方法，其特征在于，还包括：在接收到比对指令后，交替展示所述前端页面与注入的对比参考图。5.如权利要求1-4任一项所述的方法，其特征在于，所述向前端页面注入对比参考图包括：向所述前端页面注入设计资源，所述设计资源至少包括对比参考图的URL；将所述设计资源存储至本地，成为本地资源。6.如权利要求5所述的方法，其特征在于，所述向所述前端页面注入设计资源包括：在所述前端页面上显示POP页面；通过所述POP页面向所述前端页面注入所述设计资源。7.如权利要求5所述的方法，其特征在于，所述设计资源还包括：透明度、对比参考图的默认位置、以及监听展示开关的状态；其中，所述监听展示开关的状态为开启或关闭，所述监听展示开关的状态用于控制是否叠加展示所述前端页面和所述注入的对比参考图。8.如权利要求7所述的方法，其特征在于，所述叠加展示所述前端页面和所述注入的对比参考图包括：查找本地资源；在本地资源存在对比参考图的URL、透明度以及对比参考图的默认位置，并且，所述监听展示开关的状态为开启时，根据所述透明度和所述对比参考图的默认位置显示所述URL对应的对比参考图。9.如权利要求3所述的方法，其特征在于，在调整对比参考图的位置后，还包括：将所述对比参考图的当前位置作为默认位置存储至本地。10.一种页面处理装置，其特征在于，应用于装载有浏览器的电子设备，所述装置包括：注入资源模块，用于向前端页面注入对比参考图；监听展示模块，用于叠加展示所述前端页面和注入的对比参考图；其中，至少所述对比参考图以设定的透明度显示，以便确定所述前端页面和对比参考图是否一致，在不一致时重新设置渲染属性参数；加载模块，用于加载重新设置的渲染属性参数；2CN105740364A权利要求书2/2页渲染模块，用于根据所述渲染属性参数刷新所述前端页面。11.如权利要求10所述的装置，其特征在于，所述监听展示模块还用于：叠加展示刷新后的前端页面和所述注入的对比参考图；其中,至少所述对比参考图以设定的透明度显示。12.如权利要求11所述的装置，其特征在于，所述监听展示模块还用于调整所述对比参考图的位置。13.如权利要求12所述的装置，其特征在于，还包括：比对模块，用于在接收到比对指令后，交替展示前端页面与对比参考图。14.一种电子设备，其特征在于，包括权利要求10-13任一项所述的页面处理装置。3CN105740364A说明书1/11页页面处理方法及相关装置技术领域[0001]本发明涉及数据处理领域，特别是涉及页面处理方法及相关装置。背景技术[0002]在制作网页时，很多时候，需要设计师先用图片处理软件制作出前端页面