CN102929599B - 移动终端浏览器界面的修改方法及装置、移动终端 - Google Patents

移动终端浏览器界面的修改方法及装置、移动终端 Download PDF

Info

Publication number
CN102929599B
CN102929599B CN201210364714.1A CN201210364714A CN102929599B CN 102929599 B CN102929599 B CN 102929599B CN 201210364714 A CN201210364714 A CN 201210364714A CN 102929599 B CN102929599 B CN 102929599B
Authority
CN
China
Prior art keywords
interface
browser
subobject
mobile terminal
file
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
Application number
CN201210364714.1A
Other languages
English (en)
Other versions
CN102929599A (zh
Inventor
梁捷
俞永福
何小鹏
朱顺炎
马妙魁
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Alibaba China Co Ltd
Original Assignee
Guangzhou Dongjing Computer Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Guangzhou Dongjing Computer Technology Co Ltd filed Critical Guangzhou Dongjing Computer Technology Co Ltd
Priority to CN201210364714.1A priority Critical patent/CN102929599B/zh
Publication of CN102929599A publication Critical patent/CN102929599A/zh
Application granted granted Critical
Publication of CN102929599B publication Critical patent/CN102929599B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Landscapes

  • Telephone Function (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

本发明提供了一种基于JavaScript的移动终端浏览器界面修改方法,包括:在对所加载的网页中的JS文件解析后得到的解析文件中包含指示需要对移动终端浏览器界面进行修改的指示信息时,浏览器内核从解析文件中获取与移动终端浏览器界面相关的参数信息;浏览器内核调用预先设置的JS接口对象,将所获取的参数信息传送到浏览器外壳或浏览器内核中与JS接口对象绑定的浏览器界面修改模块;以及浏览器界面修改模块利用所获取的参数信息,对移动终端浏览器界面进行修改,其中,JS接口对象具有浏览器界面操作相关函数,并且浏览器界面操作相关函数通过绑定模块与浏览器界面修改模块绑定。利用该方法,使得网页开发者能够通过预先设置的JS接口对象修改浏览器界面。

Description

移动终端浏览器界面的修改方法及装置、移动终端
技术领域
本发明涉及移动通信领域,更为具体地,涉及一种基于JavaScript的移动终端浏览器界面的修改方法及装置,以及具有上述移动终端浏览器界面的修改装置的移动终端。
背景技术
在移动终端浏览器中,移动终端浏览器界面(UI)通常包括右键菜单、皮肤和菜单面板等,如图1A和图1B所示。图1A示出了右键菜单的一个示例,以及图1B示出了菜单面板的一个示例。
通常,移动终端浏览器界面由浏览器默认提供生成。这种浏览器界面的格式比较固定,网页开发者无法更改这些界面中的内容。以右键菜单为例,目前右键菜单都是由浏览器默认生成。当用户长按网页上的某个元素时,浏览器会根据当前选中的节点的类型,弹出不同的菜单项。这些菜单项固定不变,不会根据不同的网站而更换。在这种情况下,开发者无法根据网页定制这些菜单项的内容。因此,现有的这种界面生成方式存在一定的功能局限性。
如果某个网页开发者希望在网页的右键弹出菜单中增加一个菜单项选项,比如“切换至夜间模式”或者“发送当前页面URL”,则由于长按后弹出的菜单项是通用菜单项,这样的修改在现有移动终端浏览器中无法实现。为了实现上述修改,目前通常利用在网页上增加点击按钮的方式来实现,但是按照这种修改所增加的按钮会影响网页的外观和用户体验。由于右键菜单项在长按时才会弹出,因此如果将点击按钮设置为右键菜单项,则并不会影响网页上的显示效果。
因此,为了解决不能修改右键菜单的问题,网页开发者可以屏蔽系统自带的右键菜单,利用JavaScript(下文中简称为JS)创建HTML(超文本标记语言)的DIV(层)元素,生成一个外观与移动终端固有的右键菜单相似的模拟右键菜单,在该模拟右键菜单中,包含网页开发者希望增加的菜单项。然后,利用该模拟右键菜单替换移动终端固有的右键菜单,从而实现上述修改。然而,这种修改的实现方式存在下述问题。
首先,网页开发者需要重新绘制一个完整的右键菜单,不仅需要设计右键菜单的展示效果,还要计算出右键菜单应该出现的区域,从而带来较大的工作量。
其次,网页开发者如果希望使用所生成的模拟右键菜单,那么就必须屏蔽移动终端固有的右键菜单,从而导致移动终端固有的右键菜单无法使用。通常而言,移动终端固有的右键菜单中的这些菜单项对用户而言特别重要,并且由于JS语言没有提供实现固有的右键菜单中的一些菜单项(比如复制图片)的功能的接口,导致这些菜单项无法利用JS实现,从而使得所生成的模拟右键菜单不会包含这些菜单项,由此用户无法使用这些菜单项的功能,例如,无法复制图片。
最后,如果每个想要拥有个性右键菜单项的开发者都自己创建一个模拟右键菜单,也无法为用户提供统一的体验。
随着WbApp(网络应用)的发展,WbApp往右键菜单插入菜单项的需求可能变得非常普遍。例如,某个WbApp想给当前浏览器打开的所有网页的右键菜单增加一项菜单项,以通过这个菜单项调用WbApp提供的功能,比如进入/退出论坛模式。由于现有的移动终端浏览器无法让网页开发者往右键菜单中增加菜单项,并且如果网页开发者重新生成自定义的模拟菜单,那么由于模拟菜单本质上只是一个DIV元素,WbApp无法定位到该模拟菜单。因此,在现有情况下,无法实现WebApp往网页的右键菜单增加菜单项的需求。
同样,对于移动终端浏览器的皮肤和菜单面板,网页开发者也无法控制。网页开发者只能通过改变网页的样式及风格,使得当前的网页呈现出不同的皮肤,而移动终端浏览器的UI并不能因此而改变。如果网页的内容是跟圣诞节相关的,用户一旦打开这个网页就使得浏览器更换一套圣诞或者冬天的皮肤,这样会给用户带来更好的浏览体验。然而,在现有情况下,这是无法实现的。
发明内容
鉴于上述问题,本发明的一个目的是提供一种基于JavaScript的移动终端浏览器界面修改方法,该方法能够使得网页开发者通过预先设置的JS接口对象修改浏览器界面。
本发明的另一目的是提供一种基于JavaScript的移动终端浏览器界面修改装置以及具有上述界面修改装置的移动终端。
根据本发明的一个方面,提供了一种基于JavaScript的移动终端浏览器界面修改方法,包括:在对所加载的网页中的JS文件进行解析后得到的解析文件中包含指示需要对移动终端浏览器界面进行修改的指示信息时,浏览器内核从该解析文件中获取与移动终端浏览器界面相关的参数信息;浏览器内核调用预先设置的JS接口对象,将所获取的参数信息传送到浏览器外壳或浏览器内核中与该JS接口对象绑定的浏览器界面修改模块;以及所述浏览器外壳或浏览器内核中绑定的浏览器界面修改模块利用所获取的参数信息,对移动终端浏览器界面进行修改,其中,所述JS接口对象具有浏览器界面操作相关函数,并且该浏览器界面操作相关函数通过浏览器内核中的绑定模块与浏览器外壳或浏览器内核中的对应浏览器界面修改模块绑定。
在上述方面的一个或多个示例中,所述预先设置的JS接口对象包括多个接口子对象,每个JS接口子对象具有浏览器界面操作相关函数,并且该浏览器界面操作相关函数通过浏览器内核中的绑定模块与浏览器外壳或浏览器内核中的对应浏览器界面修改模块绑定,并且,所述方法还包括:在解析文件中包含指示需要对移动终端浏览器界面进行修改的指示信息后,浏览器内核还从该解析文件中获取JS接口子对象索引信息,以及浏览器内核调用预先设置的JS接口对象,将所获取的参数信息传送到浏览器外壳或浏览器内核中与该JS接口对象绑定的浏览器界面修改模块包括:浏览器内核根据所获取的JS接口子对象索引信息,从JS接口对象的多个JS接口子对象中选择对应的JS接口子对象;以及调用所选择的JS接口子对象,将所获取的参数信息传送到浏览器外壳或浏览器内核中与该JS接口子对象绑定的浏览器界面修改模块。
在上述方面的一个或多个示例中,所述接口子对象包括与皮肤更换相关的接口子对象,与右键菜单相关的接口子对象和/或与菜单面板相关的接口子对象。
在上述方面的一个或多个示例中,在所述接口子对象是与皮肤更换相关的接口子对象时,从解析文件中获取的参数信息包括皮肤样式索引信息,该皮肤样式索引信息用于指示移动终端中存储的皮肤样式的索引,并且所获取的参数信息被传送到浏览器内核或浏览器外壳中与该JS接口子对象绑定的浏览器界面修改模块。
在上述方面的一个或多个示例中,所述与右键菜单相关的接口子对象包括与删除右键菜单的菜单选项相关的接口子对象和/或与增加右键菜单选项相关的接口子对象,在所述接口子对象是与删除右键菜单的菜单选项相关的接口子对象时,从解析文件中获取的参数信息包括要被删除的菜单的索引号,和/或在所述接口子对象是与增加右键菜单选项相关的接口子对象时,从解析文件中获取的参数信息包括要被增加的菜单的索引号、要被增加的菜单的提示文字以及点击时的回调函数名称,所述回调函数在JS文件中实现,用于调用菜单操作的触发函数,并且所获取的参数信息被传送到浏览器内核或浏览器外壳中与该JS接口子对象绑定的浏览器界面修改模块。
在上述方面的一个或多个示例中,所述与菜单面板相关的接口子对象包括与删除菜单面板相关的接口子对象和/或与增加菜单面板选项相关的接口子对象,在所述接口子对象是与删除菜单面板的菜单选项相关的接口子对象时,从解析文件中获取的参数信息包括要被删除的菜单面板的索引号,在所述接口子对象是与增加菜单面板选项相关的接口子对象时,从解析文件中获取的参数信息包括菜单面板类型,菜单面板号,菜单面板索引号,菜单面板图标URL、菜单面板图标提示文字以及点击时的回调函数名称,所述回调函数在JS文件中实现,用于调用菜单操作的触发函数,并且所获取的参数信息被传送到浏览器内核或浏览器外壳中与该JS接口子对象绑定的浏览器界面修改模块。
在上述方面的一个或多个示例中,在浏览器内核从该解析文件中获取与移动终端浏览器界面相关的参数信息之前,所述方法包括:对加载到移动终端浏览器上的网页的JS文件进行解析;以及判断解析后得到的解析文件中是否包含指示需要对移动终端浏览器界面进行修改的指示信息。
根据本发明的另一方面,提供了一种基于JavaScript的移动终端浏览器界面修改装置,包括:信息获取单元,用于在对所加载的网页中的JS文件进行解析后得到的解析文件中包含指示需要对移动终端浏览器界面进行修改的指示信息时,从该解析文件中获取与移动终端浏览器界面相关的参数信息;调用单元,用于调用预先设置的JS接口对象,将所获取的参数信息传送到浏览器外壳或浏览器内核中与该JS接口对象绑定的浏览器界面修改单元;以及浏览器界面修改单元,用于利用所获取的参数信息,对移动终端浏览器界面进行修改,其中,所述JS接口对象具有浏览器界面操作相关函数,并且该浏览器界面操作相关函数通过浏览器内核中的绑定模块与浏览器外壳或浏览器内核中的对应浏览器界面修改模块绑定。
在上述方面的一个或多个示例中,所述预先设置的JS接口对象包括多个接口子对象,每个JS接口子对象具有浏览器界面操作相关函数,并且该浏览器界面操作相关函数通过浏览器内核中的绑定模块与浏览器外壳或浏览器内核中的对应浏览器界面修改模块绑定,其中,所述信息获取单元还被配置为:在解析文件中包含指示需要对移动终端浏览器界面进行修改的指示信息后,从该解析文件中获取JS接口子对象索引信息,以及所述调用单元包括:选择模块,用于根据所获取的JS接口子对象索引信息,从JS接口对象的多个JS接口子对象中选择对应的JS接口子对象;以及接口子对象调用模块,用于调用所选择的JS接口子对象,将所获取的参数信息传送到浏览器外壳或浏览器内核中与该JS接口子对象绑定的浏览器界面修改模块。
在上述方面的一个或多个示例中,所述移动终端浏览器修改装置还可以包括:解析单元,用于对加载到移动终端浏览器上的网页的JS文件进行解析;以及判断单元,用于判断解析后得到的解析文件中是否包含指示需要对移动终端浏览器界面进行修改的指示信息。
根据本发明的另一方面,提供了一种移动终端,包括如上所述的移动终端浏览器修改装置。
利用根据本发明的移动终端浏览器修改装置,可以通过为网页开发者提供额外的JS接口对象,使得网页开发者能够利用这些接口修改浏览器UI,从而提高用户的浏览体验。
此外,利用根据本发明的移动终端浏览器修改装置,可以使得Webapp能利对右键菜单或者菜单面板进行修改,以达到使用Webapp功能的效果。
为了实现上述以及相关目的,本发明的一个或多个方面包括后面将详细说明并在权利要求中特别指出的特征。下面的说明以及附图详细说明了本发明的某些示例性方面。然而,这些方面指示的仅仅是可使用本发明的原理的各种方式中的一些方式。此外,本发明旨在包括所有这些方面以及它们的等同物。
附图说明
根据下述参照附图进行的详细描述,本发明的上述和其他目的、特征和优点将变得更加显而易见。在附图中:
图1A示出了右键菜单的一个示例;
图1B示出了菜单面板的一个示例;
图2示出根据本发明的JS接口对象的设置过程的流程图;
图3示出了根据本发明的第一实施例的基于JavaScript的移动终端浏览器界面修改方法的流程图;
图4示出了在所增加的菜单项或菜单面板被点击时进行的处理流程图;
图5示出了根据本发明的第一实施例的基于JavaScript的移动终端浏览器界面修改装置的方框示意图;
图6示出了根据本发明的第二实施例的基于JavaScript的移动终端浏览器界面修改方法的流程图;
图7示出了根据本发明的第二实施例的基于JavaScript的移动终端浏览器界面修改装置的方框示意图;
图8示出了根据本发明的移动终端浏览器界面修改处理后的效果图;和
图9示出了具有根据本发明的移动终端浏览器界面修改装置的移动终端的方框示意图。
在所有附图中相同的标号指示相似或相应的特征或功能。
具体实施方式
下面描述本公开的各个方面。应该明白的是,本文的教导可以以多种多样形式具体体现,并且在本文中公开的任何具体结构、功能或两者仅仅是代表性的。基于本文的教导,本领域技术人员应该明白的是,本文所公开的一个方面可以独立于任何其它方面实现,并且这些方面中的两个或多个方面可以按照各种方式组合。例如,可以使用本文所阐述的任何数目的方面,实现装置或实践方法。另外,可以使用其它结构、功能、或除了本文所阐述的一个或多个方面之外或不是本文所阐述的一个或多个方面的结构和功能,实现这种装置或实践这种方法。此外,本文所描述的任何方面可以包括权利要求的至少一个元素。
在对本发明的实施例进行描述之前,首先对本发明中涉及的几个概念进行简要说明。
术语“浏览器内核”是指浏览器中负责对网页进行加载、显示以及执行JS函数的功能部分。浏览器内核是浏览器的核心部分,它包含JS引擎以及排版渲染引擎。
术语“JS前端”是指网页中的JS代码,即,网页中包含的JS文件。
术语“JS引擎”是指浏览器内核中的与JS函数执行相关的模块。
术语“浏览器外壳”是指浏览器中与用户界面展示相关的功能部分。
术语“触发函数”是指用于触发菜单选项中指示的菜单操作的处理函数。
在本发明的技术方案中,首先,在本地浏览器客户端中预先设置一个JS接口对象,例如ucweb.ui。然后,网页开发者在进行网页编写时,在网页代码中增加一个与浏览器界面相关的JS文件。这样,在加载网页时,通过解析该与浏览器界面相关的JS文件,仅仅通过调用预先实现的与该JS文件对应的JS接口对象,就能达到修改UI的目的。也就是说,网页开发者可以通过使用预先实现的JS接口对象,修改移动终端浏览器自带的右键菜单、修改皮肤以及修改菜单面板等,比如更换皮肤、增加或删除右键菜单、菜单面板中的选项。
图2示出根据本发明的JS接口对象的设置过程的流程图。
如图2所示,在步骤S210,在浏览器内核的JS引擎中创建一个JS接口对象,比如创建内置在浏览器内核中的JS接口对象“ucweb.ui”。如果用户希望利用该JS接口对象进行一个或多个浏览器界面修改操作,则在步骤S220,为该JS接口对象添加多个JS接口子对象。并且,在步骤S230,为每个JS接口子对象添加JS操作函数(即,浏览器界面操作相关函数)和函数参数。例如,假设一个JS接口子对象对应的操作是在右键菜单中增加一个菜单项,则为该JS接口子对象添加JS操作函数“createContextMenuItem”,该JS操作函数的参数包括要被增加的菜单的索引号、菜单项的提示文字以及点击时回调的函数名称。假设另一个JS接口子对象对应的操作是删除右键菜单中的菜单项,则为该JS接口子对象添加JS操作函数“clearContextMenu”,该JS操作函数的参数包括要被删除的菜单的索引号。这两个函数都能利用JS代码,通过层层调用,最终达到改变浏览器外壳右键菜单的效果。此外,在本发明的另一示例中,如果用户希望利用该JS接口对象进行单个浏览器界面修改操作,则也可以跳过步骤S220,并且在步骤S230中,为JS接口对象添加JS操作函数和函数参数。
接着,在步骤S240,在浏览器内核中实现所添加的JS操作函数,所述JS操作函数的实现是指在浏览器内核中增加对JS操作函数的识别,以及当这些JS操作函数被调用时进行响应。然后,在步骤S250,通过浏览器内核中的绑定模块,将所实现的JS操作函数绑定到浏览器内核或浏览器外壳中的与界面相关的处理模块,该处理模块能够支持通过JS函数进行的浏览器界面修改。由此,完成本地浏览器客户端中的JS接口对象的实现过程。
下面将参照附图对本发明的实施例进行描述。
第一实施例
图3示出了根据本发明的第一实施例的基于JavaScript的移动终端浏览器界面修改方法的流程图。
在根据本发明的基于JavaScript的移动终端浏览器界面修改方法进行浏览器界面修改,需要如上参照图2所述,在移动终端浏览器客户端中预先设置JS接口对象。
在预先设置JS接口对象后,在用户通过浏览器打开希望浏览的网页时,如图3所示,在步骤S310,对加载到移动终端浏览器上的网页的JS文件进行解析。也就是说,对网页中包含的各个JS文件的JS代码逐个进行解析。
对于一个JS文件,在对JS代码的解析完成后,在步骤S320,判断解析后得到的解析文件中是否存在指示需要对移动终端浏览器界面进行修改的指示信息。所述指示信息例如是指示解析文件里是否使用与浏览器界面操作相关的函数(例如createContextMenuItem)的信息。
在判断出解析文件中不存在需要对移动终端浏览器界面进行修改的指示信息后,在步骤S330,保持浏览器界面不变,并且根据该解析文件进行渲染显示。
如果判断出解析文件中存在需要对移动终端浏览器界面进行修改的指示信息,则认为该JS文件是用户增加的用于进行浏览器界面修改的JS文件,接着,在步骤S340,从解析文件中获取与浏览器界面相关的参数信息。
例如,在所述JS接口对象是与皮肤更换相关的接口对象时,从解析文件中获取的参数信息包括皮肤样式索引信息,该皮肤样式索引信息用于指示移动终端中存储的皮肤样式的索引值。
在所述JS接口对象是与右键菜单相关的接口对象时,从解析文件中获取与右键菜单相关的参数信息。比如,在所述接口对象是与删除右键菜单的菜单选项相关的接口对象时,从解析文件中获取的参数信息包括要被删除的菜单的索引号。在所述接口对象是与增加右键菜单选项相关的接口对象时,从解析文件中获取的参数信息包括要被增加的菜单的索引号、要被增加的菜单的提示文字以及点击时的回调函数名称,所述回调函数在JS文件中实现,用于调用菜单操作的触发函数,该触发函数能够触发菜单选项中指示的菜单操作。
在所述JS接口对象是与菜单面板相关的接口对象时,从解析文件中获取与菜单面板相关的参数信息。比如,在所述接口对象是与删除菜单面板的菜单选项相关的接口对象时,从解析文件中获取的参数信息包括要被删除的菜单面板的索引号。在所述接口对象是与增加菜单面板选项相关的接口对象时,从解析文件中获取的参数信息包括菜单面板类型,菜单面板号,菜单面板索引号,菜单面板图标URL、菜单面板图标提示文字以及点击时的回调函数名称,所述回调函数在JS文件中实现,用于调用菜单操作的触发函数,该触发函数能够触发菜单选项中指示的菜单操作。
在如上获取参数信息后,在步骤S350,调用预先设置的JS接口对象,将所获取的参数信息传送到浏览器内核中的与该JS接口对象绑定的浏览器界面修改模块或浏览器外壳中的与该JS接口对象绑定的浏览器界面修改模块。例如,在JS接口对象是与皮肤更换相关的JS接口对象时,将参数信息(即,皮肤样式索引值)传送到浏览器内核或浏览器外壳中的用于绘制皮肤的处理模块(即,浏览器界面修改模块)。在JS接口对象是与右键菜单或菜单面板相关的JS接口对象时,将参数信息传送到浏览器内核或浏览器外壳中的对应处理模块(即,浏览器界面修改模块)。
然后,在步骤S360,浏览器内核或浏览器外壳中的对应浏览器界面修改模块利用所获取的参数信息,对移动终端浏览器界面进行修改,比如根据所获取的皮肤样式索引信息更换皮肤,根据要被删除的菜单的索引号删除右键菜单中的菜单选项,或者根据要被删除的菜单面板的索引号删除菜单面板中的菜单选项。
如上参照图3描述了根据本发明的移动终端浏览器修改过程。在完成上述修改后,如果用户希望使用所增加的菜单栏或菜单面板中的菜单项,则可以通过点击该增加的菜单项,利用JS文件中的JS函数调用相关的触发函数来进行对应的菜单操作。
图4示出了在进行上述修改后的右键菜单或菜单面板被点击时进行的处理流程图。
如图4所示,当右键菜单或菜单面板中的菜单选项被点击后,即,浏览器外壳检测到菜单选项被点击后,在步骤S410,判断被点击的菜单选项(点击项)是否是由JS生成的。如果该菜单选项不是由JS生成的,则在步骤S430,按照移动终端浏览器中的固有方式进行操作(即,正常操作)。
如果该菜单选项是由JS生成,则在步骤S420,获取点击项的类型、索引值和回调函数名,所述点击项的类型比如是右键菜单或菜单面板。然后,在步骤S440,基于所获取的回调函数名,调用对应的回调函数,并且在步骤S450根据所获取的点击项的类型、索引值查找对应的触发函数。具体地,由于浏览器内部记录有由类型和索引值到触发函数的映射,因此在进行查找时,将所获取的点击项类型和索引值与该映射中的每一项进行对比,匹配出对应项,然后通过对应项获取正确的触发函数。
在查找到对应的触发函数后,在步骤S460,触发所查找到的触发函数来进行对应的菜单操作。
图5示出了根据本发明的第一实施例的基于JavaScript的移动终端浏览器界面修改装置500的方框示意图。
如图5所示,移动终端浏览器界面修改装置500包括信息获取单元530、调用540和浏览器界面修改单元550。
信息获取单元530用于在对所加载的网页中的JS文件进行解析后得到的解析文件中包含指示需要对移动终端浏览器界面进行修改的指示信息时,从该解析文件中获取与移动终端浏览器界面相关的参数信息。
调用单元540用于调用预先设置的JS接口对象,将所获取的参数信息传送到浏览器外壳或浏览器内核中与该JS接口对象绑定的浏览器界面修改单元,其中,所述JS接口对象具有浏览器界面操作相关函数,并且该浏览器界面操作相关函数通过浏览器内核中的绑定模块与浏览器外壳或浏览器内核中的对应浏览器界面修改模块绑定。
浏览器界面修改单元550用于利用所获取的参数信息,对移动终端浏览器界面进行修改,从而完成移动终端浏览器的界面修改。
移动终端浏览器界面修改装置500还可以包括解析单元510和判断单元520。解析单元510用于对加载到移动终端浏览器上的网页的JS文件进行解析。判断单元520用于判断解析后得到的解析文件中是否包含指示需要对移动终端浏览器界面进行修改的指示信息。
虽然图5中的移动终端浏览器界面修改装置500被示出为包括解析单元510和判断单元520,但是在本发明的另一示例中,移动终端浏览器界面修改装置500也可以不包括解析单元510和判断单元520。
根据本实施例的移动终端浏览器界面修改方法,可以通过为网页开发者提供额外的JS接口对象,使得网页开发者能够利用这些接口修改浏览器UI,从而提高用户的浏览体验。
此外,利用根据本发明的移动终端浏览器修改方法,可以使得Webapp能利对右键菜单或者菜单面板进行修改,以达到使用Webapp功能的效果。
第二实施例
图6示出了根据本发明的第二实施例的基于JavaScript的移动终端浏览器界面修改方法的流程图。
图6中所示的第二实施例是图3中示出的第一实施例的修改实施例。图6中所针对的是利用单个JS接口对象实现多个移动终端浏览器界面修改操作,而图3中所针对的是利用单个JS接口对象实现单个移动终端浏览器界面修改操作。在这种情况下,图6中的JS接口对象包含多个JS接口子对象,所述接口子对象例如包括与皮肤更换相关的接口子对象,与右键菜单相关的接口子对象和/或与菜单面板相关的接口子对象。通过比较图3和图6可知,图6中的步骤S610、S620、S630和S670分别与图3中的步骤S310、S320、S330和S360相同。为了避免重复,在此对其不再进行描述。
如图6所示,在步骤S620中判断为存在指示进行移动终端浏览器界面修改的指示信息后,在步骤S640中,从解析文件中获取与移动终端浏览器界面相关的参数信息以及JS接口子对象索引信息,包括:
1)在所述接口子对象是与皮肤更换相关的接口子对象时,从解析文件中获取的参数信息包括皮肤样式索引信息,该皮肤样式索引信息用于指示移动终端中存储的皮肤样式的索引值。
2)在所述JS接口对象是与右键菜单相关的接口子对象时,从解析文件中获取与右键菜单相关的参数信息。其中:
在所述接口子对象是与删除右键菜单的菜单选项相关的接口子对象时,从解析文件中获取的参数信息包括要被删除的菜单的索引号。在所述接口子对象是与增加右键菜单选项相关的接口子对象时,从解析文件中获取的参数信息包括要被增加的菜单的索引号、要被增加的菜单的提示文字以及点击时的回调函数名称,所述回调函数在JS文件中实现,用于调用菜单操作的触发函数,该触发函数能够触发菜单选项中指示的菜单操作。
3)在所述接口子对象是与删除菜单面板的菜单选项相关的接口子对象时,从解析文件中获取的参数信息包括要被删除的菜单面板的索引号。在所述接口子对象是与增加菜单面板选项相关的接口子对象时,从解析文件中获取的参数信息包括菜单面板类型,菜单面板号,菜单面板索引号,菜单面板图标URL、菜单面板图标提示文字以及点击时的回调函数名称,所述回调函数在JS文件中实现,用于调用菜单操作的触发函数,该触发函数能够触发菜单选项中指示的菜单操作。
在如上获取参数信息和JS接口子对象索引信息(例如,索引值)后,在步骤S650,基于该JS接口子对象索引信息,从多个JS接口子对象中选择与该JS接口子对象索引信息对应的JS接口子对象。然后,在步骤S660,调用所选择的JS接口子对象,将所获取的参数信息传送到浏览器外壳或浏览器内核中与该JS接口子对象绑定的浏览器界面修改模块。随后,在步骤S670中,该浏览器界面修改模块利用该参数信息进行移动终端浏览器界面修改。
图7示出了根据本发明的第二实施例的基于JavaScript的移动终端浏览器界面修改装置700的方框示意图。
图7与图5的不同之处在于信息获取单元730和调用单元740。解析单元710、判断单元720和浏览器界面修改单元750分别与解析单元510、判断单元520和浏览器界面修改单元550相同。在此仅仅对信息获取单元730和调用单元740进行描述。
在解析后的JS文件中包含指示需要对移动终端浏览器界面进行修改的指示信息后,除了从解析文件中获取与移动终端浏览器界面相关的参数信息之外,信息获取单元730还被配置为从该解析后的JS文件中获取JS接口子对象索引信息。
所述调用单元740包括选择模块741和接口子对象调用模块743。选择模块741用于根据所获取的JS接口子对象索引信息,从JS接口对象的多个JS接口子对象中选择对应的JS接口子对象。接口子对象调用模块743用于调用所选择的JS接口子对象,将所获取的参数信息传送到浏览器外壳或浏览器内核中与该JS接口子对象绑定的浏览器界面修改模块。
如上参照图6和图7描述了根据本发明的第二实施例的移动终端浏览器界面修改方法和装置。利用上述移动终端浏览器界面修改方法和装置,同样可以实现根据第一实施例的移动终端浏览器界面修改方法和装置所实现的技术效果。
图8示出了利用根据本发明的移动终端浏览器界面修改后的效果图。在图8中,利用方框限定出的两个按钮由JS生成,在点击后进行翻页操作。从图8中可以看出,修改后的浏览器界面与当前网页非常好地融合在一起,从而提高了用户的浏览体验。
图9示出了根据本发明的移动终端10的方框示意图。如图9所示,移动终端10包括图5中所示的移动终端浏览器界面修改装置500或者移动终端浏览器界面修改装置700。此外,移动终端10中所示的移动终端浏览器界面修改装置也可以包括图5中所示的移动终端浏览器界面修改装置500或者移动终端浏览器界面修改装置700的各种变型。
此外,典型地,本发明所述的移动终端可为各种手持终端设备,例如手机、个人数字助理(PDA)等,因此本发明的保护范围不应限定为某种特定类型的移动终端。
此外,根据本发明的方法还可以被实现为由CPU执行的计算机程序。在该计算机程序被CPU执行时,执行本发明的方法中限定的上述功能。
此外,上述方法步骤以及系统单元也可以利用控制器以及用于存储使得控制器实现上述步骤或单元功能的计算机程序的计算机可读存储设备实现。
此外,应该明白的是,本文所述的计算机可读存储设备(例如,存储器)可以是易失性存储器或非易失性存储器,或者可以包括易失性存储器和非易失性存储器两者。作为例子而非限制性的,非易失性存储器可以包括只读存储器(ROM)、可编程ROM(PROM)、电可编程ROM(EPROM)、电可擦写可编程ROM(EEPROM)或快闪存储器。易失性存储器可以包括随机存取存储器(RAM),该RAM可以充当外部高速缓存存储器。作为例子而非限制性的,RAM可以以多种形式获得,比如同步RAM(DRAM)、动态RAM(DRAM)、同步DRAM(SDRAM)、双数据速率SDRAM(DDRSDRAM)、增强SDRAM(ESDRAM)、同步链路DRAM(SLDRAM)以及直接RambusRAM(DRRAM)。所公开的方面的存储设备意在包括但不限于这些和其它合适类型的存储器。
本领域技术人员还将明白的是,结合这里的公开所描述的各种示例性逻辑块、模块、电路和算法步骤可以被实现为电子硬件、计算机软件或两者的组合。为了清楚地说明硬件和软件的这种可互换性,已经就各种示意性组件、方块、模块、电路和步骤的功能对其进行了一般性的描述。这种功能是被实现为软件还是被实现为硬件取决于具体应用以及施加给整个系统的设计约束。本领域技术人员可以针对每种具体应用以各种方式来实现所述的功能,但是这种实现决定不应被解释为导致脱离本发明的范围。
尽管前面公开的内容示出了本发明的示例性实施例,但是应当注意,在不背离权利要求限定的本发明的范围的前提下,可以进行多种改变和修改。根据这里描述的发明实施例的方法权利要求的功能、步骤和/或动作不需以任何特定顺序执行。此外,尽管本发明的元素可以以个体形式描述或要求,但是也可以设想多个,除非明确限制为单数。
虽然如上参照图描述了根据本发明的各个实施例进行了描述,但是本领域技术人员应当理解,对上述本发明所提出的各个实施例,还可以在不脱离本发明内容的基础上做出各种改进。因此,本发明的保护范围应当由所附的权利要求书的内容确定。

Claims (10)

1.一种基于JavaScript的移动终端浏览器界面修改方法,包括:
在对所加载的网页中的JS文件进行解析后得到的解析文件中包含指示需要对移动终端浏览器界面进行修改的指示信息时,浏览器内核从该解析文件中获取与移动终端浏览器界面相关的参数信息;其中,所述指示信息是指所述解析文件中使用了移动终端浏览器界面操作相关函数的信息;
浏览器内核调用预先设置的JS接口对象,将所获取的参数信息传送到浏览器外壳或浏览器内核中与该JS接口对象绑定的浏览器界面修改模块;以及
所述浏览器外壳或浏览器内核中绑定的浏览器界面修改模块利用所获取的参数信息,对移动终端浏览器界面进行修改,
其中,所述JS接口对象内置在浏览器内核中,包括多个接口子对象,每个接口子对象具有浏览器界面操作相关函数,并且该浏览器界面操作相关函数通过浏览器内核中的绑定模块与浏览器外壳或浏览器内核中的对应浏览器界面修改模块绑定,所述接口子对象包括与皮肤更换相关的接口子对象,与右键菜单相关的接口子对象和/或与菜单面板相关的接口子对象。
2.如权利要求1所述的移动终端浏览器界面修改方法,其中,所述方法还包括:
在解析文件中包含指示需要对移动终端浏览器界面进行修改的指示信息后,浏览器内核还从该解析文件中获取JS接口子对象索引信息,以及
浏览器内核调用预先设置的JS接口对象,将所获取的参数信息传送到浏览器外壳或浏览器内核中与该JS接口对象绑定的浏览器界面修改模块包括:
浏览器内核根据所获取的JS接口子对象索引信息,从JS接口对象的多个JS接口子对象中选择对应的JS接口子对象;以及
调用所选择的JS接口子对象,将所获取的参数信息传送到浏览器外壳或浏览器内核中与该JS接口子对象绑定的浏览器界面修改模块。
3.如权利要求2所述的移动终端浏览器界面修改方法,其中,在所述接口子对象是与皮肤更换相关的接口子对象时,从解析文件中获取的参数信息包括皮肤样式索引信息,该皮肤样式索引信息用于指示移动终端中存储的皮肤样式的索引,并且所获取的参数信息被传送到浏览器内核或浏览器外壳中与该JS接口子对象绑定的浏览器界面修改模块。
4.如权利要求2所述的移动终端浏览器界面修改方法,其中,所述与右键菜单相关的接口子对象包括与删除右键菜单的菜单选项相关的接口子对象和/或与增加右键菜单选项相关的接口子对象,
在所述接口子对象是与删除右键菜单的菜单选项相关的接口子对象时,从解析文件中获取的参数信息包括要被删除的菜单的索引号,和/或
在所述接口子对象是与增加右键菜单选项相关的接口子对象时,从解析文件中获取的参数信息包括要被增加的菜单的索引号、要被增加的菜单的提示文字以及点击时的回调函数名称,所述回调函数在JS文件中实现,用于调用菜单操作的触发函数,并且所获取的参数信息被传送到浏览器内核或浏览器外壳中与该JS接口子对象绑定的浏览器界面修改模块。
5.如权利要求2所述的移动终端浏览器界面修改方法,其中,所述与菜单面板相关的接口子对象包括与删除菜单面板相关的接口子对象和/或与增加菜单面板选项相关的接口子对象,
在所述接口子对象是与删除菜单面板的菜单选项相关的接口子对象时,从解析文件中获取的参数信息包括要被删除的菜单面板的索引号,和/或
在所述接口子对象是与增加菜单面板选项相关的接口子对象时,从解析文件中获取的参数信息包括菜单面板类型,菜单面板号,菜单面板索引号,菜单面板图标URL、菜单面板图标提示文字以及点击时的回调函数名称,所述回调函数在JS文件中实现,用于调用菜单操作的触发函数,并且所获取的参数信息被传送到浏览器内核或浏览器外壳中与该JS接口子对象绑定的浏览器界面修改模块。
6.如权利要求1所述的移动终端浏览器界面修改方法,其中,在浏览器内核从该解析文件中获取与移动终端浏览器界面相关的参数信息之前,所述方法包括:
对加载到移动终端浏览器上的网页的JS文件进行解析;以及
判断解析后得到的解析文件中是否包含指示需要对移动终端浏览器界面进行修改的指示信息。
7.一种基于JavaScript的移动终端浏览器界面修改装置,包括:
信息获取单元,用于在对所加载的网页中的JS文件进行解析后得到的解析文件中包含指示需要对移动终端浏览器界面进行修改的指示信息时,从该解析文件中获取与移动终端浏览器界面相关的参数信息;其中,所述指示信息是指所述解析文件中使用了移动终端浏览器界面操作相关函数的信息;
调用单元,用于调用预先设置的JS接口对象,将所获取的参数信息传送到浏览器外壳或浏览器内核中与该JS接口对象绑定的浏览器界面修改单元;以及
浏览器界面修改单元,用于利用所获取的参数信息,对移动终端浏览器界面进行修改,
其中,所述JS接口对象内置在浏览器内核中,包括多个接口子对象,每个接口子对象具有浏览器界面操作相关函数,并且该浏览器界面操作相关函数通过浏览器内核中的绑定模块与浏览器外壳或浏览器内核中的对应浏览器界面修改模块绑定,所述接口子对象包括与皮肤更换相关的接口子对象,与右键菜单相关的接口子对象和/或与菜单面板相关的接口子对象。
8.如权利要求7所述的移动终端浏览器界面修改装置,其中,所述信息获取单元还被配置为:在解析后的JS文件中包含指示需要对移动终端浏览器界面进行修改的指示信息后,从该解析后的JS文件中获取JS接口子对象索引信息,以及
所述调用单元包括:
选择模块,用于根据所获取的JS接口子对象索引信息,从JS接口对象的多个JS接口子对象中选择对应的JS接口子对象;以及
接口子对象调用模块,用于调用所选择的JS接口子对象,将所获取的参数信息传送到浏览器外壳或浏览器内核中与该JS接口子对象绑定的浏览器界面修改模块。
9.如权利要求7所述的移动终端浏览器界面修改装置,还包括:
解析单元,用于对加载到移动终端浏览器上的网页的JS文件进行解析;以及
判断单元,用于判断解析后得到的解析文件中是否包含指示需要对移动终端浏览器界面进行修改的指示信息。
10.一种移动终端,包括如权利要求7到9中任何一个所述的移动终端浏览器界面修改装置。
CN201210364714.1A 2012-09-26 2012-09-26 移动终端浏览器界面的修改方法及装置、移动终端 Active CN102929599B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201210364714.1A CN102929599B (zh) 2012-09-26 2012-09-26 移动终端浏览器界面的修改方法及装置、移动终端

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201210364714.1A CN102929599B (zh) 2012-09-26 2012-09-26 移动终端浏览器界面的修改方法及装置、移动终端

Publications (2)

Publication Number Publication Date
CN102929599A CN102929599A (zh) 2013-02-13
CN102929599B true CN102929599B (zh) 2015-12-02

Family

ID=47644412

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201210364714.1A Active CN102929599B (zh) 2012-09-26 2012-09-26 移动终端浏览器界面的修改方法及装置、移动终端

Country Status (1)

Country Link
CN (1) CN102929599B (zh)

Families Citing this family (15)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103327194A (zh) * 2013-06-18 2013-09-25 广东欧珀移动通信有限公司 浏览器皮肤亮度的模式切换方法及装置
CN103309996A (zh) * 2013-06-21 2013-09-18 宇龙计算机通信科技(深圳)有限公司 网页内容处理的方法及装置
CN103412748B (zh) * 2013-07-25 2017-12-12 深圳Tcl新技术有限公司 嵌入式平台的用户界面的显示控制方法、装置及系统
CN104375849B (zh) * 2013-08-15 2019-01-11 腾讯科技(深圳)有限公司 加载内核的方法及装置
CN105335037A (zh) * 2014-07-07 2016-02-17 北京畅游天下网络技术有限公司 移动浏览器窗口的方法
CN105279195B (zh) * 2014-07-23 2019-11-26 腾讯科技(深圳)有限公司 网页应用调用浏览器功能的方法及装置
CN104267972B (zh) * 2014-10-20 2018-02-13 中国科学院声学研究所 浏览器本地接口扩展方法及装置
CN106682960B (zh) * 2016-12-20 2020-10-13 深圳市创想天空科技股份有限公司 着陆页的生成方法及装置
CN106959902A (zh) * 2017-03-31 2017-07-18 山东超越数控电子有限公司 一种完成js到java层通讯的实现方法及应用
CN108614886B (zh) * 2018-05-03 2021-10-15 北京云站科技有限公司 一种网站主题的生成方法及装置
CN109658250B (zh) * 2018-12-29 2021-11-12 深圳源中瑞科技有限公司 一种基于网页的股票交易k线处理方法和存储介质
CN109901764A (zh) * 2019-01-29 2019-06-18 深圳点猫科技有限公司 一种代码编辑器右键菜单功能实现方法及电子设备
CN110555184A (zh) * 2019-09-06 2019-12-10 深圳市珍爱捷云信息技术有限公司 资源缓存方法、装置、计算机设备和存储介质
CN111554328B (zh) * 2020-03-31 2021-09-03 北京奇艺世纪科技有限公司 一种多媒体的编辑方法和装置
CN112363732A (zh) * 2020-10-15 2021-02-12 深圳市明源云科技有限公司 网站封装方法、装置、终端设备及计算机可读存储介质

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101515300A (zh) * 2009-04-02 2009-08-26 阿里巴巴集团控股有限公司 一种Ajax网页内容的抓取方法及系统
CN101645084A (zh) * 2009-04-23 2010-02-10 中国科学院声学研究所 一种嵌入式浏览器对动态数据的处理方法
CN102036121A (zh) * 2010-11-11 2011-04-27 深圳市佳创视讯技术股份有限公司 基于数字电视浏览器的马赛克视频导航方法
CN102073686A (zh) * 2010-12-24 2011-05-25 汉柏科技有限公司 一种页面文件的垂直动态加载方法及装置
CN102075800A (zh) * 2011-01-11 2011-05-25 中兴通讯股份有限公司 基于交互式个人电视机顶盒文件播放控制方法及系统
CN102495890A (zh) * 2011-12-09 2012-06-13 上海全景数字技术有限公司 嵌入式浏览器应用扩展系统及方法

Family Cites Families (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101639774B (zh) * 2009-08-31 2012-06-27 腾讯科技(深圳)有限公司 一种浏览器控件的封装方法及装置

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101515300A (zh) * 2009-04-02 2009-08-26 阿里巴巴集团控股有限公司 一种Ajax网页内容的抓取方法及系统
CN101645084A (zh) * 2009-04-23 2010-02-10 中国科学院声学研究所 一种嵌入式浏览器对动态数据的处理方法
CN102036121A (zh) * 2010-11-11 2011-04-27 深圳市佳创视讯技术股份有限公司 基于数字电视浏览器的马赛克视频导航方法
CN102073686A (zh) * 2010-12-24 2011-05-25 汉柏科技有限公司 一种页面文件的垂直动态加载方法及装置
CN102075800A (zh) * 2011-01-11 2011-05-25 中兴通讯股份有限公司 基于交互式个人电视机顶盒文件播放控制方法及系统
CN102495890A (zh) * 2011-12-09 2012-06-13 上海全景数字技术有限公司 嵌入式浏览器应用扩展系统及方法

Also Published As

Publication number Publication date
CN102929599A (zh) 2013-02-13

Similar Documents

Publication Publication Date Title
CN102929599B (zh) 移动终端浏览器界面的修改方法及装置、移动终端
US20190251143A1 (en) Web page rendering method and related device
TWI703463B (zh) 資訊顯示方法、裝置及智能終端
CN106682219B (zh) 关联文档获取方法及装置
CN111104635B (zh) 一种表格网页的生成方法和装置
US9747117B2 (en) System and methods for loading an application and its modules in a client device
WO2020151316A1 (zh) 一种Web端动画配置方法及装置
US10084878B2 (en) Systems and methods for hosted application marketplaces
CN106844635B (zh) 网页中的元素的编辑方法及装置
CN103984686A (zh) 页面切换方法及装置
CN110941500B (zh) 一种界面展示方法及装置
CN107679214B (zh) 链接定位方法、装置、终端与计算机可读存储介质
CN108595697B (zh) 网页集成方法、装置及系统
CN109308337A (zh) 页面分享方法和装置
CN111475161B (zh) 一种访问组件的方法、装置及设备
CN101957756A (zh) 一种智能移动终端程序快速生成系统及方法
CN110968314A (zh) 一种页面生成方法及装置
CN112631591A (zh) 表元素联动方法、装置、设备与计算机可读存储介质
CN108319474B (zh) 一种页面信息生成方法、装置和设备
CN107193450B (zh) 页面元素选择方法及装置
EP2431891A1 (en) Methods and systems of outputting content of interest
CN114528510A (zh) 网页数据处理的方法、装置、电子设备及介质
CN114168875A (zh) 一种页面程序的生成方法、装置、计算机设备及存储介质
CA2752860C (en) Methods and systems for identifying content elements
CN112182464A (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
TR01 Transfer of patent right

Effective date of registration: 20200702

Address after: 310052 room 508, floor 5, building 4, No. 699, Wangshang Road, Changhe street, Binjiang District, Hangzhou City, Zhejiang Province

Patentee after: Alibaba (China) Co.,Ltd.

Address before: 2, 16, 301 rooms, 510665 Yun Yun Road, Tianhe District, Guangdong, Guangzhou

Patentee before: GUANGZHOU UCWEB COMPUTER TECHNOLOGY Co.,Ltd.

TR01 Transfer of patent right