CN103049493A - 用于确定目标页面元素的呈现位置的方法、装置与设备 - Google Patents
用于确定目标页面元素的呈现位置的方法、装置与设备 Download PDFInfo
- Publication number
- CN103049493A CN103049493A CN2012105238445A CN201210523844A CN103049493A CN 103049493 A CN103049493 A CN 103049493A CN 2012105238445 A CN2012105238445 A CN 2012105238445A CN 201210523844 A CN201210523844 A CN 201210523844A CN 103049493 A CN103049493 A CN 103049493A
- Authority
- CN
- China
- Prior art keywords
- information
- webpage
- target pages
- user
- pages element
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Images
Landscapes
- Information Transfer Between Computers (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明的目的是提供一种用于确定目标页面元素的呈现位置的方法、装置与设备。其中，本发明首先向用户提供用于标识所述目标页面元素在所述网页中的初始位置信息的多个位置图形选择对象；接着获取所述用户对所述多个位置图形选择对象中任一个的选择操作；获取所述用户输入的与所选择的位置图形选择对象相对应的、所述目标页面元素在所述网页中的精确定位信息；随后根据所述选择操作及所述精确定位信息，并结合所述目标页面元素的预定尺寸信息，确定所述目标页面元素在所述网页中的呈现位置信息。由于图形化的表达方式传达信息清晰且方便直观，从而能够使用户快速地定位目标页面元素在网页中所处的区域位置，节省选择操作时间，提高选择效率。
Description
技术领域
本发明涉及页面呈现技术领域，尤其涉及一种用于确定目标页面元素在网页中的呈现位置信息的方法、装置与设备。
背景技术
网页中包括多种页面元素，如文本、图像、动画、多媒体、表格、导航栏、应用及交互式表单等，因此页面元素的布局方式也多种多样。由于个人偏好及使用习惯的不同，用户希望能够自由地对特定的页面元素进行个性化布局。现有技术中，一般用户通过网页中提供的文字选项来确定目标页面元素在网页中的所处区域，如图5a及图5b所示，用户对网页中单选框或下拉框内提供的“居左”、“居右”、“居上”及“居下”文字选项进行选择。但是，该种提供文字选项的选择方式需要用户凭借思维在脑中想象空间位置，再转化为对应文字，因此用户认知负担较重；同时，用户需要执行两次文字选择，如“居右”和“居下”，才能完成确定页面元素位于网页右下方区域的选择操作，用户选择成本较高，从而降低确定效率，影响用户使用体验。
发明内容
本发明的目的是提供一种用于确定目标页面元素在网页中的呈现位置信息的方法、装置与设备。
根据本发明的一个方面，提供了一种用于确定目标页面元素在网页中的呈现位置信息的方法，该方法包括以下步骤：
a向用户提供用于标识所述目标页面元素在所述网页中的初始位置信息的多个位置图形选择对象；
b获取所述用户对所述多个位置图形选择对象中任一个的选择操作；
其中，该方法还包括：
x获取所述用户输入的与所选择的位置图形选择对象相对应的、所述目标页面元素在所述网页中的精确定位信息；
y根据所述选择操作及所述精确定位信息，并结合所述目标页面元素的预定尺寸信息，确定所述目标页面元素在所述网页中的呈现位置信息。
根据本发明的另一方面，还提供了一种用于确定目标页面元素在网页中的呈现位置信息的确定装置，该确定装置包括：
选择对象提供装置，用于向用户提供用于标识所述目标页面元素在所述网页中的初始位置信息的多个位置图形选择对象；
选择操作获取装置，用于获取所述用户对所述多个位置图形选择对象中任一个的选择操作；
其中，该确定装置还包括：
第一信息获取装置，用于获取所述用户输入的与所选择的位置图形选择对象相对应的、所述目标页面元素在所述网页中的精确定位信息；
位置确定装置，用于根据所述选择操作及所述精确定位信息，并结合所述目标页面元素的预定尺寸信息，确定所述目标页面元素在所述网页中的呈现位置信息。
与现有技术相比，本发明具有以下优点：1)通过向用户提供用于标识目标页面元素在网页中的初始位置信息的多个位置图形选择对象来获取用户对其中任一个的选择操作，由于图形化的表达方式传达信息清晰且方便直观，从而能够使用户快速地定位目标页面元素在网页中所处的区域位置；同时，用户仅需通过一次选择操作即可对目标页面元素在网页中所处的区域位置进行快速定位，节省选择操作时间，提高选择效率，进而提高用户选择体验；2)在用户所选择的位置图形选择对象中向用户提供位置提示信息，可使得用户能够对目标页面元素在网页中的位置进行可视化地预判，从而当位置提示信息所示出的目标页面元素在网页中的位置与用户的预期不相符合时，为用户可以及时地对其所输入的精确定位信息进行修正提供条件；3)将位置图形选择对象及其中的位置提示信息按照预定比例进行放大处理，使得用户能够清晰准确地掌握目标页面元素将在网页中的呈现位置，也为后续在放大后的位置图形选择对象中对目标页面元素进行位置调节提供了可能性。
附图说明
通过阅读参照以下附图所作的对非限制性实施例所作的详细描述，本发明的其它特征、目的和优点将会变得更明显：
图1示出本发明一个方面的用于确定目标页面元素在网页中的呈现位置信息的确定装置的结构示意图；
图2示出根据本发明一个优选实施例的用于获取用户通过输入窗口输入的目标页面元素在网页中的精确定位信息的第一信息获取装置的设备示意图；
图3示出根据本发明另一个方面的用于确定目标页面元素在网页中的呈现位置信息的方法流程图；
图4示出根据本发明一个优选实施例的用于获取用户通过输入窗口输入的目标页面元素在网页中的精确定位信息的方法流程图；
图5a和图5b分别为现有技术中的向用户提供的用于输入目标页面元素在网页中所处区域的输入窗口的示意图；
图6为一个实施例的位置图形选择对象的示意图；
图7为另一实施例的向用户提供用于输入目标页面元素在网页中的精确定位信息的输入窗口的示意图；
图8为又一实施例的在位置图形选择对象中呈现目标页面元素的位置提示信息施时的示意图。
附图中相同或相似的附图标记代表相同或相似的部件。
具体实施方式
下面结合附图对本发明作进一步详细描述。
图1示出本发明一个方面的用于确定目标页面元素在网页中的呈现位置信息的确定装置的结构示意图。本实施例的确定装置包含于用户设备中；该确定装置包括选择对象提供装置1、选择操作获取装置2、第一信息获取装置3及位置确定装置4。
其中，所述用户设备包括但不限于，计算机、智能手机、PDA等任何具有页面呈现功能及输入功能的设备。本领域技术人员应能理解上述用户设备仅为举例，其他现有的或今后可能出现的用户设备如可适用于本发明，也应包含在本发明保护范围以内，并在此以引用方式包含于此。
其中，所述目标页面元素包括待确定在网页中的呈现位置的任一页面元素，其包括但不限于：文本、图片、多媒体、应用等。
首先，选择对象提供装置1向用户提供用于标识所述目标页面元素在所述网页中的初始位置信息的多个位置图形选择对象。
在此，所述位置图形选择对象意指以图形化的方式来表示的目标页面元素在网页中的初始位置信息，例如，如图6所示，将网页平均地分为四个区域，四个位置图形选择对象以图形化的方式示出目标页面元素位于网页中的左上方区域、右上方区域、左下方区域、右下方区域。
具体地，选择对象提供装置1通过页面技术，例如通过调用jQuery脚本，向用户提供用于标识目标页面元素在网页中的初始位置信息的多个位置图形选择对象。
在一示例中，首先，用户借助用户设备的交互装置，包括但不限于鼠标、键盘或触摸板，在用户设备的浏览器软件或客户端软件中打开Web网页，用户设备解析Web网页的HTML代码，接着，选择对象提供装置1通过加载jQuery脚本，将用于标识目标页面元素在网页中的初始位置信息的多个位置图形选择对象提供至该用户，以供该用户选择。
需要说明的是，上述举例仅为更好地说明本发明的技术方案，而非对本发明的限制，本领域技术人员应该理解，任何向用户提供用于标识所述目标页面元素在所述网页中的初始位置信息的多个位置图形选择对象的实现方式，均应包含在本发明的范围内。
接着，选择操作获取装置2获取所述用户对所述多个位置图形选择对象中任一个的选择操作。
其中，所述获取选择操作的方式包括实时地监听用户对多个位置图形选择对象中任一个的点击、悬停、框选等操作。
在一示例中，首先，用户借助用户设备的交互装置，包括但不限于鼠标、键盘或触摸板，与用户设备的浏览器软件或客户端软件进行交互。以鼠标为例，用户对以图形化的方式示出目标页面元素位于网页中的左上方区域、右上方区域、左下方区域、右下方区域的四个位置图形选择对象中的任一个执行点击操作，用户设备实时地获取该用户的点击操作，并记录与该用户的点击操作相对应的位置图形选择对象所指示的目标页面元素位于网页中的右下方区域。
需要说明的是，上述举例仅为更好地说明本发明的技术方案，而非对本发明的限制，本领域技术人员应该理解，任何获取所述用户对所述多个位置图形选择对象中任一个的选择操作的实现方式，均应包含在本发明的范围内。
第一信息获取装置3获取所述用户输入的与所选择的位置图形选择对象相对应的、所述目标页面元素在所述网页中的精确定位信息。
其中，所述精确定位信息包括目标页面元素在位置图形选择对象所指示的网页区域中的精确定位信息；例如，当所选择的位置图形选择对象指示的网页区域为“右下方”时，则精确定位信息可包括目标页面元素的右下角位于网页的右边距和下边距。
其中，第一信息获取装置3获取精确定位信息的方式包括但不限于：
1)当前网页中已提供供用户输入的、与所选择的位置图形选择对象相对应的目标页面元素在网页中的精确定位信息的输入窗口时，则直接获取该用户在该输入窗口中输入的精确定位信息；
在一示例中，当前网页中已提供供用户输入的、与所选择的、指示目标页面元素位于网页区域为“右下方”的位置图形选择对象相对应的该目标页面元素在网页中的精确定位信息的输入窗口“右边距”、“下边距”时，则当用户在浏览器软件的该两个输入窗口中进行输入时，用户设备实时地获取用户输入的按键序列，如用户在输入窗口“右边距”中输入按键序列“30”，在输入窗口“下边距”中输入按键序列“20”，则第一信息获取装置3直接获取精确定位信息为目标页面元素的右下角距离网页右边距为30、下边距为20(如以像素为单位)。
2)当前网页中未提供供用户输入的、与所选择的所述位置图形选择对象相对应的目标页面元素在网页中的精确定位信息的输入窗口时，则该第一信息获取装置3(参照图2)包括第二信息确定装置31、窗口提供装置32及第三信息获取装置33；其中，第二信息确定装置31根据选择操作获取装置2所获取的选择操作，确定所述目标页面元素在所述网页中的初始定位信息；窗口提供装置32根据所述初始定位信息，向所述用户提供用于输入所述目标页面元素在所述网页中的精确定位信息的输入窗口；第三信息获取装置33获取所述用户通过所述输入窗口输入的所述目标页面元素在所述网页中的精确定位信息。
其中，选择对象提供装置1及选择操作获取装置2已在参照图1所示实施例中予以详述，在此不再赘述。
具体地，第二信息确定装置31根据用户的对多个位置图形选择对象中任一个的选择操作，确定该目标页面元素在网页中的初始定位信息，即所选择的位置图形选择对象所指示的网页区域，如该目标页面元素位于该网页的右下方区域。
接着，窗口提供装置32根据第二信息确定装置31确定的初始定位信息，例如通过调用jQuery脚本，将与该初始定位信息相对应的、用于输入目标页面元素在网页中的精确定位信息的输入窗口提供至用户；例如，如图7所示，初始定位信息目标页面元素位于网页的左上方区域，则窗口提供装置32将用于输入“左边距”和“右边距”的输入窗口提供至用户。
随后，第三信息获取装置33获取所述用户通过所述输入窗口输入的所述目标页面元素在所述网页中的精确定位信息。其方式与参照图1所示第一信息获取装置3直接获取用户在输入窗口中输入的精确定位信息的方式相同或相似，在此不再赘述。
需要说明的是，上述举例仅为更好地说明本发明的技术方案，而非对本发明的限制，本领域技术人员应该理解，任何根据选择操作，确定所述目标页面元素在所述网页中的初始定位信息，接着根据所述初始定位信息，向所述用户提供用于输入所述目标页面元素在所述网页中的精确定位信息的输入窗口，随后获取所述用户通过所述输入窗口输入的所述目标页面元素在所述网页中的精确定位信息的实现方式，均应包含在本发明的范围内。
需要说明的是，上述举例仅为更好地说明本发明的技术方案，而非对本发明的限制，本领域技术人员应该理解，任何获取所述用户输入的与所选择的位置图形选择对象相对应的、所述目标页面元素在所述网页中的精确定位信息的实现方式，均应包含在本发明的范围内。
随后，位置确定装置4根据所述选择操作及所述精确定位信息，并结合所述目标页面元素的预定尺寸信息，确定所述目标页面元素在所述网页中的呈现位置信息。
在此，获取所述目标页面元素的预定尺寸信息包括但不限于：根据目标页面元素的标识信息，在本地或第三方设备的页面元素库中获取；其中，所述页面元素库中包括与页面元素相对应的预定尺寸信息；优选地，所述搜索建议库包括但不限于关系数据库、Key-Value存储系统或文件系统等；所述页面元素库存储于确定装置所在的用户设备中，或存储于与该用户设备通过网络连接的其他第三方设备。
具体地，位置确定装置4根据选择操作获取装置2获取的选择操作所确定的初始定位信息，以及第一信息获取装置3获取的精确定位信息，并结合在本地或第三方设备的页面元素库中获取的目标页面元素的预定尺寸信息，来确定该目标页面元素在所述网页中的呈现位置信息。
在一示例中，网页的显示区域的尺寸信息(以像素为单位)预定为800*600(宽*高)，位置确定装置4根据所获取的选择操作所确定的目标页面元素位于网页的右下方区域以及该目标页面元素的右下角距离网页右边距为30、下边距为20，并结合在本地或第三方设备的页面元素库中获取的目标页面元素的预定尺寸信息为宽200*100(宽*高)，来确定呈现位置信息为该目标页面元素的左上角在该网页中的坐标为(570，480)，且右下角在该网页中的坐标为(770，580)。
需要说明的是，上述举例仅为更好地说明本发明的技术方案，而非对本发明的限制，本领域技术人员应该理解，任何根据所述选择操作及所述精确定位信息，并结合所述目标页面元素的预定尺寸信息，确定所述目标页面元素在所述网页中的呈现位置信息的实现方式，均应包含在本发明的范围内。
通过向用户提供用于标识目标页面元素在网页中的初始位置信息的多个位置图形选择对象来获取用户对其中任一个的选择操作，由于图形化的表达方式传达信息清晰且方便直观，从而能够使用户快速地定位目标页面元素在网页中所处的区域位置；同时，用户仅需通过一次选择操作即可对目标页面元素在网页中所处的区域位置进行快速定位，节省选择操作时间，提高选择效率，进而提高用户选择体验。
作为本实施例的优选方案之一(参照图1)，该确定装置还包括提示信息呈现装置(图未示)；提示信息呈现装置根据所述精确定位信息，在该用户所选择的位置图形选择对象中呈现所述目标页面元素的位置提示信息。
其中，所述位置提示信息用于提示目标页面元素在所选择的位置图形选择对象所指示的网页区域中的显示位置；优选地，所述位置提示信息可仅提示目标页面元素与所选择的位置图形选择对象相对应的角的位置，如所选择的位置图形选择对象为位于网页的右下方区域，则位置提示信息提示目标页面元素的右下角在该网页的右下方区域中的位置；更优选地，所述位置提示信息也可提示目标页面元素在所选择的位置图形选择对象所指示的网页区域中的整体相对位置。
具体地，提示信息呈现装置根据已获取的目标页面元素在网页中的精确定位信息，以及位置图形选择对象所指示的网页区域尺寸信息，进行等比例缩小计算，确定位置提示信息在该位置图形选择对象中的呈现位置，接着通过页面技术，例如通过调用jQuery脚本，在该位置图形选择对象中呈现该目标页面元素的位置提示信息。
在一示例中，如图8所示，用户所选择的位置图形选择对象指示目标页面元素位于网页的右下方区域，精确定位信息为该目标页面元素的右下角距离网页右边距为30、下边距为20，网页的显示区域的尺寸信息预定为800*600(宽*高)，且位置图形选择对象在网页中的显示尺寸信息为80*60，则进行等比例缩小计算获得目标页面元素的右下角在位置图形选择对象中的坐标为(77，58)，提示信息呈现装置通过调用jQuery脚本，在该位置图形选择对象中的坐标(77，58)处呈现该位置提示信息。
需要说明的是，上述举例仅为更好地说明本发明的技术方案，而非对本发明的限制，本领域技术人员应该理解，任何根据所述精确定位信息，在该用户所选择的位置图形选择对象中呈现所述目标页面元素的位置提示信息的实现方式，均应包含在本发明的范围内。
在用户所选择的位置图形选择对象中向用户提供位置提示信息，可使得用户能够对目标页面元素在网页中的位置进行可视化地预判，从而当位置提示信息所示出的目标页面元素在网页中的位置与用户的预期不相符合时，为用户可以及时地对其所输入的精确定位信息进行修正提供条件。
作为本实施例的优选方案之一(参照图1)，该确定装置还包括放大装置(图未示)；放大装置当所述用户对所选择的位置图形选择对象执行预定操作时，向所述用户呈现按照预定比例放大后的位置图形选择对象及其中的位置提示信息。
其中，所述预定操作包括但不限于点击、悬停等操作。
其中，所述呈现方式包括但不限于：
1)在当前网页的空白侧呈现；
2)在新窗口中呈现；例如，以悬浮或嵌入的方式在新窗口中呈现。
具体地，当确定装置实时地获取到用户对所选择的位置图形选择对象执行点击、悬停等预定操作时，放大装置将位置图形选择对象及其中的位置提示信息按照预定比例进行放大处理，接着通过页面技术，在当前网页的空白侧或新窗口中向该用户呈现放大后的位置图形选择对象及其中的位置提示信息。
需要说明的是，上述举例仅为更好地说明本发明的技术方案，而非对本发明的限制，本领域技术人员应该理解，任何当所述用户对所选择的位置图形选择对象执行预定操作时，向所述用户呈现按照预定比例放大后的位置图形选择对象及其中的位置提示信息的实现方式，均应包含在本发明的范围内。
将位置图形选择对象及其中的位置提示信息按照预定比例进行放大处理，使得用户能够清晰准确地掌握目标页面元素将在网页中的呈现位置，也为后续在放大后的位置图形选择对象中对目标页面元素进行位置调节提供了可能性。
优选地(参照图1)，该确定装置还包括调整操作获取装置(图未示)、第一调整装置(图未示)和第二调整装置(图未示)。其中，调整操作获取装置获取所述用户在所述放大后的位置图形选择对象中对所述位置提示信息的调整操作；第一调整装置根据所述调整操作，调整所述目标页面元素在所述网页中的呈现位置信息；第二调整装置通过根据调整后的呈现位置信息调整所述目标页面元素在所属网页中的呈现位置，来调整所述网页。
其中，所述调整操作包括但不限于用户对位置提示信息在放大后的位置图形选择对象中的移动、拖拽等操作。
在一示例中，调整操作获取装置通过实时地监听的方式获取用户在放大后的位置图形选择对象中对位置提示信息的移动操作，将用于标识目标页面元素右下角的位置提示信息在位置图形选择对象中的位置从坐标(77，58)出移动到(77，50)处；当网页的显示区域的尺寸信息预定为800*600(宽*高)，且位置图形选择对象在网页中的显示尺寸信息为80*60时，接着，第一调整装置根据该调整操作、网页的显示区域的尺寸信息以及位置图形选择对象在网页中的显示尺寸信息，进行等比例放大处理，确定该目标页面元素在该网页中的调整后的呈现位置信息的坐标为(770，500)；随后，第二调整装置通过根据调整后的呈现位置信息调整该目标页面元素在所述网页中的呈现位置，来调整该网页的布局，当目标页面元素在该网页中的调整后的呈现位置与其他页面元素相重合时，对该其他页面元素位置进行适应性调整，如对该其他页面元素在该网页中位置进行平移等。
由于位置图形选择对象一般尺寸较小，故用户在放大后的位置图形选择对象中对位置提示信息进行位置调整的相对容易且调整的准确性增强；用户通过可视化的位置调整操作，可快速地将目标页面元素调整至其所期望的网页位置处，提高位置调整效率。
图3示出根据本发明另一个方面的用于确定目标页面元素在网页中的呈现位置信息的方法流程图。根据本优选实施例的方法包括步骤S1、步骤S2、步骤S3和步骤S4。其中，本发明的方法主要通过用户设备来实现。
其中，所述用户设备包括但不限于，计算机、智能手机、PDA等任何具有页面呈现功能及输入功能的设备。本领域技术人员应能理解上述用户设备仅为举例，其他现有的或今后可能出现的用户设备如可适用于本发明，也应包含在本发明保护范围以内，并在此以引用方式包含于此。
其中，所述目标页面元素包括待确定在网页中的呈现位置的任一页面元素，其包括但不限于：文本、图片、多媒体、应用等。
首先，在步骤S1中，用户设备向用户提供用于标识所述目标页面元素在所述网页中的初始位置信息的多个位置图形选择对象。
在此，所述位置图形选择对象意指以图形化的方式来表示的目标页面元素在网页中的初始位置信息，例如，如图6所示，将网页平均地分为四个区域，四个位置图形选择对象以图形化的方式示出目标页面元素位于网页中的左上方区域、右上方区域、左下方区域、右下方区域。
具体地，在步骤S1中，用户设备通过页面技术，例如通过调用jQuery脚本，向用户提供用于标识目标页面元素在网页中的初始位置信息的多个位置图形选择对象。
在一示例中，首先，用户借助与用户设备的交互方式，包括但不限于鼠标、键盘或触摸板，在用户设备的浏览器软件或客户端软件中打开Web网页，用户设备解析Web网页的HTML代码，接着，在步骤S1中，用户设备通过加载jQuery脚本，将用于标识目标页面元素在网页中的初始位置信息的多个位置图形选择对象提供至该用户，以供该用户选择。
需要说明的是，上述举例仅为更好地说明本发明的技术方案，而非对本发明的限制，本领域技术人员应该理解，任何向用户提供用于标识所述目标页面元素在所述网页中的初始位置信息的多个位置图形选择对象的实现方式，均应包含在本发明的范围内。
接着，在步骤S2中，用户设备获取所述用户对所述多个位置图形选择对象中任一个的选择操作。
其中，所述获取选择操作的方式包括实时地监听用户对多个位置图形选择对象中任一个的点击、悬停、框选等操作。
在一示例中，首先，用户借助与用户设备的交互方式，包括但不限于鼠标、键盘或触摸板，与用户设备的浏览器软件或客户端软件进行交互。以鼠标为例，用户对以图形化的方式示出目标页面元素位于网页中的左上方区域、右上方区域、左下方区域、右下方区域的四个位置图形选择对象中的任一个执行点击操作，用户设备实时地获取该用户的点击操作，并记录与该用户的点击操作相对应的位置图形选择对象所指示的目标页面元素位于网页中的右下方区域。
需要说明的是，上述举例仅为更好地说明本发明的技术方案，而非对本发明的限制，本领域技术人员应该理解，任何获取所述用户对所述多个位置图形选择对象中任一个的选择操作的实现方式，均应包含在本发明的范围内。
在步骤S3中，用户设备获取所述用户输入的与所选择的位置图形选择对象相对应的、所述目标页面元素在所述网页中的精确定位信息。
其中，所述精确定位信息包括目标页面元素在位置图形选择对象所指示的网页区域中的精确定位信息；例如，当所选择的位置图形选择对象指示的网页区域为“右下方”时，则精确定位信息可包括目标页面元素的右下角位于网页的右边距和下边距。
其中，在步骤S3中，用户设备获取精确定位信息的方式包括但不限于：
1)当前网页中已提供供用户输入的、与所选择的位置图形选择对象相对应的目标页面元素在网页中的精确定位信息的输入窗口时，则直接获取该用户在该输入窗口中输入的精确定位信息；
在一示例中，当前网页中已提供供用户输入的、与所选择的、指示目标页面元素位于网页区域为“右下方”的位置图形选择对象相对应的该目标页面元素在网页中的精确定位信息的输入窗口“右边距”、“下边距”时，则当用户在浏览器软件的该两个输入窗口中进行输入时，用户设备实时地获取用户输入的按键序列，如用户在输入窗口“右边距”中输入按键序列“30”，在输入窗口“下边距”中输入按键序列“20”，则在步骤S3中，用户设备直接获取精确定位信息为目标页面元素的右下角距离网页右边距为30、下边距为20(如以像素为单位)。
2)当前网页中未提供供用户输入的、与所选择的所述位置图形选择对象相对应的目标页面元素在网页中的精确定位信息的输入窗口时，则步骤S3包括步骤S31、步骤S32和步骤S33(参照图4)；其中，在步骤S31中，用户设备根据其在步骤S2中所获取的选择操作，确定所述目标页面元素在所述网页中的初始定位信息；在步骤S32中，用户设备根据所述初始定位信息，向所述用户提供用于输入所述目标页面元素在所述网页中的精确定位信息的输入窗口；在步骤S33中，用户设备获取所述用户通过所述输入窗口输入的所述目标页面元素在所述网页中的精确定位信息。
其中，步骤S1和步骤S2已在参照图3所示实施例中予以详述，在此不再赘述。
具体地，在步骤S31中，用户设备根据用户的对多个位置图形选择对象中任一个的选择操作，确定该目标页面元素在网页中的初始定位信息，即所选择的位置图形选择对象所指示的网页区域，如该目标页面元素位于该网页的右下方区域。
接着，在步骤S32中，用户设备根据已确定的初始定位信息，例如通过调用jQuery脚本，将与该初始定位信息相对应的、用于输入目标页面元素在网页中的精确定位信息的输入窗口提供至用户；例如，如图7所示，初始定位信息目标页面元素位于网页的左上方区域，则用户设备将用于输入“左边距”和“右边距”的输入窗口提供至用户。
随后，在步骤S33中，用户设备获取所述用户通过所述输入窗口输入的所述目标页面元素在所述网页中的精确定位信息。其方式与参照图3所示用户设备在步骤S3中直接获取用户在输入窗口中输入的精确定位信息的方式相同或相似，在此不再赘述。
需要说明的是，上述举例仅为更好地说明本发明的技术方案，而非对本发明的限制，本领域技术人员应该理解，任何根据选择操作，确定所述目标页面元素在所述网页中的初始定位信息，接着根据所述初始定位信息，向所述用户提供用于输入所述目标页面元素在所述网页中的精确定位信息的输入窗口，随后获取所述用户通过所述输入窗口输入的所述目标页面元素在所述网页中的精确定位信息的实现方式，均应包含在本发明的范围内。
需要说明的是，上述举例仅为更好地说明本发明的技术方案，而非对本发明的限制，本领域技术人员应该理解，任何获取所述用户输入的与所选择的位置图形选择对象相对应的、所述目标页面元素在所述网页中的精确定位信息的实现方式，均应包含在本发明的范围内。
随后，在步骤S4中，用户设备根据所述选择操作及所述精确定位信息，并结合所述目标页面元素的预定尺寸信息，确定所述目标页面元素在所述网页中的呈现位置信息。
在此，获取所述目标页面元素的预定尺寸信息包括但不限于：根据目标页面元素的标识信息，在本地或第三方设备的页面元素库中获取；其中，所述页面元素库中包括与页面元素相对应的预定尺寸信息；优选地，所述搜索建议库包括但不限于关系数据库、Key-Value存储系统或文件系统等；所述页面元素库存储于用户设备中，或存储于与该用户设备通过网络连接的其他第三方设备。
具体地，在步骤S4中，用户设备根据其在步骤S2中获取的选择操作所确定的初始定位信息，以及其在步骤S3中获取的精确定位信息，并结合在本地或第三方设备的页面元素库中获取的目标页面元素的预定尺寸信息，来确定该目标页面元素在所述网页中的呈现位置信息。
在一示例中，网页的显示区域的尺寸信息(以像素为单位)预定为800*600(宽*高)，在步骤S4中，用户设备根据所获取的选择操作所确定的目标页面元素位于网页的右下方区域以及该目标页面元素的右下角距离网页右边距为30、下边距为20，并结合在本地或第三方设备的页面元素库中获取的目标页面元素的预定尺寸信息为宽200*100(宽*高)，来确定呈现位置信息为该目标页面元素的左上角在该网页中的坐标为(570，480)，且右下角在该网页中的坐标为(770，580)。
需要说明的是，上述举例仅为更好地说明本发明的技术方案，而非对本发明的限制，本领域技术人员应该理解，任何根据所述选择操作及所述精确定位信息，并结合所述目标页面元素的预定尺寸信息，确定所述目标页面元素在所述网页中的呈现位置信息的实现方式，均应包含在本发明的范围内。
通过向用户提供用于标识目标页面元素在网页中的初始位置信息的多个位置图形选择对象来获取用户对其中任一个的选择操作，由于图形化的表达方式传达信息清晰且方便直观，从而能够使用户快速地定位目标页面元素在网页中所处的区域位置；同时，用户仅需通过一次选择操作即可对目标页面元素在网页中所处的区域位置进行快速定位，节省选择操作时间，提高选择效率，进而提高用户选择体验。
作为本实施例的优选方案之一(参照图3)，该方法还包括步骤S5(图未示)；在步骤S5中，用户设备根据所述精确定位信息，在该用户所选择的位置图形选择对象中呈现所述目标页面元素的位置提示信息。
其中，所述位置提示信息用于提示目标页面元素在所选择的位置图形选择对象所指示的网页区域中的显示位置；优选地，所述位置提示信息可仅提示目标页面元素与所选择的位置图形选择对象相对应的角的位置，如所选择的位置图形选择对象为位于网页的右下方区域，则位置提示信息提示目标页面元素的右下角在该网页的右下方区域中的位置；更优选地，所述位置提示信息也可提示目标页面元素在所选择的位置图形选择对象所指示的网页区域中的整体相对位置。
具体地，在步骤S5中，用户设备根据已获取的目标页面元素在网页中的精确定位信息，以及位置图形选择对象所指示的网页区域尺寸信息，进行等比例缩小计算，确定位置提示信息在该位置图形选择对象中的呈现位置，接着通过页面技术，例如通过调用jQuery脚本，在该位置图形选择对象中呈现该目标页面元素的位置提示信息。
在一示例中，如图8所示，用户所选择的位置图形选择对象指示目标页面元素位于网页的右下方区域，精确定位信息为该目标页面元素的右下角距离网页右边距为30、下边距为20，网页的显示区域的尺寸信息预定为800*600(宽*高)，且位置图形选择对象在网页中的显示尺寸信息为80*60，则进行等比例缩小计算获得目标页面元素的右下角在位置图形选择对象中的坐标为(77，58)，在步骤S5中，用户设备通过调用jQuery脚本，在该位置图形选择对象中的坐标(77，58)处呈现该位置提示信息。
需要说明的是，上述举例仅为更好地说明本发明的技术方案，而非对本发明的限制，本领域技术人员应该理解，任何根据所述精确定位信息，在该用户所选择的位置图形选择对象中呈现所述目标页面元素的位置提示信息的实现方式，均应包含在本发明的范围内。
在用户所选择的位置图形选择对象中向用户提供位置提示信息，可使得用户能够对目标页面元素在网页中的位置进行可视化地预判，从而当位置提示信息所示出的目标页面元素在网页中的位置与用户的预期不相符合时，为用户可以及时地对其所输入的精确定位信息进行修正提供条件。
作为本实施例的优选方案之一(参照图3)，该方法还包括步骤S6(图未示)；在步骤S6中，用户设备当所述用户对所选择的位置图形选择对象执行预定操作时，向所述用户呈现按照预定比例放大后的位置图形选择对象及其中的位置提示信息。
其中，所述预定操作包括但不限于点击、悬停等操作。
其中，所述呈现方式包括但不限于：
1)在当前网页的空白侧呈现；
2)在新窗口中呈现；例如，以悬浮或嵌入的方式在新窗口中呈现。
具体地，当用户设备实时地获取到用户对所选择的位置图形选择对象执行点击、悬停等预定操作时，在步骤S6中，用户设备将位置图形选择对象及其中的位置提示信息按照预定比例进行放大处理，接着通过页面技术，在当前网页的空白侧或新窗口中向该用户呈现放大后的位置图形选择对象及其中的位置提示信息。
需要说明的是，上述举例仅为更好地说明本发明的技术方案，而非对本发明的限制，本领域技术人员应该理解，任何当所述用户对所选择的位置图形选择对象执行预定操作时，向所述用户呈现按照预定比例放大后的位置图形选择对象及其中的位置提示信息的实现方式，均应包含在本发明的范围内。
将位置图形选择对象及其中的位置提示信息按照预定比例进行放大处理，使得用户能够清晰准确地掌握目标页面元素将在网页中的呈现位置，也为后续在放大后的位置图形选择对象中对目标页面元素进行位置调节提供了可能性。
优选地(参照图3)，该方法包括步骤S7(图未示)、步骤S8(图未示)和步骤S9(图未示)。其中，在步骤S7中，用户设备获取所述用户在所述放大后的位置图形选择对象中对所述位置提示信息的调整操作；在步骤S8中，用户设备根据所述调整操作，调整所述目标页面元素在所述网页中的呈现位置信息；在步骤S9中，用户设备通过根据调整后的呈现位置信息调整所述目标页面元素在所属网页中的呈现位置，来调整所述网页。
其中，所述调整操作包括但不限于用户对位置提示信息在放大后的位置图形选择对象中的移动、拖拽等操作。
在一示例中，在步骤S7中，用户设备通过实时地监听的方式获取用户在放大后的位置图形选择对象中对位置提示信息的移动操作，将用于标识目标页面元素右下角的位置提示信息在位置图形选择对象中的位置从坐标(77，58)出移动到(77，50)处；当网页的显示区域的尺寸信息预定为800*600(宽*高)，且位置图形选择对象在网页中的显示尺寸信息为80*60时，接着，在步骤S8中，用户设备根据该调整操作、网页的显示区域的尺寸信息以及位置图形选择对象在网页中的显示尺寸信息，进行等比例放大处理，确定该目标页面元素在该网页中的调整后的呈现位置信息的坐标为(770，500)；随后，在步骤S9中，用户设备通过根据调整后的呈现位置信息调整该目标页面元素在所述网页中的呈现位置，来调整该网页的布局，当目标页面元素在该网页中的调整后的呈现位置与其他页面元素相重合时，对该其他页面元素位置进行适应性调整，如对该其他页面元素在该网页中位置进行平移等。
由于位置图形选择对象一般尺寸较小，故用户在放大后的位置图形选择对象中对位置提示信息进行位置调整的相对容易且调整的准确性增强；用户通过可视化的位置调整操作，可快速地将目标页面元素调整至其所期望的网页位置处，提高位置调整效率。
需要注意的是，本发明可在软件和/或软件与硬件的组合体中被实施，例如，其中的硬件可采用专用集成电路(ASIC)或任何其他类似硬件设备来实现。在一个实施例中，本发明的软件程序可以通过处理器执行以实现上文所述步骤或功能。同样地，本发明的软件程序(包括相关的数据结构)可以被存储到计算机可读记录介质中，例如，RAM存储器，磁或光驱动器或软磁盘及类似设备。另外，本发明的一些步骤或功能可采用硬件来实现，例如，作为与处理器配合从而执行各个步骤或功能的电路。
对于本领域技术人员而言，显然本发明不限于上述示范性实施例的细节，而且在不背离本发明的精神或基本特征的情况下，能够以其他的具体形式实现本发明。因此，无论从哪一点来看，均应将实施例看作是示范性的，而且是非限制性的，本发明的范围由所附权利要求而不是上述说明限定，因此旨在将落在权利要求的等同要件的含义和范围内的所有变化涵括在本发明内。不应将权利要求中的任何附图标记视为限制所涉及的权利要求。此外，显然“包括”一词不排除其他步骤，单数不排除复数。装置权利要求中陈述的多个装置也可以由一个装置通过软件或者硬件来实现。第一，第二等词语用来表示名称，而并不表示任何特定的顺序。
Claims (10)
1.一种用于确定目标页面元素在网页中的呈现位置信息的方法，该方法包括以下步骤：
a向用户提供用于标识所述目标页面元素在所述网页中的初始位置信息的多个位置图形选择对象；
b获取所述用户对所述多个位置图形选择对象中任一个的选择操作；
其中，该方法还包括：
x获取所述用户输入的与所选择的位置图形选择对象相对应的、所述目标页面元素在所述网页中的精确定位信息；
y根据所述选择操作及所述精确定位信息，并结合所述目标页面元素的预定尺寸信息，确定所述目标页面元素在所述网页中的呈现位置信息。
2.根据权利要求1所述的方法，其中，所述步骤x包括：
-根据所述选择操作，确定所述目标页面元素在所述网页中的初始定位信息；
-根据所述初始定位信息，向所述用户提供用于输入所述目标页面元素在所述网页中的精确定位信息的输入窗口；
-获取所述用户通过所述输入窗口输入的所述目标页面元素在所述网页中的精确定位信息。
3.根据权利要求1或2所述的方法，其中，该方法还包括：
-根据所述精确定位信息，在该用户所选择的位置图形选择对象中呈现所述目标页面元素的位置提示信息。
4.根据权利要求3所述的方法，其中，该方法还包括：
-当所述用户对所选择的位置图形选择对象执行预定操作时，向所述用户呈现按照预定比例放大后的位置图形选择对象及其中的位置提示信息。
5.根据权利要求4所述的方法，其中，该方法还包括：
-获取所述用户在所述放大后的位置图形选择对象中对所述位置提示信息的调整操作；
-根据所述调整操作，调整所述目标页面元素在所述网页中的呈现位置信息；
-通过根据调整后的呈现位置信息调整所述目标页面元素在所属网页中的呈现位置，来调整所述网页。
6.一种用于确定目标页面元素在网页中的呈现位置信息的确定装置，该确定装置包括：
选择对象提供装置，用于向用户提供用于标识所述目标页面元素在所述网页中的初始位置信息的多个位置图形选择对象；
选择操作获取装置，用于获取所述用户对所述多个位置图形选择对象中任一个的选择操作；
其中，该确定装置还包括：
第一信息获取装置，用于获取所述用户输入的与所选择的位置图形选择对象相对应的、所述目标页面元素在所述网页中的精确定位信息；
位置确定装置，用于根据所述选择操作及所述精确定位信息，并结合所述目标页面元素的预定尺寸信息，确定所述目标页面元素在所述网页中的呈现位置信息。
7.根据权利要求6所述的确定装置，其中，所述第一信息获取装置包括：
第二信息确定装置，用于根据所述选择操作，确定所述目标页面元素在所述网页中的初始定位信息；
窗口提供装置，用于根据所述初始定位信息，向所述用户提供用于输入所述目标页面元素在所述网页中的精确定位信息的输入窗口；
第三信息获取装置，用于获取所述用户通过所述输入窗口输入的所述目标页面元素在所述网页中的精确定位信息。
8.根据权利要求6或7所述的确定装置，其中，该确定装置还包括：
提示信息呈现装置，用于根据所述精确定位信息，在该用户所选择的位置图形选择对象中呈现所述目标页面元素的位置提示信息。
9.根据权利要求8所述的确定装置，其中，该确定装置还包括：
放大装置，用于当所述用户对所选择的位置图形选择对象执行预定操作时，向所述用户呈现按照预定比例放大后的位置图形选择对象及其中的位置提示信息。
10.根据权利要求9所述的确定装置，其中，该确定装置还包括：
调整操作获取装置，用于获取所述用户在所述放大后的位置图形选择对象中对所述位置提示信息的调整操作；
第一调整装置，用于根据所述调整操作，调整所述目标页面元素在所述网页中的呈现位置信息；
第二调整装置，用于通过根据调整后的呈现位置信息调整所述目标页面元素在所属网页中的呈现位置，来调整所述网页。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201210523844.5A CN103049493B (zh) | 2012-12-07 | 2012-12-07 | 用于确定目标页面元素的呈现位置的方法、装置与设备 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201210523844.5A CN103049493B (zh) | 2012-12-07 | 2012-12-07 | 用于确定目标页面元素的呈现位置的方法、装置与设备 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN103049493A true CN103049493A (zh) | 2013-04-17 |
| CN103049493B CN103049493B (zh) | 2016-01-06 |
Family
ID=48062134
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201210523844.5A Active CN103049493B (zh) | 2012-12-07 | 2012-12-07 | 用于确定目标页面元素的呈现位置的方法、装置与设备 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN103049493B (zh) |
Cited By (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104424087A (zh) * | 2013-08-21 | 2015-03-18 | 阿里巴巴集团控股有限公司 | 一种web页面元素定位的方法,装置及系统 |
| CN105373593A (zh) * | 2015-10-14 | 2016-03-02 | 北京锤子数码科技有限公司 | 一种展示网页中目标元素的方法及装置 |
| CN105786809A (zh) * | 2014-12-16 | 2016-07-20 | 阿里巴巴集团控股有限公司 | 网页导航区页面元素的呈现方法及装置 |
| WO2016131316A1 (zh) * | 2015-07-21 | 2016-08-25 | 中兴通讯股份有限公司 | 一种java窗口控件的识别方法及装置 |
| CN106954091A (zh) * | 2016-12-21 | 2017-07-14 | 深圳Tcl数字技术有限公司 | 电视浏览器快速浏览网页的方法及装置 |
| CN108121541A (zh) * | 2017-12-21 | 2018-06-05 | 深圳市富途网络科技有限公司 | 一种向画布添加二维界面组件时的建议位置生成方法 |
| CN111368234A (zh) * | 2018-12-25 | 2020-07-03 | 阿里巴巴集团控股有限公司 | 窗口调整方法、设备及存储介质 |
Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101593207A (zh) * | 2009-07-06 | 2009-12-02 | 孟智平 | 一种构造和生成网页的方法及系统 |
| CN202177892U (zh) * | 2011-06-04 | 2012-03-28 | 中国移动通信集团内蒙古有限公司 | Web UI控件定制系统 |
-
2012
- 2012-12-07 CN CN201210523844.5A patent/CN103049493B/zh active Active
Patent Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101593207A (zh) * | 2009-07-06 | 2009-12-02 | 孟智平 | 一种构造和生成网页的方法及系统 |
| CN202177892U (zh) * | 2011-06-04 | 2012-03-28 | 中国移动通信集团内蒙古有限公司 | Web UI控件定制系统 |
Cited By (13)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104424087A (zh) * | 2013-08-21 | 2015-03-18 | 阿里巴巴集团控股有限公司 | 一种web页面元素定位的方法,装置及系统 |
| CN104424087B (zh) * | 2013-08-21 | 2017-07-28 | 阿里巴巴集团控股有限公司 | 一种web页面元素定位的方法，装置及系统 |
| CN105786809A (zh) * | 2014-12-16 | 2016-07-20 | 阿里巴巴集团控股有限公司 | 网页导航区页面元素的呈现方法及装置 |
| CN105786809B (zh) * | 2014-12-16 | 2019-08-30 | 阿里巴巴集团控股有限公司 | 网页导航区页面元素的呈现方法及装置 |
| WO2016131316A1 (zh) * | 2015-07-21 | 2016-08-25 | 中兴通讯股份有限公司 | 一种java窗口控件的识别方法及装置 |
| CN105373593B (zh) * | 2015-10-14 | 2018-12-21 | 北京锤子数码科技有限公司 | 一种展示网页中目标元素的方法及装置 |
| CN105373593A (zh) * | 2015-10-14 | 2016-03-02 | 北京锤子数码科技有限公司 | 一种展示网页中目标元素的方法及装置 |
| CN106954091B (zh) * | 2016-12-21 | 2019-09-06 | 深圳Tcl数字技术有限公司 | 电视浏览器快速浏览网页的方法及装置 |
| CN106954091A (zh) * | 2016-12-21 | 2017-07-14 | 深圳Tcl数字技术有限公司 | 电视浏览器快速浏览网页的方法及装置 |
| CN108121541A (zh) * | 2017-12-21 | 2018-06-05 | 深圳市富途网络科技有限公司 | 一种向画布添加二维界面组件时的建议位置生成方法 |
| CN108121541B (zh) * | 2017-12-21 | 2021-03-19 | 深圳市富途网络科技有限公司 | 一种向画布添加二维界面组件时的建议位置生成方法 |
| CN111368234A (zh) * | 2018-12-25 | 2020-07-03 | 阿里巴巴集团控股有限公司 | 窗口调整方法、设备及存储介质 |
| CN111368234B (zh) * | 2018-12-25 | 2023-12-19 | 阿里巴巴集团控股有限公司 | 窗口调整方法、设备及存储介质 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN103049493B (zh) | 2016-01-06 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN103049493B (zh) | 用于确定目标页面元素的呈现位置的方法、装置与设备 | |
| Buskirk et al. | Smart surveys for smart phones: Exploring various approaches for conducting online mobile surveys via smartphones | |
| US9274686B2 (en) | Navigation framework for visual analytic displays | |
| US10489051B2 (en) | Handwriting input apparatus and control method thereof | |
| CN104267871A (zh) | 一种页面呈现的方法与装置 | |
| CN106663293A (zh) | 用于电子书的导航界面 | |
| US11269950B2 (en) | Analysis for framework assessment | |
| CN112507806B (zh) | 智慧课堂信息交互方法、装置及电子设备 | |
| KR20160023412A (ko) | 전자 장치에서 화면을 표시하는 방법 및 이를 위한 전자 장치 | |
| CN104050184A (zh) | 显示页面内容的方法及装置 | |
| CN102385475A (zh) | 电子设备及其交互方法 | |
| WO2016022216A1 (en) | Summary views for ebooks | |
| CN108089858B (zh) | 一种创建可视化界面的方法及装置 | |
| CN106648571B (zh) | 一种用于校对应用界面的方法和装置 | |
| CN104020934A (zh) | 分页控件实现方法及装置 | |
| CN104679391A (zh) | 智能手表的图标显示方法及装置 | |
| CN103971412A (zh) | 电子地图的展现方法及装置 | |
| US20110307771A1 (en) | Method for generating financial report | |
| US20140344251A1 (en) | Map searching system and method | |
| CN103852080A (zh) | 对象的地图显示方法及系统 | |
| US9317145B2 (en) | Information processing apparatus, information processing method, and computer readable medium | |
| Hürst et al. | HiStory: a hierarchical storyboard interface design for video browsing on mobile devices | |
| CN103544166A (zh) | 一种用于实现页面分块浏览的方法与设备 | |
| CN103914466A (zh) | 一种标签按钮管理的方法及系统 | |
| CN106293671B (zh) | 一种生成组件模板的方法及装置 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| C14 | Grant of patent or utility model | ||
| GR01 | Patent grant |