[发明专利]H5页面制作兼容显示的方法、装置、终端设备及存储介质

权利要求书

1.一种H5页面制作兼容显示的方法，其特征在于，包括以下步骤：

检测被选中的元素；

当监听到移动所述元素的事件时，实时获取所述元素在页面中的位置；其中，所述页面包括H5编辑界面；

根据所述元素在页面中的位置判断所述元素位于所述H5编辑界面内；

实时动态计算位于所述H5编辑界面内的所述元素在预设终端库中的多款终端设备上的显示情况，从而实时判断所述元素在页面中的位置是否超过所述多款终端设备中的任一款的预设可视区域；

当判断所述元素在所述页面中的位置超出所述任一款的预设可视区域时，显示超出范围的提示信息。

2.根据权利要求1所述的H5页面制作兼容显示的方法，其特征在于，所述根据所述元素在页面中的位置判断所述元素位于所述H5编辑界面内，具体为：

根据所述元素在页面中的位置、所述元素的长和宽及所述H5编辑界面在所述页面中的相对位置，判断所述元素位于所述H5编辑界面内。

3.根据权利要求1所述的H5页面制作兼容显示的方法，其特征在于，所述H5编辑界面以顶部所在的直线为第一基准线，以任一垂直边缘所在的直线为第二基准线；

则所述当判断所述元素在所述页面中的位置超出手机信息库中任一款手机的可视区域时，显示超出范围的提示信息具体包括：

当根据所述元素在页面中的位置及所述第一基准线判断所述元素超出手机信息库中任一款手机的屏幕可视高度时，显示辅助线以标注该手机的屏幕可视高度；和/或

当根据所述元素在页面中的位置及所述第二基准线判断所述元素超出手机信息库中任一款手机的屏幕可视宽度时，显示辅助线以标注该手机的屏幕可视宽度。

4.根据权利要求1所述的H5页面制作兼容显示的方法，其特征在于，所述H5编辑界面以顶部所在的直线为第一基准线，以任一垂直边缘所在的直线为第二基准线；

则所述当判断所述元素在所述页面中的位置超出手机信息库中任一款手机的可视区域时，显示超出范围的提示信息具体包括：

当根据所述元素在页面中的位置、所述元素的长度及所述第一基准线判断所述元素超出手机信息库中任一款手机的屏幕可视高度时，显示辅助线以标注该手机的屏幕可视高度；和/或

当根据所述元素在页面中的位置、所述元素的宽度及所述第二基准线判断所述元素超出手机信息库中任一款手机的屏幕可视宽度时，显示辅助线以标注该手机的屏幕可视宽度。

5.根据权利要求1至4任意一项所述的H5页面制作兼容显示的方法，其特征在于，所述当监听到移动所述元素的事件时，实时获取所述元素在页面中的位置具体为：

当监听到通过操控介质移动所述元素的事件时，实时获取所述操控介质在页面中的位置以及所述操控介质相对于所述元素的位置；

根据所述操控介质在所述页面中的位置以及所述操控介质相对于所述元素的位置，获取所述元素在页面中的位置。

6.一种H5页面制作兼容显示的装置，其特征在于，包括：

检测模块，用于检测被选中的元素；

位置获取模块，用于当监听到移动所述元素的事件时，实时获取所述元素在页面中的位置；其中，所述页面包括H5编辑界面；

位置判断模块，用于根据所述元素在页面中的位置判断所述元素位于所述H5编辑界面内，并实时动态计算位于所述H5编辑界面内的所述元素在预设终端库中的多款终端设备上的显示情况，从而实时判断所述元素在页面中的位置是否超过所述多款终端设备中的任一款的预设可视区域；

信息提示模块，用于当判断所述元素在所述页面中的位置超出所述任一款的预设可视区域时，显示超出范围的提示信息。

7.根据权利要求6所述的H5页面制作兼容显示的装置，其特征在于，所述位置判断模块，具体包括：

根据所述元素在页面中的位置、所述元素的长和宽、所述H5编辑界面在所述页面中的相对位置，判断所述元素位于所述H5编辑界面内。