[发明专利]页面显示方法和装置

说明书

本申请实施例公开了页面显示方法和装置。该方法的一具体实施方式包括：响应于检测到页面打开指令，确定浏览器窗口的尺寸，其中，该页面打开指令用于指示打开目标页面；确定该目标页面待呈现的导航栏的数量，基于该尺寸和该数量，确定该目标页面待呈现的导航栏的平均宽度；基于该平均宽度与预设宽度范围的数值关系，确定该目标页面待呈现的导航栏的目标宽度；呈现该目标页面，并在该目标页面中按照该目标宽度对导航栏进行显示。该实施方式提高了页面显示的灵活性。

技术领域

本申请实施例涉及计算机技术领域，具体涉及页面显示方法和装置。

背景技术

导航栏是指位于页面顶部或者侧边区域的，在页眉横幅图片上边或下边的一排导航按钮，它起着链接站点或者软件内的各个页面的作用。

在利用浏览器显示页面时，通常是直接根据预设的固定的导航栏的宽度，对页面中的导航栏进行显示。

发明内容

本申请实施例提出了页面显示方法和装置。

第一方面，本申请实施例提供了一种页面显示方法，该方法包括：响应于检测到用户触发页面打开指令，确定浏览器窗口的尺寸，其中，页面打开指令用于指示打开目标页面；确定目标页面待呈现的导航栏的数量，基于尺寸和数量，确定目标页面待呈现的导航栏的平均宽度；基于平均宽度与预设宽度范围的数值关系，确定目标页面待呈现的导航栏的目标宽度；呈现目标页面，并在目标页面中按照目标宽度对导航栏进行显示。

在一些实施例中，基于尺寸和数量，确定目标页面待呈现的导航栏的平均宽度，包括：响应于确定浏览器窗口的宽度大于浏览器窗口的高度，将浏览器窗口的宽度与数量的比值确定为目标页面待呈现的导航栏的平均宽度。

在一些实施例中，基于尺寸和数量，确定目标页面待呈现的导航栏的平均宽度，包括：响应于确定浏览器窗口的宽度不大于浏览器窗口的高度，将浏览器窗口的高度与数量的比值确定为目标页面待呈现的导航栏的平均宽度。

在一些实施例中，基于平均宽度与预设宽度范围的数值关系，确定目标页面待呈现的导航栏的目标宽度，包括：响应于确定平均宽度位于预设宽度范围之内，将平均宽度确定为目标页面待呈现的导航栏的目标宽度；响应于确定平均宽度位于预设宽度范围之外，将目标页面待呈现的导航栏的目标宽度设置为预设宽度范围之内的数值。

在一些实施例中，在目标页面中按照目标宽度对导航栏进行显示，包括：响应于确定浏览器窗口的宽度大于浏览器窗口的高度，在目标页面中按照目标宽度对导航栏进行横向显示；响应于确定浏览器窗口的宽度不大于浏览器窗口的高度，在目标页面中按照目标宽度对导航栏进行纵向显示。

第二方面，本申请实施例提供了一种页面显示装置，该装置包括：第一确定单元，被配置成响应于检测到用户触发页面打开指令，确定浏览器窗口的尺寸，其中，页面打开指令用于指示打开目标页面；第二确定单元，被配置成确定目标页面待呈现的导航栏的数量，基于尺寸和数量，确定目标页面待呈现的导航栏的平均宽度；第三确定单元，被配置成基于平均宽度与预设宽度范围的数值关系，确定目标页面待呈现的导航栏的目标宽度；显示单元，被配置成呈现目标页面，并在目标页面中按照目标宽度对导航栏进行显示。

在一些实施例中，第二确定单元，进一步被配置成：响应于确定浏览器窗口的宽度大于浏览器窗口的高度，将浏览器窗口的宽度与数量的比值确定为目标页面待呈现的导航栏的平均宽度。

在一些实施例中，第二确定单元，进一步被配置成：响应于确定浏览器窗口的宽度不大于浏览器窗口的高度，将浏览器窗口的高度与数量的比值确定为目标页面待呈现的导航栏的平均宽度。

在一些实施例中，第三确定单元，进一步被配置成：响应于确定平均宽度位于预设宽度范围之内，将平均宽度确定为目标页面待呈现的导航栏的目标宽度；响应于确定平均宽度位于预设宽度范围之外，将目标页面待呈现的导航栏的目标宽度设置为预设宽度范围之内的数值。