CN104461264B - 一种移动终端浏览器中的交互界面生成方法和装置 - Google Patents
一种移动终端浏览器中的交互界面生成方法和装置 Download PDFInfo
- Publication number
- CN104461264B CN104461264B CN201410766228.1A CN201410766228A CN104461264B CN 104461264 B CN104461264 B CN 104461264B CN 201410766228 A CN201410766228 A CN 201410766228A CN 104461264 B CN104461264 B CN 104461264B
- Authority
- CN
- China
- Prior art keywords
- child form
- browser client
- browser
- loaded
- web
- 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.)
- Active
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0483—Interaction with page-structured environments, e.g. book metaphor
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明公开了一种移动终端浏览器中的交互界面生成方法和装置,该方法包括:在浏览器客户端起始页所在的主窗口中加载至少一个基于用户交互控件的第一类子窗体;和/或,在浏览器客户端起始页所在的主窗口中加载至少一个基于Web视图的第二类子窗体;其中,第一类子窗体中加载有浏览器客户端配置的浏览器功能组件和/或第二类子窗体;第二类子窗体中加载有从服务器侧请求来的网页数据和/或第一子类窗体。本发明提供的技术方案在移动终端浏览器中生成更为友好的面向用户的交互界面,与单纯基于第一类子窗体或单纯基于第二类子窗体的浏览器界面相比,更具灵活性,符合用户的操作需求。
Description
技术领域
本发明涉及互联网技术领域,具体涉及一种移动终端浏览器中的交互界面生成方法和装置。
背景技术
随着移动互联网技术的迅速发展和移动设备的成熟普及,移动互联网用户日益增多,移动设备代替PC成为了用户进行网上行为的主要终端,用户的网页访问行为从原来的基于PC的浏览器访问逐渐变成基于移动终端的浏览器访问,因此,移动终端浏览器中的交互界面的设计思想,能够直接影响到用户的互联网浏览行为。
目前,大部分移动终端浏览器中的交互界面的生成方案与传统的PC浏览器交互页面相似,需要通过浏览器自动设置或用户手动设置,以一个网页作为交互界面,当启动浏览器时,浏览器直接与服务器交互加载该网页作为当前交互界面。在此情况下,交互界面能够执行的操作是有限的,当用户要进行其他网上操作时,不得不手动在浏览器地址栏中输入其他类网页的URL地址,跳转到其他页面进行操作,例如,浏览器将一个购物网站设置为交互界面,当用户想要进行搜索操作时,需要在浏览器地址栏中输入搜索类网页的URL地址,跳转到该搜索类页面上进行搜索操作,当用户想要玩在线游戏时,又需要在浏览器地址栏中或刚才打开的搜索页面的搜索拦住输入游戏类网页的信息,再跳转到该游戏类页面上进行操作。
可见,上述方案十分费时费力,可定制性差,灵活性差,不能满足用户的操作需求。
发明内容
鉴于上述问题,提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的一种移动终端浏览器中的交互界面生成方法和装置。
依据本发明的一个方面,提供了一种移动终端浏览器中的交互界面生成方法,该方法包括:
在浏览器客户端起始页所在的主窗口中加载至少一个基于用户交互控件的第一类子窗体;
和/或,
在浏览器客户端起始页所在的主窗口中加载至少一个基于Web视图的第二类子窗体;
其中,第一类子窗体中加载有浏览器客户端配置的浏览器功能组件和/或第二类子窗体;第二类子窗体中加载有从服务器侧请求来的网页数据和/或第一子类窗体。
可选地,第一类子窗体中加载的浏览器功能组件包括:
搜索框、搜索关键字推荐框、地址框、扩展栏、浏览器插件、已关闭网页标签、收藏夹、浏览历史记录、浏览器用户登陆组件、最常访问的网页中的一种或多种。
可选地,所述从服务器侧请求来的网页数据包括:推荐搜索关键字、浏览器用户登陆后的同步数据、精选内容推荐和网址大全中的一种或多种;
其中,浏览器用户登陆后的同步数据包括:从同一浏览器用户的PC浏览器客户端中同步过来的已关闭网页标签、从同一浏览器用户的PC浏览器客户端中同步过来的浏览器历史记录和从同一浏览器用户的PC浏览器客户端中同步过来的收藏夹数据中的一种或多种。
可选地,该方法包括:
在第二类子窗体中加载从服务器侧请求来的网页数据时,使用Web视图窗体加载从服务器侧请求来的网页数据,并进行动态渲染和加载;Web视图窗体的大小可调整,以加载更多的网页数据。
可选地,所述浏览器客户端起始页所在的主窗口由主Activity类实现;
主窗口中加载的每个第一类子窗体由一个对应的Activity类实现。
主窗口中加载的每个第二类子窗体中的加载的内容由一个对应的WebView来显示。
可选地,该方法进一步包括:
在第一类子窗体的用户交互控件上配置对于用户交互控件的触控事件,当用户交互控件被触控时弹出进一步的子处理窗口。
可选地,所述在浏览器客户端起始页所在的主窗口中加载至少一个基于用户交互控件的第一类子窗体包括:
在浏览器客户端起始页所在的主窗口的指定位置处加载第一类子窗体,在该第一类子窗体中绘制预设个数的热门网站控件;
建立各热门网站控件的坐标范围与对应网站的URL之间的映射关系,并在检测到一个热门网站控件的坐标范围内发生触控事件时,根据对应网站的URL地址打开该热门网站。
可选地,在浏览器客户端起始页所在的主窗口中加载至少一个基于用户交互控件的第一类子窗体,以及在浏览器客户端起始页所在的主窗口中加载至少一个基于Web视图的第二类子窗体具体包括:
将在浏览器客户端起始页所在的主窗口划分为:第一部分、第二部分和第三部分;其中,
在所述第一部分中加载实现搜索入口界面的第一类子窗体;
在所述第二部分中加载实现热门网站入口界面的第一类子窗体;
在所述第三部分中加载实现分类网页入口容器的第一类子窗体,以及在分类网页入口容器中加载实现分类网页入口界面的第二类子窗体。
可选地,在所述实现搜索入口界面的第一类子窗体中加载地址框、搜索框、语音搜索功能插件、二维码扫描功能插件,实现推荐搜索关键字的第二类子窗体。
可选地,该方法进一步包括:
检测所述搜索输入框中输入的字符是否命中移动终端本地的应用的名称,是则在搜索输入框的下拉栏中显示能够跳转到命中的应用的入口。
可选地,在所述第二部分中加载实现热门网站入口界面的第一类子窗体包括:
在所述第二部分中加载一个第一类子窗体,在该第一类子窗体中加载一个Canvas画布,在该Canvas画布中按照预设的排列顺序绘制预设个数的热门网站的图标和名称。
可选地,该方法进一步包括:
建立各热门网站的图标和名称的坐标范围与对应URL之间的映射关系,并在检测到一个热门网站的图标或名称的坐标范围内发生触发事件时,根据对应的URL地址打开该热门网站。
可选地,所述检测到一个热门网站的图标或名称的坐标范围内发生触发事件时,根据对应的URL地址打开该热门网站包括:
当所述触发事件为点击事件时,在当前窗口中打开该热门网站;
当所述触发事件为长按事件时,弹出菜单选项;所述菜单选项中包括在新标签页中打开该热门网站的选项和在后台打开该热门网站的选项。
可选地,在所述第三部分中加载实现分类网页入口容器的第一类子窗体进一步包括:
在实现分类网页入口容器的第一类子窗体上显示一个展开触发按钮,当所述展开触发按钮被触发时,所述分类网页入口容器的大小变大到移动终端的屏幕尺寸。
可选地,在分类网页入口容器中加载实现分类网页入口界面的第二类子窗体包括:
将各分类网页的Web视图按照预设的分类排列顺序加载到所述容器的对应位置;
当检测到所述容器中的Web视图被点击的事件时,在当前窗口中打开对应的网页;
当检测到所述容器中的Web视图被长按的事件时,弹出菜单选项;所述菜单选项中包括在新标签页中打开对应的网页的选项和在后台打开对应的网页的选项。
可选地,所述第三部分中采用HTML5技术。
依据本发明的另一个方面,提供了一种移动终端浏览器中的交互界面生成装置,该装置包括:
第一加载单元,适于在浏览器客户端起始页所在的主窗口中加载至少一个基于用户交互控件的第一类子窗体;
和/或,
第二加载单元,适于在浏览器客户端起始页所在的主窗口中加载至少一个基于Web视图的第二类子窗体;
其中,第一类子窗体中加载有浏览器客户端配置的浏览器功能组件和/或第二类子窗体;第二类子窗体中加载有从服务器侧请求来的网页数据和/或第一子类窗体。
可选地,第一类子窗体中加载的浏览器功能组件包括:
搜索框、搜索关键字推荐框、地址框、扩展栏、浏览器插件、已关闭网页标签、收藏夹、浏览历史记录、浏览器用户登陆组件、最常访问的网页中的一种或多种。
可选地,所述从服务器侧请求来的网页数据包括:推荐搜索关键字、浏览器用户登陆后的同步数据、精选内容推荐和网址大全中的一种或多种;
其中,浏览器用户登陆后的同步数据包括:从同一浏览器用户的PC浏览器客户端中同步过来的已关闭网页标签、从同一浏览器用户的PC浏览器客户端中同步过来的浏览器历史记录和从同一浏览器用户的PC浏览器客户端中同步过来的收藏夹数据中的一种或多种。
可选地,所述第二加载单元,适于在第二类子窗体中加载从服务器侧请求来的网页数据时,使用Web视图窗体加载从服务器侧请求来的网页数据,并进行动态渲染和加载;Web视图窗体的大小可调整,以加载更多的网页数据。
可选地,所述浏览器客户端起始页所在的主窗口由主Activity类实现;
主窗口中加载的每个第一类子窗体由一个对应的Activity类实现。
主窗口中加载的每个第二类子窗体中的加载的内容由一个对应的WebView来显示。
可选地,该装置进一步包括:
触控单元,适于在第一类子窗体的用户交互控件上配置对于用户交互控件的触控事件,当用户交互控件被触控时弹出进一步的子处理窗口。
可选地,所述第一加载单元,适于在浏览器客户端起始页所在的主窗口的指定位置处加载第一类子窗体,在该第一类子窗体中绘制预设个数的热门网站控件;
所述触控单元,适于建立各热门网站控件的坐标范围与对应网站的URL之间的映射关系,并在检测到一个热门网站控件的坐标范围内发生触控事件时,根据对应网站的URL地址打开该热门网站。
可选地,该装置进一步包括:主窗口划分单元;
所述主窗口划分单元,适于将在浏览器客户端起始页所在的主窗口划分为:第一部分、第二部分和第三部分;
其中,
所述第一加载单元,适于在所述第一部分中加载实现搜索入口界面的第一类子窗体;在所述第二部分中加载实现热门网站入口界面的第一类子窗体;在所述第三部分中加载实现分类网页入口容器的第一类子窗体;
所述第二加载单元,适于在分类网页入口容器中加载实现分类网页入口界面的第二类子窗体。
可选地,所述第一加载单元,适于在所述实现搜索入口界面的第一类子窗体中加载地址框、搜索框、语音搜索功能插件、二维码扫描功能插件;
所述第二加载单元,适于在所述实现搜索入口界面的第一类子窗体中加载实现推荐搜索关键字的第二类子窗体。
可选地,该装置进一步包括:
应用跳转单元,适于检测所述搜索输入框中输入的字符是否命中移动终端本地的应用的名称,是则在搜索输入框的下拉栏中显示能够跳转到命中的应用的入口。
可选地,所述第一加载单元,适于在所述第二部分中加载一个第一类子窗体,在该第一类子窗体中加载一个Canvas画布,在该Canvas画布中按照预设的排列顺序绘制预设个数的热门网站的图标和名称。
可选地,所述触控单元,进一步适于建立各热门网站的图标和名称的坐标范围与对应URL之间的映射关系,并在检测到一个热门网站的图标或名称的坐标范围内发生触发事件时,根据对应的URL地址打开该热门网站。
可选地,所述触控单元,适于当所述触发事件为点击事件时,在当前窗口中打开该热门网站;并适于当所述触发事件为长按事件时,弹出菜单选项;所述菜单选项中包括在新标签页中打开该热门网站的选项和在后台打开该热门网站的选项。
可选地,所述第一加载单元,进一步适于在实现分类网页入口容器的第一类子窗体上显示一个展开触发按钮,当所述展开触发按钮被触发时,所述分类网页入口容器的大小变大到移动终端的屏幕尺寸。
可选地,所述第二加载单元,适于将各分类网页的Web视图按照预设的分类排列顺序加载到所述容器的对应位置;
所述触控单元,适于当检测到所述容器中的Web视图被点击的事件时,在当前窗口中打开对应的网页;并适于当检测到所述容器中的Web视图被长按的事件时,弹出菜单选项;所述菜单选项中包括在新标签页中打开对应的网页的选项和在后台打开对应的网页的选项。
可选地,所述第三部分中采用HTML5技术。
由上述可知,本发明提供的技术方案通过在主窗口中加载基于用户交互控件的第一类子窗体和基于Web视图的第二类子窗体,在移动终端浏览器中生成更为友好的面向用户的交互界面,与单纯基于第一类子窗体或单纯基于第二类子窗体的浏览器界面相比,更具灵活性,符合用户的操作需求。
上述说明仅是本发明技术方案的概述,为了能够更清楚了解本发明的技术手段,而可依照说明书的内容予以实施,并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂,以下特举本发明的具体实施方式。
附图说明
通过阅读下文优选实施方式的详细描述,各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的,而并不认为是对本发明的限制。而且在整个附图中,用相同的参考符号表示相同的部件。在附图中:
图1示出了根据本发明一个实施例的一种移动终端浏览器中的交互界面生成方法的流程图;
图2示出了根据本发明另一个实施例的一种移动终端浏览器中的交互界面生成方法的流程图;
图3示出了根据本发明一个实施例的一种移动终端浏览器中的交互界面生成装置的示意图;
图4示出了根据本发明另一个实施例的一种移动终端浏览器中的交互界面生成装置的示意图;
图5A示出了根据本发明一个实施例的浏览器客户端起始页的示意图;
图5B示出了根据本发明一个实施例的搜索输入框的下拉栏的示意图;
图5C示出了根据本发明一个实施例的长按触发弹出菜单选项的示意图;
图5D示出了根据本发明一个实施例的分类网页入口界面的示意图;
图5E示出了根据本发明另一个实施例的长按触发弹出菜单选项的示意图。
具体实施方式
下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例,然而应当理解,可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本公开,并且能够将本公开的范围完整的传达给本领域的技术人员。
图1示出了根据本发明一个实施例的一种移动终端浏览器中的交互界面生成方法的流程图。如图1所示,该方法包括:
步骤S110,在浏览器客户端起始页所在的主窗口中加载至少一个基于用户交互控件的第一类子窗体。
和/或,步骤S120,在浏览器客户端起始页所在的主窗口中加载至少一个基于Web视图的第二类子窗体。
在上述步骤S110和步骤S120中,第一类子窗体中加载有浏览器客户端配置的浏览器功能组件和/或第二类子窗体;第二类子窗体中加载有从服务器侧请求来的网页数据和/或第一子类窗体。
可见,图1所示的方法通过在主窗口中加载基于用户交互控件的第一类子窗体和基于Web视图的第二类子窗体,在移动终端浏览器中生成更为友好的面向用户的交互界面,与单纯基于第一类子窗体或单纯基于第二类子窗体的浏览器界面相比,更具灵活性,符合用户的操作需求。
在本发明的一个实施例中,第一类子窗体中加载的浏览器功能组件包括:搜索框、搜索关键字推荐框、地址框、扩展栏、浏览器插件、已关闭网页标签、收藏夹、浏览历史记录、浏览器用户登陆组件、最常访问的网页中的一种或多种。
在本发明的一个实施例中,第二类子窗体中加载的从服务器侧请求来的网页数据包括:推荐搜索关键字、浏览器用户登陆后的同步数据、精选内容推荐和网址大全中的一种或多种。其中,浏览器用户登陆后的同步数据包括:从同一浏览器用户的PC浏览器客户端中同步过来的已关闭网页标签、从同一浏览器用户的PC浏览器客户端中同步过来的浏览器历史记录和从同一浏览器用户的PC浏览器客户端中同步过来的收藏夹数据中的一种或多种。
在本发明的一个实施例中,图1所示的方法在第二子窗体中加载从服务器侧请求来的网页数据时,使用Web视图窗体加载从服务器侧请求来的网页数据,并进行动态渲染和加载;Web视图窗体的大小可调整,以加载更多的网页数据。
在本发明的一个实施例中,所述浏览器客户端起始页所在的主窗口由主Activity类实现。主窗口中加载的每个第一类子窗体由一个对应的Activity类实现。主窗口中加载的每个第二类子窗体中的加载的内容由一个对应的WebView来显示。
在本发明的一个实施例中,图1所示的方法进一步包括:在第一类子窗体的用户交互控件上配置对于用户交互控件的触控事件,当用户交互控件被触控时弹出进一步的子处理窗口。
图2示出了根据本发明另一个实施例的一种移动终端浏览器中的交互界面生成方法的流程图。如图2所示,该方法包括:
步骤S210,将在浏览器客户端起始页所在的主窗口划分为:第一部分、第二部分和第三部分。
步骤S220,在第一部分中加载实现搜索入口界面的第一类子窗体;在第二部分中加载实现热门网站入口界面的第一类子窗体;在第三部分中加载实现分类网页入口容器的第一类子窗体,以及在分类网页入口容器中加载实现分类网页入口界面的第二类子窗体。
图5A示出了根据本发明一个实施例的浏览器客户端起始页的示意图,如图5A所示,浏览器客户端起始页所在的主窗口划分为三部分,从上到下依次为:第一部分、第二部分和第三部分;其中,第一部分实现了搜索入口,第二部分实现了热门网站入口,第三部分实现了分类网页入口。
在本发明的一个实施例中,在第一部分中加载实现搜索入口界面的第一类子窗体包括:在第一部分中加载一个第一类子窗体,在该第一类子窗体中加载地址框、搜索框、语音搜索功能插件、二维码扫描功能插件和实现推荐搜索关键字的第二类子窗体。
当第一类子窗体中加载有搜索框时,图2所示的方法可以进一步包括:检测搜索输入框中输入的字符是否命中移动终端本地的应用的名称,是则在搜索输入框的下拉栏中显示能够跳转到命中的应用的入口。
在图5A所示的实施例中,可以看到,第一部分中加载了实现搜索入口界面的第一类子窗体,在该第一类子窗体中加载有:地址框、显示麦克风图标的语音搜索功能插件、显示二维码图标的二维码扫描功能插件、搜索框和位于搜索框下方的实现推荐搜索关键字的第二类子窗体。图5B示出了根据本发明一个实施例的搜索输入框的下拉栏的示意图。本实施例中,用户在图5A所示页面的搜索输入框中输入“微信”,检测到该字符命中当前移动终端本地的微信应用,如图5B所示,搜索输入框的下拉栏中显示能够跳转到微信应用的入口,点击后则跳转到微信应用中。
在本发明的一个实施例中,在第二部分中加载实现热门网站入口界面的第一类子窗体包括:在第二部分中加载一个第一类子窗体,在该第一类子窗体中加载一个Canvas画布,在该Canvas画布中按照预设的排列顺序绘制预设个数的热门网站的图标和名称。其中,Canvas画布用于在网页实时生成图像,并且可以操作图像内容,基本上是一个可以用JavaScript操作的位图(bitmap)。
在此基础上,图2所示的方法进一步包括:建立各热门网站的图标和名称的坐标范围与对应URL之间的映射关系,并在检测到一个热门网站的图标或名称的坐标范围内发生触发事件时,根据对应的URL地址打开该热门网站,包括以下两种交互方式:1、当触发事件为点击事件时,在当前窗口中打开该热门网站。2、当触发事件为长按事件时,弹出菜单选项;菜单选项中包括在新标签页中打开该热门网站的选项和在后台打开该热门网站的选项。
在图5A所示的实施例中,可以看到,第二部分中加载了一个第一类子窗体,在该第一类子窗体中加载一个Canvas画布,所加载的Canvas画布上绘制了以点阵形式排列的12个热门网站的图标和名称,且各热门网站的图标和名称的坐标范围与对应URL之间已建立映射关系,如淘宝网的图标和名称在Canvas画布上的坐标范围为(246-358,328-393)像素,该坐标范围(246-358,328-393)像素与URL(www.taobao.com)之间存在映射关系,当用户点击该坐标范围内的点时,根据对应的URL在当前窗口中打开淘宝网首页;当用户长按该坐标范围内的点时,弹出菜单选项,该菜单选项中包括在新标签页中打开淘宝网的选项和在后台打开淘宝网的选项,根据用户的选择进行跳转。图5C示出了根据本发明一个实施例的长按触发弹出菜单选项的示意图,如图5C所示,该菜单选项中包括:“新窗口打开”和“后台打开”两个选项。
在本发明的一个实施例中,图2所示方法在第三部分中加载实现分类网页入口容器的第一类子窗体包括:在实现分类网页入口容器的第一类子窗体上显示一个展开触发按钮,当展开触发按钮被触发时,分类网页入口容器的大小变大到移动终端的屏幕尺寸。
进一步地,在分类网页入口容器中加载实现分类网页入口界面的第二类子窗体,可以是:将各分类网页的Web视图按照预设的分类排列顺序加载到所述容器的对应位置。包括以下两种交互方式:1、当检测到容器中的Web视图被点击的事件时,在当前窗口中打开对应的网页。2、当检测到容器中的Web视图被长按的事件时,弹出菜单选项;菜单选项中包括在新标签页中打开对应的网页的选项和在后台打开对应的网页的选项。在本发明的一个实施例中,第三部分中采用HTML5技术。
在图5A所示的实施例中,可以看到,第三部分中加载了一个第一类子窗体,其中包括:最常访问、分类站点、内容精选、购物生活等分类网页入口容器,在每个分类网页入口容器的右侧都显示一个展开触发按钮。图5D示出了根据本发明一个实施例的分类网页入口界面的示意图,当用户点击分类网页入口容器“内容精选”右侧的展开触发按钮时,该分类网页入口容器的大小变大到移动终端的屏幕尺寸,在该分类网页入口容器中加载实现分类网页入口界面的第二类子窗体,其中,如图5D所示,各分类网页的Web视图按照预设的分类排列顺序加载到所述容器的对应位置。当检测到容器中的Web视图被点击的事件时,在当前窗口中打开对应的网页。当检测到容器中的Web视图被长按的事件时,弹出菜单选项;菜单选项中包括在新标签页中打开对应的网页的选项和在后台打开对应的网页的选项。图5E示出了根据本发明另一个实施例的长按触发弹出菜单选项的示意图,如图5E所示,该菜单选项中包括:“新窗口打开”和“后台打开”两个选项。
图3示出了根据本发明一个实施例的一种移动终端浏览器中的交互界面生成装置的示意图。如图3所示,该移动终端浏览器中的交互界面生成装置300包括:
第一加载单元310,适于在浏览器客户端起始页所在的主窗口中加载至少一个基于用户交互控件的第一类子窗体。
和/或,第二加载单元320,适于在浏览器客户端起始页所在的主窗口中加载至少一个基于Web视图的第二类子窗体。
其中,第一类子窗体中加载有浏览器客户端配置的浏览器功能组件和/或第二类子窗体;第二类子窗体中加载有从服务器侧请求来的网页数据和/或第一子类窗体。
可见,图3所示的装置通过各单元的相互配合,在主窗口中加载基于用户交互控件的第一类子窗体和基于Web视图的第二类子窗体,在移动终端浏览器中生成更为友好的面向用户的交互界面,与单纯基于第一类子窗体或单纯基于第二类子窗体的浏览器界面相比,更具灵活性,符合用户的操作需求。
在本发明的一个实施例中,第一类子窗体中加载的浏览器功能组件包括:搜索框、搜索关键字推荐框、地址框、扩展栏、浏览器插件、已关闭网页标签、收藏夹、浏览历史记录、浏览器用户登陆组件、最常访问的网页中的一种或多种。
在本发明的一个实施例中,从服务器侧请求来的网页数据包括:推荐搜索关键字、浏览器用户登陆后的同步数据、精选内容推荐和网址大全中的一种或多种。浏览器用户登陆后的同步数据包括:从同一浏览器用户的PC浏览器客户端中同步过来的已关闭网页标签、从同一浏览器用户的PC浏览器客户端中同步过来的浏览器历史记录和从同一浏览器用户的PC浏览器客户端中同步过来的收藏夹数据中的一种或多种。
在本发明的一个实施例中,第二加载单元320,适于在第二子窗体中加载从服务器侧请求来的网页数据时,使用Web视图窗体加载从服务器侧请求来的网页数据,并进行动态渲染和加载;Web视图窗体的大小可调整,以加载更多的页网页数据。
在本发明的一个实施例中,浏览器客户端起始页所在的主窗口由主Activity类实现;主窗口中加载的每个第一类子窗体由一个对应的Activity类实现;主窗口中加载的每个第二类子窗体中的加载的内容由一个对应的WebView来显示。
图4示出了根据本发明另一个实施例的一种移动终端浏览器中的交互界面生成装置的示意图,如图3所示,该移动终端浏览器中的交互界面生成装置400包括:主窗口划分单元410、第一加载单元420、第二加载单元430、应用跳转单元440和触控单元450。
主窗口划分单元410,适于将在浏览器客户端起始页所在的主窗口划分为:第一部分、第二部分和第三部分。
图5A示出了根据本发明一个实施例的浏览器客户端起始页的示意图,如图5A所示,主窗口划分单元410将浏览器客户端起始页所在的主窗口划分为三部分,从上到下依次为:第一部分、第二部分和第三部分。
在本发明的一个实施例中,第三部分中采用HTML5技术。
第一加载单元420,适于在第一部分中加载实现搜索入口界面的第一类子窗体;在第二部分中加载实现热门网站入口界面的第一类子窗体;以及在第三部分中加载实现分类网页入口容器的第一类子窗体。
在图5A所示的实施例中,可以看到,第一加载单元420在第一部分中加载了实现搜索入口界面的第一类子窗体,在该第一类子窗体中加载有:地址框、显示麦克风图标的语音搜索功能插件、显示二维码图标的二维码扫描功能插件、搜索框和位于搜索框下方的实现推荐搜索关键字的第二类子窗体。第一加载单元420在第二部分中加载了一个实现热门网站入口界面的第一类子窗体,在该第一类子窗体中加载一个Canvas画布,所加载的Canvas画布上绘制了以点阵形式排列的12个热门网站的图标和名称。以及,第一加载单元420在第三部分中加载了一个实现分类网页入口容器的第一类子窗体,其中包括:最常访问、分类站点、内容精选、购物生活等分类网页入口容器,在每个分类网页入口容器的右侧都显示一个展开触发按钮。
第二加载单元430,适于在实现搜索入口界面的第一类子窗体中加载实现推荐搜索关键字的第二类子窗体;以及适于在分类网页入口容器中加载实现分类网页入口界面的第一类子窗体。
在图5A所示的实施例中,可以看到,在第一部分的实现搜索入口界面的第一类子窗体中,第二加载单元430还进一步加载了实现推荐搜索关键字的第二类子窗体,位于搜索框的下方,将近期搜索频率较高的搜索关键词推荐给用户。以及,当用户点击第三部分的分类网页入口容器“内容精选”右侧的展开触发按钮时,该分类网页入口容器的大小变大到移动终端的屏幕尺寸,第二加载单元430在该分类网页入口容器中加载实现分类网页入口界面的第二类子窗体,如图5D所示,各分类网页的Web视图按照预设的分类排列顺序加载到容器的对应位置。
应用跳转单元440,适于在第一部分中加载有搜索栏时,检测搜索输入框中输入的字符是否命中移动终端本地的应用的名称,是则在搜索输入框的下拉栏中显示能够跳转到命中的应用的入口。
在图5A所示的实施例中,当用户在第一部分中的搜索输入框中输入“微信”时,检测到该字符命中当前移动终端本地的微信应用,搜索输入框的下拉栏如图5B所示,第一行显示能够跳转到微信应用的入口,点击后则跳转到微信应用中。
触控单元450,适于在第一类子窗体的用户交互控件上配置对于用户交互控件的触控事件,当用户交互控件被触控时弹出进一步的子处理窗口。
在本发明的一个实施例中,在第一加载单元420在第二部分加载实现热门网站入口界面的第一类子窗体时,触控单元450,适于建立各热门网站控件的坐标范围与对应网站的URL之间的映射关系,并在检测到一个热门网站控件的坐标范围内发生触控事件时,根据对应网站的URL地址打开该热门网站。在图5A所示的实施例中,第一加载单元420在第二部分中所加载的Canvas画布上绘制了以点阵形式排列的12个热门网站的图标和名称,触控单元450建立各热门网站的图标和名称的坐标范围与对应URL之间的映射关系,如淘宝网的图标和名称在Canvas画布上的坐标范围为(246-358,328-393)像素,建立该坐标范围(246-358,328-393)像素与URL(www.taobao.com)之间的映射关系,当用户点击该坐标范围内的点时,根据对应的URL在当前窗口中打开淘宝网首页;当用户长按该坐标范围内的点时,弹出如图5C所示的菜单选项,该菜单选项中包括在新标签页中打开淘宝网的选项和在后台打开淘宝网的选项,根据用户的选择进行跳转。
在本发明的另一个实施例中,当第二加载单元430在第三部分的分类网页入口容器中加载第二类子窗体,将各分类网页的Web视图按照预设的分类排列顺序加载到容器的对应位置时,触控单元450,适于当检测到容器中的Web视图被点击的事件时,在当前窗口中打开对应的网页;并适于当检测到所述容器中的Web视图被长按的事件时,弹出菜单选项。在图5A所示的实施例中,当用户点击分类网页入口容器“内容精选”右侧的展开触发按钮时,该分类网页入口容器的大小变大到移动终端的屏幕尺寸,如图5D所示,第二加载单元430将Web视图按照预设的分类排列顺序加载到容器的对应位置。当触控单元450检测到容器中的Web视图被点击的事件时,在当前窗口中打开对应的网页;当触控单元450检测到容器中的Web视图被长按的事件时,弹出如图5E所示的菜单选项。
综上所述,本发明提供的技术方案通过在主窗口中加载基于用户交互控件的第一类子窗体和基于Web视图的第二类子窗体,在移动终端浏览器中生成更为友好的面向用户的交互界面,并通过触控事件和跳转事件的配置,使得该交互界面更具灵活性,与单纯基于第一类子窗体或单纯基于第二类子窗体的浏览器界面相比,更加符合用户的操作需求。
需要说明的是:
在此提供的算法和显示不与任何特定计算机、虚拟装置或者其它设备固有相关。各种通用装置也可以与基于在此的示教一起使用。根据上面的描述,构造这类装置所要求的结构是显而易见的。此外,本发明也不针对任何特定编程语言。应当明白,可以利用各种编程语言实现在此描述的本发明的内容,并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。
在此处所提供的说明书中,说明了大量具体细节。然而,能够理解,本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中,并未详细示出公知的方法、结构和技术,以便不模糊对本说明书的理解。
类似地,应当理解,为了精简本公开并帮助理解各个发明方面中的一个或多个,在上面对本发明的示例性实施例的描述中,本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而,并不应将该公开的方法解释成反映如下意图:即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说,如下面的权利要求书所反映的那样,发明方面在于少于前面公开的单个实施例的所有特征。因此,遵循具体实施方式的权利要求书由此明确地并入该具体实施方式,其中每个权利要求本身都作为本发明的单独实施例。
本领域那些技术人员可以理解,可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件,以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外,可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述,本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。
此外,本领域的技术人员能够理解,尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征,但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如,在下面的权利要求书中,所要求保护的实施例的任意之一都可以以任意的组合方式来使用。
本发明的各个部件实施例可以以硬件实现,或者以在一个或者多个处理器上运行的软件模块实现,或者以它们的组合实现。本领域的技术人员应当理解,可以在实践中使用微处理器或者数字信号处理器(DSP)来实现根据本发明实施例的一种移动终端浏览器中的交互界面生成装置中的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序(例如,计算机程序和计算机程序产品)。这样的实现本发明的程序可以存储在计算机可读介质上,或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到,或者在载体信号上提供,或者以任何其他形式提供。
应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制,并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中,不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中,这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。
本发明公开了A1、一种移动终端浏览器中的交互界面生成方法,包括:
在浏览器客户端起始页所在的主窗口中加载至少一个基于用户交互控件的第一类子窗体;
和/或,
在浏览器客户端起始页所在的主窗口中加载至少一个基于Web视图的第二类子窗体;
其中,第一类子窗体中加载有浏览器客户端配置的浏览器功能组件和/或第二类子窗体;第二类子窗体中加载有从服务器侧请求来的网页数据和/或第一子类窗体。
A2、如A1所述的方法,其中,第一类子窗体中加载的浏览器功能组件包括:
搜索框、搜索关键字推荐框、地址框、扩展栏、浏览器插件、已关闭网页标签、收藏夹、浏览历史记录、浏览器用户登陆组件、最常访问的网页中的一种或多种。
A3、如A1所述的方法,其中,所述从服务器侧请求来的网页数据包括:推荐搜索关键字、浏览器用户登陆后的同步数据、精选内容推荐和网址大全中的一种或多种;
其中,浏览器用户登陆后的同步数据包括:从同一浏览器用户的PC浏览器客户端中同步过来的已关闭网页标签、从同一浏览器用户的PC浏览器客户端中同步过来的浏览器历史记录和从同一浏览器用户的PC浏览器客户端中同步过来的收藏夹数据中的一种或多种。
A4、如A1所述的方法,其中,该方法包括:
在第二类子窗体中加载从服务器侧请求来的网页数据时,使用Web视图窗体加载从服务器侧请求来的网页数据,并进行动态渲染和加载;Web视图窗体的大小可调整,以加载更多的网页数据。
A5、如A1所述的方法,其中,
所述浏览器客户端起始页所在的主窗口由主Activity类实现;
主窗口中加载的每个第一类子窗体由一个对应的Activity类实现。
主窗口中加载的每个第二类子窗体中的加载的内容由一个对应的WebView来显示。
A6、如A1所述的方法,其中,该方法进一步包括:
在第一类子窗体的用户交互控件上配置对于用户交互控件的触控事件,当用户交互控件被触控时弹出进一步的子处理窗口。
A7、如A1所述的方法,其中,所述在浏览器客户端起始页所在的主窗口中加载至少一个基于用户交互控件的第一类子窗体包括:
在浏览器客户端起始页所在的主窗口的指定位置处加载第一类子窗体,在该第一类子窗体中绘制预设个数的热门网站控件;
建立各热门网站控件的坐标范围与对应网站的URL之间的映射关系,并在检测到一个热门网站控件的坐标范围内发生触控事件时,根据对应网站的URL地址打开该热门网站。
A8、如A1所述的方法,其中,在浏览器客户端起始页所在的主窗口中加载至少一个基于用户交互控件的第一类子窗体,以及在浏览器客户端起始页所在的主窗口中加载至少一个基于Web视图的第二类子窗体具体包括:
将在浏览器客户端起始页所在的主窗口划分为:第一部分、第二部分和第三部分;其中,
在所述第一部分中加载实现搜索入口界面的第一类子窗体;
在所述第二部分中加载实现热门网站入口界面的第一类子窗体;
在所述第三部分中加载实现分类网页入口容器的第一类子窗体,以及在分类网页入口容器中加载实现分类网页入口界面的第二类子窗体。
A9、如A8所述的方法,其中,
在所述实现搜索入口界面的第一类子窗体中加载地址框、搜索框、语音搜索功能插件、二维码扫描功能插件,实现推荐搜索关键字的第二类子窗体。
A10、如A9所述的方法,其中,该方法进一步包括:
检测所述搜索输入框中输入的字符是否命中移动终端本地的应用的名称,是则在搜索输入框的下拉栏中显示能够跳转到命中的应用的入口。
A11、如A8所述的方法,其中,在所述第二部分中加载实现热门网站入口界面的第一类子窗体包括:
在所述第二部分中加载一个第一类子窗体,在该第一类子窗体中加载一个Canvas画布,在该Canvas画布中按照预设的排列顺序绘制预设个数的热门网站的图标和名称。
A12、如A11所述的方法,其中,该方法进一步包括:
建立各热门网站的图标和名称的坐标范围与对应URL之间的映射关系,并在检测到一个热门网站的图标或名称的坐标范围内发生触发事件时,根据对应的URL地址打开该热门网站。
A13、如A12所述的方法,其中,所述检测到一个热门网站的图标或名称的坐标范围内发生触发事件时,根据对应的URL地址打开该热门网站包括:
当所述触发事件为点击事件时,在当前窗口中打开该热门网站;
当所述触发事件为长按事件时,弹出菜单选项;所述菜单选项中包括在新标签页中打开该热门网站的选项和在后台打开该热门网站的选项。
A14、如A8所述的方法,其中,在所述第三部分中加载实现分类网页入口容器的第一类子窗体进一步包括:
在实现分类网页入口容器的第一类子窗体上显示一个展开触发按钮,当所述展开触发按钮被触发时,所述分类网页入口容器的大小变大到移动终端的屏幕尺寸。
A15、如A8所述的方法,其中,在分类网页入口容器中加载实现分类网页入口界面的第二类子窗体包括:
将各分类网页的Web视图按照预设的分类排列顺序加载到所述容器的对应位置;
当检测到所述容器中的Web视图被点击的事件时,在当前窗口中打开对应的网页;
当检测到所述容器中的Web视图被长按的事件时,弹出菜单选项;所述菜单选项中包括在新标签页中打开对应的网页的选项和在后台打开对应的网页的选项。
A16、如A8所述的方法,其中,
所述第三部分中采用HTML5技术。
本发明还公开了B17、一种移动终端浏览器中的交互界面生成装置,包括:
第一加载单元,适于在浏览器客户端起始页所在的主窗口中加载至少一个基于用户交互控件的第一类子窗体;
和/或,
第二加载单元,适于在浏览器客户端起始页所在的主窗口中加载至少一个基于Web视图的第二类子窗体;
其中,第一类子窗体中加载有浏览器客户端配置的浏览器功能组件和/或第二类子窗体;第二类子窗体中加载有从服务器侧请求来的网页数据和/或第一子类窗体。
B18、如B7所述的装置,其中,第一类子窗体中加载的浏览器功能组件包括:
搜索框、搜索关键字推荐框、地址框、扩展栏、浏览器插件、已关闭网页标签、收藏夹、浏览历史记录、浏览器用户登陆组件、最常访问的网页中的一种或多种。
B19、如B17所述的装置,其中,所述从服务器侧请求来的网页数据包括:推荐搜索关键字、浏览器用户登陆后的同步数据、精选内容推荐和网址大全中的一种或多种;
其中,浏览器用户登陆后的同步数据包括:从同一浏览器用户的PC浏览器客户端中同步过来的已关闭网页标签、从同一浏览器用户的PC浏览器客户端中同步过来的浏览器历史记录和从同一浏览器用户的PC浏览器客户端中同步过来的收藏夹数据中的一种或多种。
B20、如B17所述的装置,其中,
所述第二加载单元,适于在第二类子窗体中加载从服务器侧请求来的网页数据时,使用Web视图窗体加载从服务器侧请求来的网页数据,并进行动态渲染和加载;Web视图窗体的大小可调整,以加载更多的网页数据。
B21、如B17所述的装置,其中,
所述浏览器客户端起始页所在的主窗口由主Activity类实现;
主窗口中加载的每个第一类子窗体由一个对应的Activity类实现。
主窗口中加载的每个第二类子窗体中的加载的内容由一个对应的WebView来显示。
B22、如B17所述的装置,其中,该装置进一步包括:
触控单元,适于在第一类子窗体的用户交互控件上配置对于用户交互控件的触控事件,当用户交互控件被触控时弹出进一步的子处理窗口。
B23、如B17所述的装置,其中,
所述第一加载单元,适于在浏览器客户端起始页所在的主窗口的指定位置处加载第一类子窗体,在该第一类子窗体中绘制预设个数的热门网站控件;
所述触控单元,适于建立各热门网站控件的坐标范围与对应网站的URL之间的映射关系,并在检测到一个热门网站控件的坐标范围内发生触控事件时,根据对应网站的URL地址打开该热门网站。
B24、如B17所述的装置,其中,该装置进一步包括:主窗口划分单元;
所述主窗口划分单元,适于将在浏览器客户端起始页所在的主窗口划分为:第一部分、第二部分和第三部分;
其中,
所述第一加载单元,适于在所述第一部分中加载实现搜索入口界面的第一类子窗体;在所述第二部分中加载实现热门网站入口界面的第一类子窗体;在所述第三部分中加载实现分类网页入口容器的第一类子窗体;
所述第二加载单元,适于在分类网页入口容器中加载实现分类网页入口界面的第二类子窗体。
B25、如B24所述的装置,其中,
所述第一加载单元,适于在所述实现搜索入口界面的第一类子窗体中加载地址框、搜索框、语音搜索功能插件、二维码扫描功能插件;
所述第二加载单元,适于在所述实现搜索入口界面的第一类子窗体中加载实现推荐搜索关键字的第二类子窗体。
B26、如B25所述的装置,其中,该装置进一步包括:
应用跳转单元,适于检测所述搜索输入框中输入的字符是否命中移动终端本地的应用的名称,是则在搜索输入框的下拉栏中显示能够跳转到命中的应用的入口。
B27、如B24所述的装置,其中,
所述第一加载单元,适于在所述第二部分中加载一个第一类子窗体,在该第一类子窗体中加载一个Canvas画布,在该Canvas画布中按照预设的排列顺序绘制预设个数的热门网站的图标和名称。
B28、如B27所述的装置,其中,
所述触控单元,进一步适于建立各热门网站的图标和名称的坐标范围与对应URL之间的映射关系,并在检测到一个热门网站的图标或名称的坐标范围内发生触发事件时,根据对应的URL地址打开该热门网站。
B29、如B28所述的装置,其中,
所述触控单元,适于当所述触发事件为点击事件时,在当前窗口中打开该热门网站;并适于当所述触发事件为长按事件时,弹出菜单选项;所述菜单选项中包括在新标签页中打开该热门网站的选项和在后台打开该热门网站的选项。
B30、如B24所述的装置,其中,
所述第一加载单元,进一步适于在实现分类网页入口容器的第一类子窗体上显示一个展开触发按钮,当所述展开触发按钮被触发时,所述分类网页入口容器的大小变大到移动终端的屏幕尺寸。
B31、如B24所述的装置,其中,
所述第二加载单元,适于将各分类网页的Web视图按照预设的分类排列顺序加载到所述容器的对应位置;
所述触控单元,适于当检测到所述容器中的Web视图被点击的事件时,在当前窗口中打开对应的网页;并适于当检测到所述容器中的Web视图被长按的事件时,弹出菜单选项;所述菜单选项中包括在新标签页中打开对应的网页的选项和在后台打开对应的网页的选项。
B32、如B24所述的装置,其中,
所述第三部分中采用HTML5技术。
Claims (30)
1.一种移动终端浏览器中的交互界面生成方法,包括:
在浏览器客户端起始页所在的主窗口中加载至少一个基于用户交互控件的第一类子窗体;
和/或,
在浏览器客户端起始页所在的主窗口中加载至少一个基于Web视图的第二类子窗体;
其中,第一类子窗体中加载有浏览器客户端配置的浏览器功能组件和/或第二类子窗体;第二类子窗体中加载有从服务器侧请求来的网页数据和/或第一子类窗体;
其中,生成的所述交互界面至少存在一个第一类子窗体和一个第二类子窗体;
所述浏览器客户端起始页所在的主窗口由主Activity类实现;
主窗口中加载的每个第一类子窗体由一个对应的Activity类实现;
主窗口中加载的每个第二类子窗体中的加载的内容由一个对应的WebView来显示。
2.如权利要求1所述的方法,其中,第一类子窗体中加载的浏览器功能组件包括:
搜索框、搜索关键字推荐框、地址框、扩展栏、浏览器插件、已关闭网页标签、收藏夹、浏览历史记录、浏览器用户登陆组件、最常访问的网页中的一种或多种。
3.如权利要求1所述的方法,其中,所述从服务器侧请求来的网页数据包括:推荐搜索关键字、浏览器用户登陆后的同步数据、精选内容推荐和网址大全中的一种或多种;
其中,浏览器用户登陆后的同步数据包括:从同一浏览器用户的PC浏览器客户端中同步过来的已关闭网页标签、从同一浏览器用户的PC浏览器客户端中同步过来的浏览器历史记录和从同一浏览器用户的PC浏览器客户端中同步过来的收藏夹数据中的一种或多种。
4.如权利要求1所述的方法,其中,该方法包括:
在第二类子窗体中加载从服务器侧请求来的网页数据时,使用Web视图窗体加载从服务器侧请求来的网页数据,并进行动态渲染和加载;Web视图窗体的大小可调整,以加载更多的网页数据。
5.如权利要求1所述的方法,其中,该方法进一步包括:
在第一类子窗体的用户交互控件上配置对于用户交互控件的触控事件,当用户交互控件被触控时弹出进一步的子处理窗口。
6.如权利要求1所述的方法,其中,所述在浏览器客户端起始页所在的主窗口中加载至少一个基于用户交互控件的第一类子窗体包括:
在浏览器客户端起始页所在的主窗口的指定位置处加载第一类子窗体,在该第一类子窗体中绘制预设个数的热门网站控件;
建立各热门网站控件的坐标范围与对应网站的URL之间的映射关系,并在检测到一个热门网站控件的坐标范围内发生触控事件时,根据对应网站的URL地址打开该热门网站。
7.如权利要求1所述的方法,其中,在浏览器客户端起始页所在的主窗口中加载至少一个基于用户交互控件的第一类子窗体,以及在浏览器客户端起始页所在的主窗口中加载至少一个基于Web视图的第二类子窗体具体包括:
将在浏览器客户端起始页所在的主窗口划分为:第一部分、第二部分和第三部分;其中,
在所述第一部分中加载实现搜索入口界面的第一类子窗体;
在所述第二部分中加载实现热门网站入口界面的第一类子窗体;
在所述第三部分中加载实现分类网页入口容器的第一类子窗体,以及在分类网页入口容器中加载实现分类网页入口界面的第二类子窗体。
8.如权利要求7所述的方法,其中,
在所述实现搜索入口界面的第一类子窗体中加载地址框、搜索框、语音搜索功能插件、二维码扫描功能插件,实现推荐搜索关键字的第二类子窗体。
9.如权利要求8所述的方法,其中,该方法进一步包括:
检测所述搜索输入框中输入的字符是否命中移动终端本地的应用的名称,是则在搜索输入框的下拉栏中显示能够跳转到命中的应用的入口。
10.如权利要求7所述的方法,其中,在所述第二部分中加载实现热门网站入口界面的第一类子窗体包括:
在所述第二部分中加载一个第一类子窗体,在该第一类子窗体中加载一个Canvas画布,在该Canvas画布中按照预设的排列顺序绘制预设个数的热门网站的图标和名称。
11.如权利要求10所述的方法,其中,该方法进一步包括:
建立各热门网站的图标和名称的坐标范围与对应URL之间的映射关系,并在检测到一个热门网站的图标或名称的坐标范围内发生触发事件时,根据对应的URL地址打开该热门网站。
12.如权利要求11所述的方法,其中,所述检测到一个热门网站的图标或名称的坐标范围内发生触发事件时,根据对应的URL地址打开该热门网站包括:
当所述触发事件为点击事件时,在当前窗口中打开该热门网站;
当所述触发事件为长按事件时,弹出菜单选项;所述菜单选项中包括在新标签页中打开该热门网站的选项和在后台打开该热门网站的选项。
13.如权利要求7所述的方法,其中,在所述第三部分中加载实现分类网页入口容器的第一类子窗体进一步包括:
在实现分类网页入口容器的第一类子窗体上显示一个展开触发按钮,当所述展开触发按钮被触发时,所述分类网页入口容器的大小变大到移动终端的屏幕尺寸。
14.如权利要求7所述的方法,其中,在分类网页入口容器中加载实现分类网页入口界面的第二类子窗体包括:
将各分类网页的Web视图按照预设的分类排列顺序加载到所述容器的对应位置;
当检测到所述容器中的Web视图被点击的事件时,在当前窗口中打开对应的网页;
当检测到所述容器中的Web视图被长按的事件时,弹出菜单选项;所述菜单选项中包括在新标签页中打开对应的网页的选项和在后台打开对应的网页的选项。
15.如权利要求7所述的方法,其中,
所述第三部分中采用HTML5技术。
16.一种移动终端浏览器中的交互界面生成装置,包括:
第一加载单元,适于在浏览器客户端起始页所在的主窗口中加载至少一个基于用户交互控件的第一类子窗体;
和/或,
第二加载单元,适于在浏览器客户端起始页所在的主窗口中加载至少一个基于Web视图的第二类子窗体;
其中,第一类子窗体中加载有浏览器客户端配置的浏览器功能组件和/或第二类子窗体;第二类子窗体中加载有从服务器侧请求来的网页数据和/或第一子类窗体;
其中,生成的所述交互界面至少存在一个第一类子窗体和一个第二类子窗体;
所述浏览器客户端起始页所在的主窗口由主Activity类实现;
主窗口中加载的每个第一类子窗体由一个对应的Activity类实现;
主窗口中加载的每个第二类子窗体中的加载的内容由一个对应的WebView来显示。
17.如权利要求16所述的装置,其中,第一类子窗体中加载的浏览器功能组件包括:
搜索框、搜索关键字推荐框、地址框、扩展栏、浏览器插件、已关闭网页标签、收藏夹、浏览历史记录、浏览器用户登陆组件、最常访问的网页中的一种或多种。
18.如权利要求16所述的装置,其中,所述从服务器侧请求来的网页数据包括:推荐搜索关键字、浏览器用户登陆后的同步数据、精选内容推荐和网址大全中的一种或多种;
其中,浏览器用户登陆后的同步数据包括:从同一浏览器用户的PC浏览器客户端中同步过来的已关闭网页标签、从同一浏览器用户的PC浏览器客户端中同步过来的浏览器历史记录和从同一浏览器用户的PC浏览器客户端中同步过来的收藏夹数据中的一种或多种。
19.如权利要求16所述的装置,其中,
所述第二加载单元,适于在第二类子窗体中加载从服务器侧请求来的网页数据时,使用Web视图窗体加载从服务器侧请求来的网页数据,并进行动态渲染和加载;Web视图窗体的大小可调整,以加载更多的网页数据。
20.如权利要求16所述的装置,其中,该装置进一步包括:
触控单元,适于在第一类子窗体的用户交互控件上配置对于用户交互控件的触控事件,当用户交互控件被触控时弹出进一步的子处理窗口。
21.如权利要求16所述的装置,其中,
所述第一加载单元,适于在浏览器客户端起始页所在的主窗口的指定位置处加载第一类子窗体,在该第一类子窗体中绘制预设个数的热门网站控件;
该装置进一步包括:触控单元,适于建立各热门网站控件的坐标范围与对应网站的URL之间的映射关系,并在检测到一个热门网站控件的坐标范围内发生触控事件时,根据对应网站的URL地址打开该热门网站。
22.如权利要求16所述的装置,其中,该装置进一步包括:主窗口划分单元;
所述主窗口划分单元,适于将在浏览器客户端起始页所在的主窗口划分为:第一部分、第二部分和第三部分;
其中,
所述第一加载单元,适于在所述第一部分中加载实现搜索入口界面的第一类子窗体;在所述第二部分中加载实现热门网站入口界面的第一类子窗体;在所述第三部分中加载实现分类网页入口容器的第一类子窗体;
所述第二加载单元,适于在分类网页入口容器中加载实现分类网页入口界面的第二类子窗体。
23.如权利要求22所述的装置,其中,
所述第一加载单元,适于在所述实现搜索入口界面的第一类子窗体中加载地址框、搜索框、语音搜索功能插件、二维码扫描功能插件;
所述第二加载单元,适于在所述实现搜索入口界面的第一类子窗体中加载实现推荐搜索关键字的第二类子窗体。
24.如权利要求23所述的装置,其中,该装置进一步包括:
应用跳转单元,适于检测所述搜索输入框中输入的字符是否命中移动终端本地的应用的名称,是则在搜索输入框的下拉栏中显示能够跳转到命中的应用的入口。
25.如权利要求22所述的装置,其中,
所述第一加载单元,适于在所述第二部分中加载一个第一类子窗体,在该第一类子窗体中加载一个Canvas画布,在该Canvas画布中按照预设的排列顺序绘制预设个数的热门网站的图标和名称。
26.如权利要求25所述的装置,其中,
该装置进一步包括:触控单元,适于建立各热门网站的图标和名称的坐标范围与对应URL之间的映射关系,并在检测到一个热门网站的图标或名称的坐标范围内发生触发事件时,根据对应的URL地址打开该热门网站。
27.如权利要求26所述的装置,其中,
所述触控单元,适于当所述触发事件为点击事件时,在当前窗口中打开该热门网站;并适于当所述触发事件为长按事件时,弹出菜单选项;所述菜单选项中包括在新标签页中打开该热门网站的选项和在后台打开该热门网站的选项。
28.如权利要求22所述的装置,其中,
所述第一加载单元,进一步适于在实现分类网页入口容器的第一类子窗体上显示一个展开触发按钮,当所述展开触发按钮被触发时,所述分类网页入口容器的大小变大到移动终端的屏幕尺寸。
29.如权利要求22所述的装置,其中,
所述第二加载单元,适于将各分类网页的Web视图按照预设的分类排列顺序加载到所述容器的对应位置;
该装置进一步包括:触控单元,适于当检测到所述容器中的Web视图被点击的事件时,在当前窗口中打开对应的网页;并适于当检测到所述容器中的Web视图被长按的事件时,弹出菜单选项;所述菜单选项中包括在新标签页中打开对应的网页的选项和在后台打开对应的网页的选项。
30.如权利要求22所述的装置,其中,
所述第三部分中采用HTML5技术。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410766228.1A CN104461264B (zh) | 2014-12-11 | 2014-12-11 | 一种移动终端浏览器中的交互界面生成方法和装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410766228.1A CN104461264B (zh) | 2014-12-11 | 2014-12-11 | 一种移动终端浏览器中的交互界面生成方法和装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN104461264A CN104461264A (zh) | 2015-03-25 |
CN104461264B true CN104461264B (zh) | 2019-05-28 |
Family
ID=52907410
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201410766228.1A Active CN104461264B (zh) | 2014-12-11 | 2014-12-11 | 一种移动终端浏览器中的交互界面生成方法和装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN104461264B (zh) |
Families Citing this family (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104780209A (zh) * | 2015-04-07 | 2015-07-15 | 北京奇点机智信息技术有限公司 | 一种用于实现分享界面场景的便携式设备、服务器 |
CN104991710A (zh) * | 2015-06-29 | 2015-10-21 | 北京金山安全软件有限公司 | 一种网页视图控制方法及装置 |
CN105653933B (zh) * | 2016-01-06 | 2019-04-30 | 北京京东尚科信息技术有限公司 | 插件加载方法及装置 |
CN107797801A (zh) * | 2017-10-20 | 2018-03-13 | 江苏电力信息技术有限公司 | 一种基于多种移动终端界面的适配方法 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102799368A (zh) * | 2012-06-29 | 2012-11-28 | 广州市动景计算机科技有限公司 | 在触控式浏览器上打开链接的方法及触控式浏览器系统 |
CN103279517A (zh) * | 2013-05-27 | 2013-09-04 | 中山爱科数字科技股份有限公司 | 一种网页内容的展示方法 |
CN103412949A (zh) * | 2013-08-28 | 2013-11-27 | 贝壳网际(北京)安全技术有限公司 | 浏览器导航页面的更新方法、装置和客户端 |
CN103995830A (zh) * | 2014-04-17 | 2014-08-20 | 广东明创软件科技有限公司 | 基于输入法的快速切换应用程序的方法及其移动终端 |
CN104133608A (zh) * | 2014-08-13 | 2014-11-05 | 百度在线网络技术(北京)有限公司 | 新标签页打开方法及装置 |
Family Cites Families (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US8607137B2 (en) * | 2008-07-05 | 2013-12-10 | Exceedland Incorporated | Method and system for enhancing information accessibility via a global communications network |
-
2014
- 2014-12-11 CN CN201410766228.1A patent/CN104461264B/zh active Active
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102799368A (zh) * | 2012-06-29 | 2012-11-28 | 广州市动景计算机科技有限公司 | 在触控式浏览器上打开链接的方法及触控式浏览器系统 |
CN103279517A (zh) * | 2013-05-27 | 2013-09-04 | 中山爱科数字科技股份有限公司 | 一种网页内容的展示方法 |
CN103412949A (zh) * | 2013-08-28 | 2013-11-27 | 贝壳网际(北京)安全技术有限公司 | 浏览器导航页面的更新方法、装置和客户端 |
CN103995830A (zh) * | 2014-04-17 | 2014-08-20 | 广东明创软件科技有限公司 | 基于输入法的快速切换应用程序的方法及其移动终端 |
CN104133608A (zh) * | 2014-08-13 | 2014-11-05 | 百度在线网络技术(北京)有限公司 | 新标签页打开方法及装置 |
Also Published As
Publication number | Publication date |
---|---|
CN104461264A (zh) | 2015-03-25 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN104077387B (zh) | 一种网页内容显示方法和浏览器装置 | |
CN105700800B (zh) | 一种页面信息的操作方法、装置及电子设备 | |
CN104462262B (zh) | 一种实现语音搜索的方法、装置和浏览器客户端 | |
CN111259284B (zh) | 页面懒加载的方法和装置、存储介质和处理器 | |
CN103677823B (zh) | 一种浏览器插件的管理方法和装置 | |
CN104461264B (zh) | 一种移动终端浏览器中的交互界面生成方法和装置 | |
CN104268250A (zh) | 一种网页中视频元素的播放方法和装置 | |
CN104268251A (zh) | 一种网页中视频元素的播放方法和装置 | |
CN106469094A (zh) | 一种文字信息分享方法及移动终端 | |
CN105224657B (zh) | 一种基于搜索引擎的信息推荐方法及电子设备 | |
CN106339436A (zh) | 一种基于图片的购物方法及移动终端 | |
CN104268252A (zh) | 一种网页中视频元素的播放方法和装置 | |
CN111679818A (zh) | 编辑展示软件的方法和系统 | |
US9679081B2 (en) | Navigation control for network clients | |
CN104199985B (zh) | 一种自定义置顶搜索结果的方法和系统、以及搜索服务器 | |
CN108475096A (zh) | 信息显示方法、装置及终端设备 | |
CN104199865B (zh) | 提供内容提供方的定制结果的搜索方法、客户端和系统 | |
CN102999250A (zh) | 通过移动鼠标指针访问显示导航页进行网址导航的方法 | |
WO2013177769A1 (en) | Browser-driven retrieval of content for webpages | |
CN105138702B (zh) | 一种基于搜索引擎的网络搜索方法及电子设备 | |
US20170270215A1 (en) | Navigation control for network clients | |
CN104133905A (zh) | 通过搜索器进行点击取词搜索的系统和方法 | |
KR102044614B1 (ko) | 입력방법 기반의 웹사이트 정보 제공방법 및 장치 | |
US20140006370A1 (en) | Search application for search engine results page | |
CN104199862B (zh) | 基于内容提供方定制的搜索方法、服务器和系统 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant | ||
TR01 | Transfer of patent right |
Effective date of registration: 20220721 Address after: Room 801, 8th floor, No. 104, floors 1-19, building 2, yard 6, Jiuxianqiao Road, Chaoyang District, Beijing 100015 Patentee after: BEIJING QIHOO TECHNOLOGY Co.,Ltd. Address before: 100088 room 112, block D, 28 new street, new street, Xicheng District, Beijing (Desheng Park) Patentee before: BEIJING QIHOO TECHNOLOGY Co.,Ltd. Patentee before: Qizhi software (Beijing) Co.,Ltd. |
|
TR01 | Transfer of patent right |