[发明专利]页面定位展示方法及装置

说明书

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

技术领域

本发明实施例涉及互联网技术领域，具体涉及一种页面定位展示方法及装置。

背景技术

为吸引用户点击进入页面，浏览页面展示的信息，可以将具有特色的信息展示在页面入口处，如在前一级页面中设置该页面链接，以图片或文字等方式展示特色信息，吸引用户点击页面链接来加载页面。用户期望可以在页面加载后直接浏览到特色信息，一般情况下页面会包含多个信息，当特色信息位置在页面下方时，用户不能直接浏览到特色信息，与用户期望不符，极有可能会退出页面，不再继续浏览。此时，需要在页面加载时，直接定位到特色信息位置，以吸引用户。

现有技术在对页面定位时，可以采用如锚点方式，页面可以跳转至锚点对应的位置。采用锚点方式进行定位时，需要在链接中插入如#XXX命令，利用浏览器原生能力，点击链接跳转至锚点对应的位置（锚点需要带有a标签，并设置对应的name值）。但以上方式对页面的dom结构要求比较严格，需要在锚点位置嵌入a标签，对页面具有侵入性。并且在跳转时，只能跳转至a标签位置，无法根据页面的实际展示，灵活设置跳转位置，尤其当页面中存在如全局浮动展示内容等易导致锚点对应的位置被遮挡等问题。

发明内容

鉴于上述问题，提出了本发明实施例以便提供一种克服上述问题或者至少部分地解决上述问题的页面定位展示方法及装置。

根据本发明实施例的一个方面，提供了一种页面定位展示方法，页面包含至少一个显示组件，方法包括：

根据针对页面链接触发的访问请求，解析页面链接地址信息，提取待定位的目标显示组件信息；

根据页面中各显示组件的映射关系以及目标显示组件信息，计算页面用于展示目标显示组件的页面滚动值；

根据页面滚动值调用页面滚动接口函数，加载页面并定位至目标显示组件进行展示。

可选地，根据页面中各显示组件的映射关系以及目标显示组件信息，计算页面用于展示目标显示组件的页面滚动值进一步包括：

根据目标显示组件信息，确定目标显示组件；

根据页面中各显示组件的映射关系，计算得到目标显示组件在页面容器中的定位值；定位值为目标显示组件的顶端与页面容器顶端在页面垂直方向的距离；

根据定位值，以及目标显示组件的待展示位置值，计算得到页面用于展示目标显示组件的页面滚动值。

可选地，在根据页面滚动值调用页面滚动接口函数，加载页面并定位至目标显示组件进行展示之前，方法还包括：

判断目标显示组件是否已被渲染；

若是，则执行根据页面滚动值调用页面滚动接口函数，加载页面并定位至目标显示组件进行展示的步骤。

可选地，判断目标显示组件是否已被渲染进一步包括：

计算得到页面容器的高度值与页面滚动值的第一差值；页面容器的高度值为已渲染的各显示组件容器的高度值之和；

计算得到屏幕窗口高度值与预置偏移值的第二差值；预置偏移值为页面顶端预留高度值；

判断第一差值是否大于第二差值；