CN106874519A - 页面展现方法和装置 - Google Patents
页面展现方法和装置 Download PDFInfo
- Publication number
- CN106874519A CN106874519A CN201710165892.4A CN201710165892A CN106874519A CN 106874519 A CN106874519 A CN 106874519A CN 201710165892 A CN201710165892 A CN 201710165892A CN 106874519 A CN106874519 A CN 106874519A
- Authority
- CN
- China
- Prior art keywords
- script
- page
- represented
- external file
- intended application
- 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
- 230000004044 response Effects 0.000 claims description 28
- 238000004590 computer program Methods 0.000 claims description 7
- 241000208340 Araliaceae Species 0.000 claims description 3
- 235000003140 Panax quinquefolius Nutrition 0.000 claims description 3
- 235000005035 ginseng Nutrition 0.000 claims description 3
- 235000008434 ginseng Nutrition 0.000 claims description 3
- 238000010586 diagram Methods 0.000 description 8
- 230000005540 biological transmission Effects 0.000 description 6
- 238000004891 communication Methods 0.000 description 6
- 230000000694 effects Effects 0.000 description 5
- 238000005516 engineering process Methods 0.000 description 5
- 238000000034 method Methods 0.000 description 4
- 230000000875 corresponding Effects 0.000 description 3
- 230000003287 optical Effects 0.000 description 3
- 230000003993 interaction Effects 0.000 description 2
- 230000005291 magnetic Effects 0.000 description 2
- 238000011017 operating method Methods 0.000 description 2
- 239000004065 semiconductor Substances 0.000 description 2
- 210000003127 Knee Anatomy 0.000 description 1
- 239000000969 carrier Substances 0.000 description 1
- 238000000151 deposition Methods 0.000 description 1
- 230000005611 electricity Effects 0.000 description 1
- 230000001747 exhibiting Effects 0.000 description 1
- 239000000835 fiber Substances 0.000 description 1
- 239000003365 glass fiber Substances 0.000 description 1
- 238000003780 insertion Methods 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 230000000644 propagated Effects 0.000 description 1
- 238000009877 rendering Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F21/00—Security arrangements for protecting computers, components thereof, programs or data against unauthorised activity
- G06F21/50—Monitoring users, programs or devices to maintain the integrity of platforms, e.g. of processors, firmware or operating systems
- G06F21/57—Certifying or maintaining trusted computer platforms, e.g. secure boots or power-downs, version controls, system software checks, secure updates or assessing vulnerabilities
Abstract
本申请公开了页面展现方法和装置。该方法的一具体实施方式包括:获取与目标应用中待展现页面关联的超文本标记语言文件,其中,超文本标记语言文件中插入有脚本或对脚本的位置指示信息;通过运行脚本,调用用于获取预设参数的参数值的原生函数,并根据所获取的参数值确定超文本标记语言文件中目标元素的内容;根据所确定的内容展现待展现页面。该实施方式提高了应用的安全性。
Description
页面展现方法和装置
技术领域
[0001] 本申请涉及计算机技术领域,具体涉及一种页面展现方法和装置。
背景技术
[0002] 在移动互联网时代,伴随着智能终端的普及,移动互联网已经让每一个用户正在 享受更为移动化、个性化的互联网体验。智能终端上安装的应用可以是原生应用,也可以通 过HTML (HyperText Markup Language,超文本标记语言)页面实现。
[0003] 原生应用需要针对终端的不同系统进行开发,开发效率较低,而通过HTML页面实 现时,较为复杂的呈现效果需要获取页面外的数据,通过URL(Uniform Resource Locator, 统一资源定位符)传递数据时会造成数据泄露,可能引起安全问题。
发明内容
[0004] 本申请的目的在于提出一种改进的页面展现方法和装置,来解决以上背景技术部 分提到的技术问题。
[0005] 第一方面,本申请实施例提供了一种页面展现方法,该方法包括:获取与目标应用 中待展现页面关联的超文本标记语言文件,其中,超文本标记语言文件中插入有脚本或对 脚本的位置指示信息;通过运行脚本,调用用于获取预设参数的参数值的原生函数,并根据 所获取的参数值确定超文本标记语言文件中目标元素的内容;根据所确定的内容展现待展 现页面。
[0006] 在一些实施例中,超文本标记语言文件中插入有对脚本的位置指示信息,脚本保 存在外部文件中;以及方法还包括:响应于目标应用的启动,向对目标应用提供支持的服务 器发送目标应用的版本信息和外部文件的版本信息,其中,服务器用于根据目标应用的版 本信息和外部文件的版本信息,确定是否存在适用于目标应用的待下发的外部文件,若是, 则下发待下发的外部文件;接收服务器下发的外部文件,并将本地存储的外部文件替换为 服务器下发的外部文件。
[0007] 在一些实施例中,根据所确定的内容展现待展现页面之后,还包括:通过运行脚 本,按照预设时间间隔调用用于获取预设参数的参数值的原生函数,并确定预设参数的参 数值是否发生改变;响应于确定出预设参数的参数值发生了改变,根据改变后的参数值重 新确定超文本标记语言文件中目标元素的内容;根据重新确定的内容展现待展现页面。
[0008] 在一些实施例中,根据所确定的内容展现待展现页面之后,还包括:通过运行脚 本,响应于监测到所展现的页面中预设事件的发生,调用用于执行与预设事件相关联的预 设操作的原生函数。
[0009] 在一些实施例中,预设事件包括针对所展现的页面中的目标图片的点击操作;以 及通过运行脚本,响应于监测到所展现的页面中预设事件的发生,调用用于执行与预设事 件相关联的预设操作的原生函数,包括:通过运行脚本,响应于监测到针对所展现的页面中 的目标图片的点击操作的发生,调用用于新建窗口并在窗口中展示目标图片的原始图片的 原生函数。
[0010] 第二方面,本申请实施例提供了一种页面展现装置,该装置包括:获取单元,配置 用于获取与目标应用中待展现页面关联的超文本标记语言文件,其中,超文本标记语言文 件中插入有脚本或对脚本的位置指示信息;确定单元,配置用于通过运行脚本,调用用于获 取预设参数的参数值的原生函数,并根据所获取的参数值确定超文本标记语言文件中目标 元素的内容;展现单元,配置用于根据所确定的内容展现待展现页面。
[0011] 在一些实施例中,超文本标记语言文件中插入有对脚本的位置指示信息,脚本保 存在外部文件中;以及装置还包括:发送单元,配置用于响应于目标应用的启动,向对目标 应用提供支持的服务器发送目标应用的版本信息和外部文件的版本信息,其中,服务器用 于根据目标应用的版本信息和外部文件的版本信息,确定是否存在适用于目标应用的待下 发的外部文件,若是,则下发待下发的外部文件;接收单元,配置用于接收服务器下发的外 部文件,并将本地存储的外部文件替换为服务器下发的外部文件。
[0012] 在一些实施例中,装置还包括:改变确定单元,配置用于通过运行脚本,按照预设 时间间隔调用用于获取预设参数的参数值的原生函数,并确定预设参数的参数值是否发生 改变;内容确定单元,配置用于响应于确定出预设参数的参数值发生了改变,根据改变后的 参数值重新确定超文本标记语言文件中目标元素的内容;页面展现单元,配置用于根据重 新确定的内容展现待展现页面。
[0013] 在一些实施例中,装置还包括:调用单元,配置用于通过运行脚本,响应于监测到 所展现的页面中预设事件的发生,调用用于执行与预设事件相关联的预设操作的原生函 数。
[0014] 在一些实施例中,预设事件包括针对所展现的页面中的目标图片的点击操作;以 及调用单元,进一步配置用于通过运行脚本,响应于监测到针对所展现的页面中的目标图 片的点击操作的发生,调用用于新建窗口并在窗口中展示目标图片的原始图片的原生函 数。
[0015] 第三方面,本申请实施例提供了一种设备,包括:一个或多个处理器;存储装置,用 于存储一个或多个程序,当上述一个或多个程序被上述一个或多个处理器执行,使得上述 一个或多个处理器实现如第一方面上述的方法。
[0016] 第四方面,本申请实施例提供了一种计算机可读存储介质,其上存储有计算机程 序,其特征在于,该程序被处理器执行时实现如第一方面上述的方法。
[0017] 本申请实施例提供的页面展现方法和装置,通过获取与目标应用中待展现页面关 联的超文本标记语言文件,而后通过运行脚本,调用用于获取预设参数的参数值的原生函 数,并根据所获取的参数值确定超文本标记语言文件中目标元素的内容,最后根据所确定 的内容展现待展现页面,提高了应用的安全性。
附图说明
[0018] 通过阅读参照以下附图所作的对非限制性实施例所作的详细描述,本申请的其它 特征、目的和优点将会变得更明显:
[0019] 图1是本申请可以应用于其中的示例性系统架构图;
[0020] 图2是根据本申请的页面展现方法的一个实施例的示意性流程图;
[0021]图3是根据本申请的页面展现方法的应用场景的示意图;
[0022]图4是根据本申请的页面展现方法的又一个实施例的示意性流程图;
[0023]图5是根据本申请的页面展现装置的一个实施例的示例性结构图;
[0024]图6是适于用来实现本申请实施例的终端的计算机系统的结构示意图。
具体实施方式
[0025]下面结合附图和实施例对本申请作进一步的详细说明。可以理解的是,此处所描 述的具体实施例仅仅用于解释相关发明,而非对该发明的限定。另外还需要说明的是,为了 便于描述,附图中仅示出了与有关发明相关的部分。
[0026]需要说明的是,在不冲突的情况下,本申请中的实施例及实施例中的特征可以相 互组合。下面将参考附图并结合实施例来详细说明本申请。
[0027]图1示出了可以应用本申请的页面展现方法或页面展现装置的实施例的示例性系 统架构100。
[0028] 如图1所示,系统架构100可以包括终端设备101、102、103,网络104和服务器105。 网络104用以在终端设备101、102、103和服务器105之间提供传输链路的介质。网络1〇4可以 包括各种连接类型,例如有线、无线传输链路或者光纤电缆等等。
[0029]用户可以使用终端设备101、102、103通过网络104与服务器105交互,以接收或发 送消息等。终端设备101、102、103上可以安装有各种应用,例如,信息资讯类应用、社交类应 用,可以通过获取与目标应用中待展现页面关联的超文本标记语言文件,而后通过运行脚 本,调用用于获取预设参数的参数值的原生函数,并根据所获取的参数值确定超文本标记 语言文件中目标元素的内容,最后根据所确定的内容展现待展现页面。终端设备101、102、 1〇3包括但不限于智能手机、平板电脑、膝上型便携计算机和台式计算机等等。
[0030]服务器105可以是对终端设备101、102、103上运行的应用提供支持的服务器,服务 器1〇5可以接收用户通过终端设备101、1〇2、103发送的访问请求,而后根据访问请求,返回 关联的超文本标记语言文件或其他数据。
[0031]需要说明的是,本申请实施例所提供的页面展现方法可以由终端设备1〇1、1〇2、 103执行,相应地,页面展现装置可以设置于终端设备101、102、103中。
[0032]应该理解,图1中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需 要,可以具有任意数目的终端设备、网络和服务器。
[0033]继续参考图2,示出了根据本申请的页面展现方法的一个实施例的流程200。该页 面展现方法,包括以下步骤:
[0034] 步骤2〇1,获取与目标应用中待展现页面关联的超文本标记语言文件。
[0035] 在本实施例中,页面展现方法运行于其上的电子设备(例如图1所示的终端)可以 获取与目标应用中待展现页面关联的超文本标记语言文件。目标应用可以是任何有图文混 排的展示需求,与原生系统有交互的需求的应用,例如需要展现图文内容的新闻资讯类应 用。超文本标记语言文件可以是HTML的各个修订版本的文件,例如HTML5文件。待展现页面 可以是应用开启后的初始页面,也可以是应用运行中根据获取到的访问请求确定的页面。 与待展现页面关联的超文本标记语言文件可以预先缓存在本地也可以保存在云端,可以通 过URL获取上述超文本标记语言文件。超文本标记语言文件中插入有脚本或对脚本的位置 指示信息。超文本标记语言文件中插入的脚本或对脚本的位置指示信息的数量可以是一个 或多个,脚本可以通过各种脚本语言编写而成,例如JavaScript,JavaScript是一种直译式 脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型,已经被广泛用于Web 应用开发,常用来为网页添加各式各样的动态功能。
[0036] 在本实施例的一些可选实现方式中,超文本标记语言文件中插入有对脚本的位置 指示信息,脚本保存在外部文件中;以及方法还包括:响应于目标应用的启动,向对目标应 用提供支持的服务器发送目标应用的版本信息和外部文件的版本信息,其中,服务器用于 根据目标应用的版本信息和外部文件的版本信息,确定是否存在适用于目标应用的待下发 的外部文件,若是,则下发待下发的外部文件;接收服务器下发的外部文件,并将本地存储 的外部文件替换为服务器下发的外部文件。
[0037] 在本实现方式中,通过将脚本保存在外部文件中,在需要更改超文本标记语言文 件中的脚本时,不必对整个应用进行更新,提高了更新效率。在超文本标记语言文件中插入 脚本的方法有两种,一种是直接将脚本的代码写入特定标签中,另一种是将对脚本的位置 指示信息,如外部文件的名称,写入特定标签中,即外部脚本。向服务器发送目标应用的版 本信息和外部文件的版本信息的时机不限于目标应用启动时,也可以每间隔预定时间向服 务器发送版本信息。服务器也可以主动向上述电子设备推送外部文件最新的版本信息,以 供上述电子设备确定是否需要更新外部文件。
[0038] 步骤202,通过运行脚本,调用用于获取预设参数的参数值的原生函数,并根据所 获取的参数值确定超文本标记语言文件中目标元素的内容。
[0039] 在本实施例中,上述电子设备可以通过运行步骤201中获取的超文本标记语言文 件中的脚本,调用用于获取预设参数的参数值的原生函数,并根据所获取的参数值确定超 文本标记语言文件中目标元素的内容。预设参数可以是目标应用中登录的账户的基本信息 和账户的一些历史记录中的参数,也可以是上述电子设备的设备信息中的参数,同样可以 是时间、天气、位置等参数。原生函数与上述电子设备的系统有关,其基于终端本地操作系 统并且使用原生程序编写。例如,在安卓系统中,原生函数可以由C语言、Java进行编写。脚 本中可以设置有调用原生函数的接口。根据所获取的参数值确定超文本标记语言文件中目 标元素的内容,可以是根据参数值确定加载超文本标记语言文件得到的页面中的图像、文 字或页面的样式。
[0040] 步骤203,根据所确定的内容展现待展现页面。
[0041] 在本实施例中,上述电子设备可以根据步骤202中确定的内容展现待展现页面。上 述电子设备可以通过用于加载超文本标记语言文件的组件或控件渲染显示待展现页面,作 为示例,对安卓系统而言,可以通过WebView (网络视图)展现待展现页面。安卓手机中内置 有内核浏览器,WebView为安卓的SDK (Software Development Kit,软件开发工具包)中封 装的一个组件,能加载显示网页,可以将其视为一个浏览器。在由苹果公司开发的移动操作 系统iOS中,可以通过UlWebView (用户界面网络视图)控件展现待展现页面,UlWebView是 i〇S中常用的用于加载网页和超文本标记语言文件的视图空间。
[0042] 在本实施例的一些可选实现方式中,根据所确定的内容展现待展现页面之后,还 包括:通过运行脚本,按照预设时间间隔调用用于获取预设参数的参数值的原生函数,并确 定预设参数的参数值是否发生改变;响应于确定出预设参数的参数值发生了改变,根据改 变后的参数值重新确定超文本标记语言文件中目标元素的内容;根据重新确定的内容展现 待展现页面。
[0043]在本实现方式中,通过监测预设参数的参数值是否发生改变,根据改变后的参数 值重新确定超文本标记语言文件中目标元素的内容,实现了对待展现页面的显示效果的实 时调整。
[0044]在本实施例的一些可选实现方式中,根据所确定的内容展现待展现页面之后,还 包括:通过运行脚本,响应于监测到所展现的页面中预设事件的发生,调用用于执行与预设 事件相关联的预设操作的原生函数。
[0045] 在本实现方式中,通过监测所展现的页面中预设事件的发生,并执行与预设事件 相关联的预设操作,进一步丰富了应用的交互场景。预设事件可以是针对所展现的页面中 的目标图片的点击操作,或其他手势操作等。
[0046] 在本实施例的一些可选实现方式中,预设事件包括针对所展现的页面中的目标图 片的点击操作;以及通过运行脚本,响应于监测到所展现的页面中预设事件的发生,调用用 于执行与预设事件相关联的预设操作的原生函数,包括:通过运行脚本,响应于监测到针对 所展现的页面中的目标图片的点击操作的发生,调用用于新建窗口并在窗口中展示目标图 片的原始图片的原生函数。
[0047] 在本实现方式中,通过监测针对所展现的页面中的目标图片的点击操作,而后调 用用于新建窗口并在窗口中展示目标图片的原始图片的原生函数,进一步丰富了应用的交 互场景。新建窗口并在窗口中展示目标图片的原始图片,可以是首先获取到原始图片的URL 而后依据其URL在窗口中展示该原始图片。
[0048] 继续参见图3,图3是根据本实施例的网页生成方法的应用场景的一个示意图。在 图3的应用场景中,客户端可以向服务器发送其版本信息,当页面展示效果等需求发生变化 时,服务器可向终端下发新的解析模块及通信模块。平台实现是指应用中与终端系统有关 部分,即原生的部分。内容容器是指用于展现超文本标记语言文件的组件或控件,例如 WebView。解析模块可以通过Javascript,根据原生函数传来的数据实现对图文内容进行解 析,特别是针对复杂呈现效果,可能通过对内容结构调整及样式控制实现;如果有交互需 求,则需要对解析过的组件添加监听事件,当用户操作触发或数据变更引起触发时通过调 用通信模块完成与端的交互及数据传递。解析模块可以根据产品功能及效果需要进行设 置。通信模块的主要功能是完成内容容器与平台的数据通信,针对不同系统进行设置实现 与不同操作系统的通信,为内容容器与平台实现之间的交互提供支持。在页面或组件初始 化时,内容容器获取了超文本标记语言文件,平台实现中的原生函数将预定数据传递给内 容容器,以便解析模块根据初始数据进行内容解析,或对内容进行结构调整处理。初始化部 分可以使内容和数据能够在第一时间传给呈现容器。
[0049] 本申请的上述实施例提供的方法通过获取与目标应用中待展现页面关联的超文 本标记语言文件,而后通过运行脚本,调用用于获取预设参数的参数值的原生函数,并根据 所获取的参数值确定超文本标记语言文件中目标元素的内容,最后根据所确定的内容展现 待展现页面,提高了应用的安全性。
[0050] 请参考图4,图4是根据本实施例的页面展现方法的又一个实施例的流程示意图。
[0051] 在图4中,该页面展现方法400,包括以下步骤:
[0052] 步骤401,响应于目标应用的启动,向对目标应用提供支持的服务器发送目标应用 的版本信息和外部文件的版本信息。
[0053] 在本实施例中,页面展现方法运行于其上的电子设备(例如图1所示的终端)可以 响应于目标应用的启动,向对目标应用提供支持的服务器发送目标应用的版本信息和外部 文件的版本信息。上述服务器可以根据目标应用的版本信息和外部文件的版本信息,确定 是否存在适用于目标应用的待下发的外部文件,若是,则下发待下发的外部文件。上述服务 器可以查询与所述目标应用的版本信息对应的最新的外部文件的版本信息,判断上述电子 设备发来的外部文件的版本信息与最新的外部文件的版本信息是否一致,若否,则向上述 电子设备发送最新的外部文件。
[0054] 步骤402,接收服务器下发的外部文件,并将本地存储的外部文件替换为服务器下 发的外部文件。
[0055] 在本实施例中,上述电子设备可以接收服务器下发的外部文件,并将本地存储的 外部文件替换为服务器下发的外部文件。上述电子设备接收到服务器下发的外部文件后将 其保存在指定位置,指定位置即原外部文件保存的位置,服务器下发的外部文件与本地存 储的外部文件同名,这样,可以保证超文本标记语言文件中的外部脚本依然可以正常运行。 [0056] 步骤403,获取与目标应用中待展现页面关联的超文本标记语言文件。
[0057] 在本实施例中,上述电子设备可以获取与目标应用中待展现页面关联的超文本标 记语言文件。超文本标记语言文件中插入有脚本或对脚本的位置指示信息。以脚本通过 JavaScript编写而成为例,可以将〈script〉标签中〃src 〃属性设置为外部文件的名称。
[0058] 步骤404,通过运行脚本,调用用于获取预设参数的参数值的原生函数,并根据所 获取的参数值确定超文本标记语言文件中目标元素的内容。
[0059] 在本实施例中,上述电子设备可以通过运行步骤403中获取的超文本标记语言文 件中的脚本,调用用于获取预设参数的参数值的原生函数,并根据所获取的参数值确定超 文本标记语言文件中目标元素的内容。
[0060] 步骤405,根据所确定的内容展现待展现页面。
[0061] 在本实施例中,上述电子设备可以根据步骤404中确定的内容展现待展现页面。需 要说明的是步骤401至步骤405可以视为目标应用启动后页面的初始化过程,展现待展现页 面之后可以继续通过超文本标记语言文件中的脚本监测所展现的页面中预设事件的发生, 或预设参数的参数值是否发生改变,并执行相应操作
[0062] 本申请的上述实施例提供的方法通过将脚本保存在外部文件中,在需要更改超文 本标记语言文件中的脚本时,不必对整个应用进行更新,提高了更新效率。
[0063] 进一步参考图5,作为对上述方法的实现,本申请提供了一种页面展现装置的一个 实施例,该装置实施例与图2所示的方法实施例相对应,该装置具体可以应用于各种电子设 备中。
[0064] 如图5所示,本实施例的页面展现装置500包括:获取单元501、确定单元502、展现 单元503,其中,获取单元501,配置用于获取与目标应用中待展现页面关联的超文本标记语 言文件,超文本标记语言文件中插入有脚本或对脚本的位置指示信息;确定单元502,配置 用于通过运行脚本,调用用于获取预设参数的参数值的原生函数,并根据所获取的参数值 确定超文本标记语言文件中目标元素的内容;展现单元5〇3,配置用于根据所确定的内容展 现待展现页面。
[0065]在本实施例中,获取单元501、确定单元502、展现单元5〇3的具体处理可以参考图2 对应实施例步骤201、步骤202、步骤203的详细描述,在此不再赘述。
[0066]在本实施例的一些可选实现方式中,超文本标记语言文件中插入有对脚本的位置 指示信息,脚本保存在外部文件中;以及装置还包括:发送单元(图中未示出),配置用于响 应于目标应用的启动,向对目标应用提供支持的服务器发送目标应用的版本信息和外部文 件的版本信息,其中,服务器用于根据目标应用的版本信息和外部文件的版本信息,确定是 否存在适用于目标应用的待下发的外部文件,若是,则下发待下发的外部文件;接收单元 (图中未示出),配置用于接收服务器下发的外部文件,并将本地存储的外部文件替换为服 务器下发的外部文件。
[0067] 在本实施例的一些可选实现方式中,装置还包括:改变确定单元(图中未示出),配 置用于通过运行脚本,按照预设时间间隔调用用于获取预设参数的参数值的原生函数,并 确定预设参数的参数值是否发生改变;内容确定单元(图中未示出),配置用于响应于确定 出预设参数的参数值发生了改变,根据改变后的参数值重新确定超文本标记语言文件中目 标元素的内容;页面展现单元(图中未示出),配置用于根据重新确定的内容展现待展现页 面。
[0068]在本实施例的一些可选实现方式中,装置还包括:调用单元(图中未示出),配置用 于通过运行脚本,响应于监测到所展现的页面中预设事件的发生,调用用于执行与预设事 件相关联的预设操作的原生函数。
[0069] 在本实施例的一些可选实现方式中,预设事件包括针对所展现的页面中的目标图 片的点击操作;以及调用单元(图中未示出),进一步配置用于通过运行脚本,响应于监测到 针对所展现的页面中的目标图片的点击操作的发生,调用用于新建窗口并在窗口中展示目 标图片的原始图片的原生函数。
[0070] 从图5中可以看出,本实施例中页面展现装置500通过获取与目标应用中待展现页 面关联的超文本标记语言文件,而后通过运行脚本,调用用于获取预设参数的参数值的原 生函数,并根据所获取的参数值确定超文本标记语言文件中目标元素的内容,最后根据所 确定的内容展现待展现页面,提高了应用的安全性。
[0071] 下面参考图6,其示出了适于用来实现本申请实施例的终端的计算机系统600的结 构示意图。图6示出的终端仅仅是一个示例,不应对本申请实施例的功能和使用范围带来任 何限制。
[0072] 如图6所示,计算机系统600包括中央处理单元(CPU) 601,其可以根据存储在只读 存储器(ROM) 602中的程序或者从存储部分608加载到随机访问存储器(RAM) 603中的程序而 执行各种适当的动作和处理。在RAM 6〇3中,还存储有系统6〇0操作所需的各种程序和数据。 CPU 601、ROM 602以及RAM 603通过总线604彼此相连。输入/输出(I/O)接口605也连接至总 线604。
[0073]以下部件连接至I/O接口 605:包括键盘、鼠标等的输入部分606;包括诸如阴极射 线管(CRT)、液晶显示器(LCD)等以及扬声器等的输出部分607;包括硬盘等的存储部分608; 以及包括诸如LAN卡、调制解调器等的网络接口卡的通信部分609。通信部分609经由诸如因 特网的网络执行通信处理。驱动器610也根据需要连接至I/O接口⑼6。可拆卸介质611,诸如 磁益、光M、磁光盘、半寸体存储器等等,根据需要安装在驱动器g 1〇上,以便于从其上读出 的计算机程序根据需要被安装入存储部分608。
[0074]特别地,根据本公开的实施例,上文参考流程图描述的过程可以被实现为计算机 软件程序。例如,本公开的实施例包括一种计算机程序产品,其包括承载在计算机可读介质 上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实 施例中,该计算机程序可以通过通信部分6〇9从网络上被下载和安装,和/或从可拆卸介质 611被安装。在该计算机程序被中央处理单元(CPU) 6〇1执行时,执行本申请的方法中限定的 上述功能。需要说明的是,本申请所述的计算机可读介质可以是计算机可读信号介质或者 计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但 不限于--电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。 计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、 便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存 储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD—R0M)、光存储器件、磁存储器 件、或者上述的任意合适的组合。在本申请中,计算机可读存储介质可以是任何包含或存储 程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在 本申请中,计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信 号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不 限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机 可读存储介质以外的任何计算机可读介质,该计算机可读介质可以发送、传播或者传输用 于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含 的程序代码可以用任何适当的介质传输,包括但不限于:无线、电线、光缆、RF等等,或者上 述的任意合适的组合。
[0075]附图中的流程图和框图,图示了按照本申请各种实施例的系统、方法和计算机程 序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代 表一个单元、程序段、或代码的一部分,所述单元、程序段、或代码的一部分包含一个或多个 用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所 标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际 上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要 注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用 执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指 令的组合来实现。
[0076] 描述于本申请实施例中所涉及到的单元可以通过软件的方式实现,也可以通过硬 件的方式来实现。所描述的单元也可以设置在处理器中,例如,可以描述为:一种处理器包 括获取单元、确定单元、展现单元。其中,这些单元的名称在某种情况下并不构成对该单元 本身的限定,例如,获取单元还可以被描述为“获取与目标应用中待展现页面关联的超文本 标记语言文件的单元”。
[0077] 作为另一方面,本申请还提供了一种非易失性计算机存储介质,该非易失性计算 机存储介质可以是上述实施例中所述装置中所包含的非易失性计算机存储介质;也可以是 单独存在,未装配入终端中的非易失性计算机存储介质。上述非易失性计算机存储介质存 储有一个或者多个程序,当所述一个或者多个程序被一个设备执行时,使柄所述设备:获取 与目标应用中待展现页面关联的超文本标记语言文件,其中,超文本标记语言文件中插入 有脚本或对脚本的位置指示信息;通过运行脚本,调用用于获取预设参数的参数值的原生 函数,并根据所获取的参数值确定超文本标记语言文件中目标元素的内容;根据所确定的 内容展现待展现页面。
[0078]以上描述仅为本申请的较佳实施例以及对所运用技术原理的说明。本领域技术人 员应当理解,本申请中所涉及的发明范围,并不限于上述技术特征的特定组合而成的技术 方案,同时也应涵盖在不脱离所述发明构思的情况下,由上述技术特征或其等同特征进行 任意组合而形成的其它技术方案。例如上述特征与本申请中公开的(但不限于)具有类似功 能的技术特征进行互相替换而形成的技术方案。
Claims (12)
1. 一种页面展现方法,其特征在于,所述方法包括: 获取与目标应用中待展现页面关联的超文本标记语言文件,其中,所述超文本标记语 言文件中插入有脚本或对脚本的位置指示信息; 通过运行所述脚本,调用用于获取预设参数的参数值的原生函数,并根据所获取的参 数值确定所述超文本标记语言文件中目标元素的内容; 根据所确定的内容展现所述待展现页面。
2. 根据权利要求1所述的方法,其特征在于,所述超文本标记语言文件中插入有对脚本 的位置指示信息,所述脚本保存在外部文件中;以及 所述方法还包括: 响应于所述目标应用的启动,向对所述目标应用提供支持的服务器发送所述目标应用 的版本信息和所述外部文件的版本信息,其中,所述服务器用于根据所述目标应用的版本 信息和所述外部文件的版本信息,确定是否存在适用于所述目标应用的待下发的外部文 件,若是,则下发所述待下发的外部文件; 接收所述服务器下发的外部文件,并将本地存储的外部文件替换为所述服务器下发的 外部文件。
3. 根据权利要求1或2所述的方法,其特征在于,所述根据所确定的内容展现所述待展 现页面之后,还包括: 通过运行所述脚本,按照预设时间间隔调用用于获取预设参数的参数值的原生函数, 并确定所述预设参数的参数值是否发生改变; 响应于确定出所述预设参数的参数值发生了改变,根据改变后的参数值重新确定所述 超文本标记语言文件中目标元素的内容; 根据重新确定的内容展现所述待展现页面。
4. 根据权利要求1或2所述的方法,其特征在于,所述根据所确定的内容展现所述待展 现页面之后,还包括: 通过运行所述脚本,响应于监测到所展现的页面中预设事件的发生,调用用于执行与 所述预设事件相关联的预设操作的原生函数。
5. 根据权利要求4所述的方法,其特征在于,所述预设事件包括针对所展现的页面中的 目标图片的点击操作;以及 所述通过运行所述脚本,响应于监测到所展现的页面中预设事件的发生,调用用于执 行与所述预设事件相关联的预设操作的原生函数,包括: 通过运行所述脚本,响应于监测到针对所展现的页面中的目标图片的点击操作的发 生,调用用于新建窗口并在所述窗口中展示所述目标图片的原始图片的原生函数。
6. —种页面展现装置,其特征在于,所述装置包括: 获取单元,配置用于获取与目标应用中待展现页面关联的超文本标记语言文件,其中, 所述超文本标记语言文件中插入有脚本或对脚本的位置指示信息; 确定单元,配置用于通过运行所述脚本,调用用于获取预设参数的参数值的原生函数, 并根据所获取的参数值确定所述超文本标记语言文件中目标元素的内容; 展现单元,配置用于根据所确定的内容展现所述待展现页面。
7. 根据权利要求6所述的装置,其特征在于,所述超文本标记语言文件中插入有对脚本 的位置指示信息,所述脚本保存在外部文件中;以及 所述装置还包括: 发送单元,配置用于响应于所述目标应用的启动,向对所述目标应用提供支持的服务 器发送所述目标应用的版本信息和所述外部文件的版本信息,其中,所述服务器用于根据 所述目标应用的版本信息和所述外部文件的版本信息,确定是否存在适用于所述目标应用 的待下发的外部文件,若是,则下发所述待下发的外部文件; 接收单元,配置用于接收所述服务器下发的外部文件,并将本地存储的外部文件替换 为所述服务器下发的外部文件。
8. 根据权利要求6或7所述的装置,其特征在于,所述装置还包括: 改变确定单元,配置用于通过运行所述脚本,按照预设时间间隔调用用于获取预设参 数的参数值的原生函数,并确定所述预设参数的参数值是否发生改变; 内容确定单元,配置用于响应于确定出所述预设参数的参数值发生了改变,根据改变 后的参数值重新确定所述超文本标记语言文件中目标元素的内容; 页面展现单元,配置用于根据重新确定的内容展现所述待展现页面。
9. 根据权利要求6或7所述的装置,其特征在于,所述装置还包括: 调用单元,配置用于通过运行所述脚本,响应于监测到所展现的页面中预设事件的发 生,调用用于执行与所述预设事件相关联的预设操作的原生函数。
10.根据权利要求9所述的装置,其特征在于,所述预设事件包括针对所展现的页面中 的目标图片的点击操作;以及 所述调用单元,进一步配置用于通过运行所述脚本,响应于监测到针对所展现的页面 中的目标图片的点击操作的发生,调用用于新建窗口并在所述窗口中展示所述目标图片的 原始图片的原生函数。
11.一种设备,其特征在于,包括: 一个或多个处理器; 存储装置,用于存储一个或多个程序, 当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实 现如权利要求1 -5中任一所述的方法。
12.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,该程序被处理器 执行时实现如权利要求1-5中任一所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710165892.4A CN106874519B (zh) | 2017-03-20 | 2017-03-20 | 页面展现方法和装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710165892.4A CN106874519B (zh) | 2017-03-20 | 2017-03-20 | 页面展现方法和装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN106874519A true CN106874519A (zh) | 2017-06-20 |
CN106874519B CN106874519B (zh) | 2021-04-30 |
Family
ID=59171537
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201710165892.4A Active CN106874519B (zh) | 2017-03-20 | 2017-03-20 | 页面展现方法和装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN106874519B (zh) |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107436786A (zh) * | 2017-07-28 | 2017-12-05 | 深圳Tcl新技术有限公司 | 应用启动优化方法、装置及计算机可读存储介质 |
CN107577486A (zh) * | 2017-09-29 | 2018-01-12 | 广州数鹏通科技有限公司 | 气象信息绘图处理方法、装置、计算机设备和存储介质 |
CN107948721A (zh) * | 2017-11-23 | 2018-04-20 | 百度在线网络技术(北京)有限公司 | 推送信息的方法和装置 |
CN108804090A (zh) * | 2018-05-08 | 2018-11-13 | 张弢 | 基于h5技术的app虚拟原型制作平台、制作方法及模拟方法 |
Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20090100412A1 (en) * | 2007-10-11 | 2009-04-16 | Sap Ag | Multi-tiered certification service |
US20130013990A1 (en) * | 2005-07-15 | 2013-01-10 | Nigel Green | Browser-based retrieval and display of content associated with a link that matches a link signature |
CN104978176A (zh) * | 2014-04-10 | 2015-10-14 | 腾讯科技(北京)有限公司 | 应用程序接口调用方法及装置 |
CN105468369A (zh) * | 2015-11-19 | 2016-04-06 | 深圳联友科技有限公司 | 移动平台上JavaScript调用原生功能的方法以及系统 |
CN105739967A (zh) * | 2016-01-19 | 2016-07-06 | 四川长虹电器股份有限公司 | 移动应用中js异步调用native的方法 |
CN105893161A (zh) * | 2015-12-14 | 2016-08-24 | 乐视网信息技术(北京)股份有限公司 | 在软件程序中调用资源的方法和装置 |
CN105989068A (zh) * | 2015-02-10 | 2016-10-05 | 中国移动通信集团贵州有限公司 | 基于超文本标记语言的移动应用生成方法及装置 |
-
2017
- 2017-03-20 CN CN201710165892.4A patent/CN106874519B/zh active Active
Patent Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20130013990A1 (en) * | 2005-07-15 | 2013-01-10 | Nigel Green | Browser-based retrieval and display of content associated with a link that matches a link signature |
US20090100412A1 (en) * | 2007-10-11 | 2009-04-16 | Sap Ag | Multi-tiered certification service |
CN104978176A (zh) * | 2014-04-10 | 2015-10-14 | 腾讯科技(北京)有限公司 | 应用程序接口调用方法及装置 |
CN105989068A (zh) * | 2015-02-10 | 2016-10-05 | 中国移动通信集团贵州有限公司 | 基于超文本标记语言的移动应用生成方法及装置 |
CN105468369A (zh) * | 2015-11-19 | 2016-04-06 | 深圳联友科技有限公司 | 移动平台上JavaScript调用原生功能的方法以及系统 |
CN105893161A (zh) * | 2015-12-14 | 2016-08-24 | 乐视网信息技术(北京)股份有限公司 | 在软件程序中调用资源的方法和装置 |
CN105739967A (zh) * | 2016-01-19 | 2016-07-06 | 四川长虹电器股份有限公司 | 移动应用中js异步调用native的方法 |
Non-Patent Citations (2)
Title |
---|
JINSEOK OH: "Migration of Web Applications with Seamless Execution", 《ACM SIGPLAN NOTICES》 * |
李晨: "基于PhoneGap的一个手机跨平台应用开发实例", 《电脑编程技巧与维护》 * |
Cited By (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107436786A (zh) * | 2017-07-28 | 2017-12-05 | 深圳Tcl新技术有限公司 | 应用启动优化方法、装置及计算机可读存储介质 |
CN107577486A (zh) * | 2017-09-29 | 2018-01-12 | 广州数鹏通科技有限公司 | 气象信息绘图处理方法、装置、计算机设备和存储介质 |
CN107577486B (zh) * | 2017-09-29 | 2020-12-04 | 广州数鹏通科技有限公司 | 气象信息绘图处理方法、装置、计算机设备和存储介质 |
CN107948721A (zh) * | 2017-11-23 | 2018-04-20 | 百度在线网络技术(北京)有限公司 | 推送信息的方法和装置 |
CN107948721B (zh) * | 2017-11-23 | 2020-07-10 | 百度在线网络技术(北京)有限公司 | 推送信息的方法和装置 |
CN108804090A (zh) * | 2018-05-08 | 2018-11-13 | 张弢 | 基于h5技术的app虚拟原型制作平台、制作方法及模拟方法 |
Also Published As
Publication number | Publication date |
---|---|
CN106874519B (zh) | 2021-04-30 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN106874519A (zh) | 页面展现方法和装置 | |
CN105718313A (zh) | 应用操作方法和装置 | |
US20140281863A1 (en) | Enhanced mobilization of existing web sites | |
CN107295095A (zh) | 推送及展示广告的方法和装置 | |
US20200057550A1 (en) | Method and apparatus for generating customized visualization component | |
CN108509526A (zh) | 用于动态布局移动应用的界面元素的方法和装置 | |
CN110058854B (zh) | 用于生成应用的方法、终端设备和计算机可读介质 | |
CN104978358B (zh) | 桌面展示网页片段的方法及截取网页片段至桌面展示系统 | |
CN104219295A (zh) | 基于服务器端配置的移动设备的信息展示方法及系统 | |
CN107122172A (zh) | 轻应用的处理方法、运行方法、设备及应用设备 | |
CN106874471A (zh) | 信息推送方法和装置 | |
CN105786207B (zh) | 信息输入方法和装置 | |
CN106973081A (zh) | 一种用于发布云资源的方法和装置 | |
CN109308201A (zh) | 用于输出信息的方法和装置 | |
CN104050218A (zh) | 用于提供要显示在用户界面中的信息的方法和系统 | |
CN107330087A (zh) | 页面文件生成方法和装置 | |
CN106897202A (zh) | 用于输出数据的方法和装置 | |
CN110109670B (zh) | 视图列表数据的处理方法、装置、电子设备及存储介质 | |
CN108255923A (zh) | 图像展示方法、设备及电子设备 | |
CN109460233B (zh) | 页面的原生界面显示更新方法、装置、终端设备及介质 | |
CN109558323A (zh) | 用于调试页面的系统、方法和装置 | |
CN109510735A (zh) | 一种报文测试的方法及装置 | |
CN110362304A (zh) | 网页显示的方法和装置 | |
CN107918552A (zh) | 轻应用调用方法、装置、客户端装置及电子设备 | |
CN107451162A (zh) | 网络资源访问设备、混合设备及方法 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |