【技术实现步骤摘要】
基于浏览器的用户操作界面标记展示方法及装置
[0001]本申请涉及一种展示方法及装置,尤其是一种基于浏览器的用户操作界面标记展示方法及装置。
技术介绍
[0002]在软件项目的研发过程的中,设计师会根据客户需求创作相应的界面设计图,技术研发人员根据界面设计图再研发相对应的用户操作界面。用户操作界面研发完成后,对项目经理、产品经理、设计师等非技术人员而言,很难判断用户操作界面上一元素的尺寸是否和界面设计图上的设计是否保持一致。
[0003]优秀的设计会给用户带来愉悦的用户体验,糟糕的用户操作界面不仅给用户带来了操作上极大的不便,甚至还会影响软件项目/产品无法被用户接受。
[0004]因此,如何协助非技术型团队成员读懂用户操作界面的效果,以判断研发的用户操作轴界面与创作的界面设计图是否对应,一直以来都是本
的一个难点。
技术实现思路
[0005]本申请的目的是克服现有技术中存在的不足,提供一种基于浏览器的用户操作界面标记展示方法及装置,其能对基于浏览器网页展示用户操作界面的元素进行动态标记展 ...
【技术保护点】
【技术特征摘要】
1.一种基于浏览器的用户操作界面标记展示方法,其特征是,所述元素动态标记展示方法包括:配置动态标记展示环境,以利用所配置的动态标记展示环境获取浏览器中待标记展示的用户操作界面;对所获取的用户操作界面,提取用户操作界面所在网页的网页元素,并对所提取的网页元素进行处理,以滤除无法标记展示的网页元素,并得到可标记展示网页元素集;选取可标记展示网页元素集内的任一可标记展示网页元素,并配置为基准元素,获取所述基准元素的CSS样式属性,并计算基准元素与周围可标记展示网页元素的距离;对任一基准元素,进行数据计量单位转换,以在计量单位转换后生成可视化展示元素,其中,进行数据计量单位转换时,将所述基准元素的CSS样式属性的尺寸属性以及计算得到与周围可标记展示网页元素的距离分别转换为在一标准数据单位下相对应的尺寸属性与距离值;将生成的可视化展示元素在浏览器的用户操作界面展示输出。2.根据权利要求1所述的基于浏览器的用户操作界面标记展示方法,其特征是:所配置的动态标记展示环境包括JavaScript环境。3.根据权利要求1所述的基于浏览器的用户操作界面标记展示方法,其特征是:提取用户操作界面所在网页的网页元素包括W3C标准标签元素;对提取的网页元素处理时,包括对所提取的网页元素编号以及滤除编号后无法标记展示的网页元素,其中,无法标记展示的网页元素包括文档头部标签元素、网页根元素以及网页主体标签。4.根据权利要求1所述的基于浏览器的用户操作界面标记展示方法,其特征是:选取可标记展示网页元素集内一可标记展示网页元...
【专利技术属性】
技术研发人员:尹竹群,沈新力,
申请(专利权)人:江苏税软软件科技有限公司,
类型:发明
国别省市:
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。