一种移动端页面交互实现方法及装置制造方法及图纸

技术编号:19489000 阅读:32 留言:0更新日期:2018-11-17 12:00
本发明专利技术公开了一种移动端页面交互实现方法及装置,其中,该方法包括:移动端浏览器从PC端下载页面并进行页面交互JavaScript初始化,以注入预先定义的JavaScript以及JavaScript交互语句;利用预先注入的JavaScript以及JavaScript交互语句,通过JavaScript bridge回调PC端页面数据以加载页面,并拦截PC端的JavaScript;加载JavaScript以响应用户的操作运行JavaScript实现应网页功能的交互。利用本发明专利技术,实现移动端直接登陆浏览PC端网页,而无需单独开发移动端WEB版本。

【技术实现步骤摘要】
一种移动端页面交互实现方法及装置
本专利技术涉及电子信息
,尤其涉及了一种移动端页面交互实现方法及装置。
技术介绍
随着移动互联网的高速发展,给移动通信终端用户打开了一扇通过互联网世界的大门,移动互联网结合了移动通信的便利性和互联网的丰富内容,成为通信业和互联网业融合发展的交叉领域,具有巨大的市场前景。但是移动终端设备的屏幕分辨率大小不等,适配开发成本大。并且移动终端设备的CPU处理性能低、内存小。因此有些网站网页并不适合在移动终端直接进行显示,需要二次开发,在开发设计时要考虑到移动终端的软硬件因素。对于那些已经有PC端的网站或网络应用,如果想开发一套移动端版本,往往需要较多的人力成本和时间成本,除此之外,他们会采取不同的网址,需要同时维护两套代码。
技术实现思路
本专利技术主要解决的技术问题是提供一种移动端页面交互实现方法及装置,能够将PC端WEB网页转换为移动端WEB网页。为解决上述技术问题,本专利技术采用的一个技术方案是:提供一种移动端页面交互实现方法,所述方法包括:移动端浏览器从PC端下载页面并进行页面交互JavaScript初始化,以注入预先定义的JavaScript以及JavaScript交互语句;其中,预先定义的JavaScript交互语句是根据所要实现的网页功能、交互方式分别定义,用于JavaScript与native之间的通讯,通过调用系统交互JavaScript注册语句和调用语句;利用预先注入的JavaScript以及JavaScript交互语句,通过JavaScriptbridge回调PC端页面数据以加载页面,并拦截PC端的JavaScript;以及加载JavaScript以响应用户的操作运行JavaScript实现应网页功能的交互。其中,所述页面交互JavaScript包括注册语句和回调语句;其中,注册语句用于注册供native调用的JavaScript函数以及接收从native传送的数据和回调函数,回调语句用于调用native提供的JavaScriptbridge语句以根据返回数据执行回调。其中,移动端浏览器从PC端下载页面并进行页面交互JavaScript初始化,以注入预先定义的JavaScript以及JavaScript交互语句,具体包括:移动端浏览器从PC端下载页面并拦截JavaScriptapi://__init_bridge__链接,在WebView.window下初始化全局变量系统交互JavaScript,设置页面交互函数JavaScript._isAllReady的值为true,以主动触发页面交互JavaScriptReady事件,通知webJavaScript页面交互JavaScript已初始化完成;注入预先定义的JavaScript以及JavaScript交互语句。其中,利用预先注入的JavaScript以及JavaScript交互语句,通过JavaScriptbridge回调PC端页面数据以加载页面,并拦截PC端的JavaScript,具体包括:在预先注入JavaScript处理完成回调通知native注册的函数名,使native通过此函数名调用对应的处理语句以传送数据和回调函数;通过JavaScriptbridge调用相应的回调函数对回送的数据进行处理以加载页面;以及拦截PC端的JavaScript。其中,所述方法还包括:在JavaScript中定义页面交互JavaScriptReady语句;以及调用页面交互JavaScriptReady语句,使用window下的页面交互JavaScript全局对象与本地代码交互,实现网页功能的交互。为解决上述技术问题,本专利技术采用的另一个技术方案是:提供一种移动端页面交互实现装置,所述装置包括:初始化模块,用于从PC端下载页面并进行页面交互JavaScript初始化,以注入预先定义的JavaScript以及JavaScript交互语句;其中,预先定义的JavaScript交互语句是根据所要实现的网页功能、交互方式分别定义,用于JavaScript与native之间的通讯,通过调用系统交互JavaScript注册语句和调用语句;调用模块,用于利用预先注入的JavaScript以及JavaScript交互语句,通过JavaScriptbridge回调PC端页面数据以加载页面,并拦截PC端的JavaScript;交互模块,用于加载JavaScript以响应用户的操作运行JavaScript实现应网页功能的交互。其中,所述系统交互JavaScript包括注册语句和回调语句;其中,注册语句用于注册供native调用的JavaScript函数以及接收从native传送的数据和回调函数,回调语句用于调用native提供的JavaScriptbridge语句以根据返回数据执行回调。其中,所述初始化模块还用于从PC端下载页面并拦截JavaScriptapi://__init_bridge__链接,在WebView.window下初始化全局变量系统交互JavaScript,设置页面交互函数JavaScript._isAllReady的值为true,以主动触发页面交互JavaScriptReady事件,通知webJavaScript页面交互JavaScript已初始化完成。其中,所述调用模块还用于:在预先注入JavaScript处理完成回调通知native注册的函数名,使native通过此函数名调用对应的处理语句以传送数据和回调函数;以及通过JavaScriptbridge调用相应的回调函数对回送的数据进行处理以加载页面。其中,所述初始化模块还用于在JavaScript中定义页面交互JavaScriptReady语句;所述调用模块还用于调用页面交互JavaScriptReady语句,使用window下的页面交互JavaScript全局对象与本地代码交互,实现网页功能的交互。本专利技术由于采用了以上技术方案,具有显著的技术效果:本专利技术通过从PC端下载页面并进行页面交互JavaScript初始化,以注入预先定义的JavaScript以及JavaScript交互语句,以通过JavaScriptbridge回调PC端页面数据以加载页面,并拦截PC端的JavaScript,在加载JavaScript后能够响应用户的操作运行JavaScript实现应网页功能的交互,实现移动端直接登陆浏览PC端网页,而无需单独开发移动端WEB版本,在充分利用原网址的内容、保持原有界面外观的前提下,能够有效降低开发成本和维护成本,只需要很少的时间和很少的人工成本即可开发完成。附图说明图1是本专利技术实施方式中的一种移动端页面交互实现方法的流程示意图;图2是图1所示的步骤S12的具体实现方法的流程示意图;图3是本专利技术实施方式中的一种移动端页面交互实现装置的结构示意图。具体实施方式首先对本专利技术实施方式所需引用的现有技术名词进行解释。JavaScript,是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言,同时也是一种广泛用于客户端Web开发的脚本语言,常用来给HTML(标准通用标记语言的子集)网页添加动态功能,比如响应用户的各种操作。下面结合附图和实施方式对本专利技术进行详细说明本文档来自技高网...

【技术保护点】
1.一种移动端页面交互实现方法,其特征在于,所述方法包括:移动端浏览器从PC端下载页面并进行页面交互JavaScript初始化,以注入预先定义的JavaScript以及JavaScript交互语句;其中,预先定义的JavaScript交互语句是根据所要实现的网页功能、交互方式分别定义,用于JavaScript与native之间的通讯,通过调用系统交互JavaScript注册语句和调用语句;利用预先注入的JavaScript以及JavaScript交互语句,通过JavaScript bridge回调PC端页面数据以加载页面,并拦截PC端的JavaScript;以及加载JavaScript以响应用户的操作运行JavaScript实现应网页功能的交互。

【技术特征摘要】
1.一种移动端页面交互实现方法,其特征在于,所述方法包括:移动端浏览器从PC端下载页面并进行页面交互JavaScript初始化,以注入预先定义的JavaScript以及JavaScript交互语句;其中,预先定义的JavaScript交互语句是根据所要实现的网页功能、交互方式分别定义,用于JavaScript与native之间的通讯,通过调用系统交互JavaScript注册语句和调用语句;利用预先注入的JavaScript以及JavaScript交互语句,通过JavaScriptbridge回调PC端页面数据以加载页面,并拦截PC端的JavaScript;以及加载JavaScript以响应用户的操作运行JavaScript实现应网页功能的交互。2.根据权利要求1所述的移动端页面交互实现方法,其特征在于,所述页面交互JavaScript包括注册语句和回调语句;其中,注册语句用于注册供native调用的JavaScript函数以及接收从native传送的数据和回调函数,回调语句用于调用native提供的JavaScriptbridge语句以根据返回数据执行回调。3.根据权利要求1所述的移动端页面交互实现方法,其特征在于,移动端浏览器从PC端下载页面并进行页面交互JavaScript初始化,以注入预先定义的JavaScript以及JavaScript交互语句,具体包括:移动端浏览器从PC端下载页面并拦截JavaScriptapi://__init_bridge__链接,在WebView.window下初始化全局变量系统交互JavaScript,设置页面交互函数JavaScript._isAllReady的值为true,以主动触发页面交互JavaScriptReady事件,通知webJavaScript页面交互JavaScript已初始化完成;注入预先定义的JavaScript以及JavaScript交互语句。4.根据权利要求2所述的移动端页面交互实现方法,其特征在于,利用预先注入的JavaScript以及JavaScript交互语句,通过JavaScriptbridge回调PC端页面数据以加载页面,并拦截PC端的JavaScript,具体包括:在预先注入JavaScript处理完成回调通知native注册的函数名,使native通过此函数名调用对应的处理语句以传送数据和回调函数;通过JavaScriptbridge调用相应的回调函数对回送的数据进行处理以加载页面;以及拦截PC端的JavaScript。5.根据权利要求1所述的移动端页面交互实现方法,其特征在于,所述方法还包括:在JavaScript中定义页面交互J...

【专利技术属性】
技术研发人员:傅小健陈连兴
申请(专利权)人:厦门欣旅通科技有限公司
类型:发明
国别省市:福建,35

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1