页面定位展示方法及装置制造方法及图纸

本发明专利技术实施例公开了一种页面定位展示方法及装置，页面包含至少一个显示组件，方法包括：根据针对页面链接触发的访问请求，解析页面链接地址信息，提取待定位的目标显示组件信息；根据页面中各显示组件的映射关系以及目标显示组件信息，计算页面用于展示目标显示组件的页面滚动值；根据页面滚动值调用页面滚动接口函数，加载页面并定位至目标显示组件进行展示。根据页面中各显示组件标签的配置信息以及目标显示组件信息，可以灵活准确地计算得到页面滚动值，无需对页面代码强制插入锚点标签，不对页面代码造成侵入。并且对于页面滚动值可以灵活设置，做到页面定位可控，实现精准无偏差定位。

【技术实现步骤摘要】
页面定位展示方法及装置
本专利技术实施例涉及互联网
，具体涉及一种页面定位展示方法及装置。
技术介绍
为吸引用户点击进入页面，浏览页面展示的信息，可以将具有特色的信息展示在页面入口处，如在前一级页面中设置该页面链接，以图片或文字等方式展示特色信息，吸引用户点击页面链接来加载页面。用户期望可以在页面加载后直接浏览到特色信息，一般情况下页面会包含多个信息，当特色信息位置在页面下方时，用户不能直接浏览到特色信息，与用户期望不符，极有可能会退出页面，不再继续浏览。此时，需要在页面加载时，直接定位到特色信息位置，以吸引用户。现有技术在对页面定位时，可以采用如锚点方式，页面可以跳转至锚点对应的位置。采用锚点方式进行定位时，需要在链接中插入如#XXX命令，利用浏览器原生能力，点击链接跳转至锚点对应的位置（锚点需要带有a标签，并设置对应的name值）。但以上方式对页面的dom结构要求比较严格，需要在锚点位置嵌入a标签，对页面具有侵入性。并且在跳转时，只能跳转至a标签位置，无法根据页面的实际展示，灵活设置跳转位置，尤其当页面中存在如全局浮动本文档来自技高网...

【技术保护点】
1.一种页面定位展示方法，其特征在于，所述页面包含至少一个显示组件，方法包括：/n根据针对页面链接触发的访问请求，解析页面链接地址信息，提取待定位的目标显示组件信息；/n根据页面中各显示组件的映射关系以及所述目标显示组件信息，计算所述页面用于展示目标显示组件的页面滚动值；/n根据所述页面滚动值调用页面滚动接口函数，加载页面并定位至所述目标显示组件进行展示。/n

【技术特征摘要】
1.一种页面定位展示方法，其特征在于，所述页面包含至少一个显示组件，方法包括：
根据针对页面链接触发的访问请求，解析页面链接地址信息，提取待定位的目标显示组件信息；
根据页面中各显示组件的映射关系以及所述目标显示组件信息，计算所述页面用于展示目标显示组件的页面滚动值；
根据所述页面滚动值调用页面滚动接口函数，加载页面并定位至所述目标显示组件进行展示。


2.根据权利要求1所述的方法，其特征在于，所述根据页面中各显示组件的映射关系以及所述目标显示组件信息，计算所述页面用于展示目标显示组件的页面滚动值进一步包括：
根据所述目标显示组件信息，确定目标显示组件；
根据页面中各显示组件的映射关系，计算得到目标显示组件在页面容器中的定位值；所述定位值为目标显示组件的顶端与页面容器顶端在页面垂直方向的距离；
根据所述定位值，以及目标显示组件的待展示位置值，计算得到所述页面用于展示目标显示组件的页面滚动值。


3.根据权利要求1所述的方法，其特征在于，在所述根据所述页面滚动值调用页面滚动接口函数，加载页面并定位至所述目标显示组件进行展示之前，所述方法还包括：
判断所述目标显示组件是否已被渲染；
若是，则执行所述根据所述页面滚动值调用页面滚动接口函数，加载页面并定位至所述目标显示组件进行展示的步骤。


4.根据权利要求3所述的方法，其特征在于，所述判断所述目标显示组件是否已被渲染进一步包括：
计算得到页面容器的高度值与所述页面滚动值的第一差值；所述页面容器的高度值为已渲染的各显示组件容器的高度值之和；
计算得到屏幕窗口高度值与预置偏移值的第二差值；所述预置偏移值为页面顶端预留高度值；
判断所述第一差值是否大于所述第二差值；
若是，则判断所述目标显示组件已被渲染。


5.根据权利要求2所述的方法，其特征在于，在所述根据所述页面滚动值调用页面滚动接口函数，加载页面并定位至所述目标显示组件进行展示之前，所述方法还包括：
判断所述页面是否存在异步渲染显示组件，且所述异步渲染显示组件在页面容器中的定位值是否小于...

【专利技术属性】
技术研发人员：楼佳枫，黄娇龙，
申请(专利权)人：浙江口碑网络技术有限公司，
类型：发明
国别省市：浙江;33