h5和app交互,求大神给答案!!!

function goUrl(){
var i =0;
sessionStorage.setItem('goto_url','<%=goto_url%>');
channelCode = window.sessionStorage.getItem("channelCode");
if (channelCode == 18){//手机银行跳转,登陆
debugger ;
alert("1");
if(window.localStorage.resId1 == 1){ //安卓

alert("2");
window.app_score.toLoginPhone();//调用安卓的原生方法
window.loginInPhone=loginInPhone;//回调方法
function loginInPhone(data){
if(data != '' && data != null && data != undefined) {
if(typeof(data) == "string"){
data = JSON.parse(data);
}
}

        }
    }else{//IOS 
        alert("3");
        function setupWebViewJavascriptBridge(callback) {
            if(window.BOCWebViewJavascriptBridge) { 

                return callback(BOCWebViewJavascriptBridge);
            }else{
                document.addEventListener('WebViewJavascriptBridgeReady',function(){callback(BOCWebViewJavascriptBridge);},false);
            }                               

            if(window.WVJBCallbacks) {
                return window.WVJBCallbacks.push(callback);
            }
            window.WVJBCallbacks = [callback];
            var WVJBIframe = document.createElement('iframe');
            WVJBIframe.style.display = 'none';
            WVJBIframe.src = 'wvjbscheme://__BRIDGE_LOADED__';
            document.documentElement.appendChild(WVJBIframe);
            setTimeout(function() {
                document.documentElement.removeChild(WVJBIframe);
            }, 0);
        }//以上的代码是固定的,只要是交互就需要写
            setupWebViewJavascriptBridge(function(bridge){
            //所有的和app交互的代码都在这方法填写                
            bridge.registerHandler('loginInPhone',function(data,responseCallback){//注册回调方法
                if(data != '' && data != null && data != undefined) {
                    if(typeof(data) == "string"){
                        data = JSON.parse(data);
                    }
                }   

         //toLoginPhone为ios端register的handleName
        bridge.callHandler('toLoginPhone', function(){}); //调用手机银行的原生方法   
        //网上说calllback是处理返回数据的方法,可是没有啊!!!!
        bridge.init(function(message,responseCallback){
            var data = {'Javascript Responds':'Wee!'};
        responseCallback(data);
          });                           
            });
        }
    )}
    var  ticket = data.ticketInfo;//票
    var clientId = data.CID;//客户id
    var slientId = data.SID;//用户id
    var card = data.card;
    //window.location.href="${pageContext.request.contextPath}/mobilePage/login/login.jsp";
    window.location.href="${pageContext.request.contextPath}/bankLoginMobileCode.do?ticket="+ticket+"&clientId="+clientId+"&SlientId="+SlientId+"&card="+card;

}
}

这是h5的js调用但是 没有调起来app的方法,求大神给答案!!!

3个回答

H5手机浏览器启动app,需要浏览器能够有系统权限才能调起来吧,你把手机浏览器权限设置一下试试

不要使用任何ES6的方法,在手机苹果浏览器中全部不支持.,现在电脑上调试ok ,把所有ES6 方法换成ES5 ,再试试.

qq_29594393
当作看不见 回复zcyhr2012: 先看看控制台的报错信息.
接近 2 年之前 回复
zcyhr2012
zcyhr2012 我现在是h5有问题而不是app有问题
接近 2 年之前 回复
zcyhr2012
zcyhr2012 我现在是黄
接近 2 年之前 回复
zcyhr2012
zcyhr2012 回复当作看不见: 我们h5网站用的jquery,是不是应该用原生的js啊?
接近 2 年之前 回复
qq_29594393
当作看不见 回复zcyhr2012: 苹果手机内置浏览器会有这个问题,无论是什么app都一样
接近 2 年之前 回复
zcyhr2012
zcyhr2012 您能说的详细一点吗?
接近 2 年之前 回复
zcyhr2012
zcyhr2012 您是说app那边,还是h5这边的问题啊?我第一次搞,不是很明白
接近 2 年之前 回复

我们h5网站用的jquery,是不是应该用原生的js啊?

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
h5和app交互
function goUrl(){ var i =0; sessionStorage.setItem('goto_url',''); channelCode = window.sessionStorage.getItem("channelCode"); if (channelCode == 18){//手机银行跳转,登陆 debugger ; alert("1"); if(windo
Android和H5之间的交互
Android和H5之间的交互 hybrid App开发也不是什么新鲜事了,其中native和h5之间的交互则是必不可少的。Android中是如何和H5交互的? 1、webView加载页面 我们都知道在Android中是通过webView来加载html页面的,根据HTML文件所在的位置不同写法也不同: //例如:加载assets文件夹下的test.html页面 mWebView.loa
android原生和H5交互
最近在左一个Android原生的H5混合开发的APP,之前还没有好好的总结一下 Android原生 和 H5 之间交互的方法,这里来总结一下: 1、hybrid通信,主要就是前端的js和我们Android端的通信     这是最基本JS和Java 的通信方式:        这里我们分四块来讲:         (1)、js调用android原生的代码(不传递参数)
h5和iOS原生交互,h5和iOS互相传值
前言 : h5和iOS原生交互,互相传值,下面代码是完整的.M文件  简单实现h5和原生交互,互相传值。 // //  ViewController.m //  原生-H5简单交互 // //  Created by Mr Yang on 2018/7/23. //  Copyright © 2018年 MrYang. All rights reserved. // #define Screem...
iOS原生APP与H5+JS交互
、 原生代码中直接加载页面 1.    具体案例 加载本地/网络HTML5作为功能介绍页 2.    代码示例 //本地 -(void)loadLocalPage:(UIWebView*)webView { NSString* htmlPath = [[NSBundle mainBundle]pathForResource:@"demo" ofType:@"html
Android与H5界面的交互(参数互传)以及遇到的一些问题
前言在开发项目是,有部分界面是H5界面,原本以为直接加载H5界面就能搞定,后来还是遇到参数互传问题了,然后网上意见不一,只好自己摸索,下面就给大家聊聊我遇到的问题~~~ 1.先给大家看看成功之后的界面跳转:解释一下: 界面跳转流程: 首页的限时特卖–>限时特卖的H5界面–>商品详情页.(1)由App原生界面跳转由首页的限时特卖小模块进入显示特卖的H5界面: 直接将后台返回的H5链接加载到WebVi
H5与iOS交互
- (void)webViewDidFinishLoad:(UIWebView *)webView { //js方法名+参数 NSString* jsCode = [NSString stringWithFormat:@"report('%@')",self.jsStr]; //调用html页面的js方法 [webView stringByEvaluatingJavaSc
iosH5ForApp
ios端h5和app交互,h5和iosApp通过js交互
vue h5与app交互心得
app(ios、安卓)与h5交互的原理: 1、app向h5发送信息:调用window下的全局方法并向方法内传参 2、h5向app发送信息:以url跳转的形式完成,app会拦截h5的链接跳转,当监测到特定的url时,即触发h5与app的交互,如window.loacation.href = 'http://appName.local.com?action=actionName',action即为...
iOS - App与H5交互之“登录信息的传递”
1.要求用户必须登录才能打开的H5: 2.对于可选登录的H5:
Webview与原生交互传值
UIWebView *webView = [[UIWebView alloc]initWithFrame:CGRectMake(0,0, MainScreenWidth,MainScreenHeight)]; WebView = webView; WebView.backgroundColor = [UIColor whiteColor]; WebView.delegate
Android和H5、JS进行交互调用
Android和H5、JS进行交互调用 Android开发过程中,我们或多或少都会用到webview,使用webview来展示一些经常变动的界面更加方便简单,也更易于维护。另一方面hybrid App开发也现在用的也越来越多了,其中native和h5之间的交互更是必不可少的。Android中是如何和H5交互的?或者说Android中是如何和JS交互的? 一、webView加载页面我们都知道在An
Android Hybrid app H5 交互
Android Hybrid app H5 交互 JS
webview和h5的交互
现在APP中经常会发现很多很多的H5页面,所以webview与js的交互显得非常重要: 一.理论:      在交互这块我们会涉及到两个场景:一种是h5直接调用原生的,这个时候在原生这边登录成功后,我们会执行一段协商好的js代码,callback传递一些参数返回给h5;另外一种是原生登录成功后,服务端会返回给我们cookie,并利用框架的属性把这个cookie进行持久化,这样下次请求的时候则自
android与h5的互相交互传参
最近几年随着h5的强势崛起,越来越多的公司运用h5开发或者采用h5与android的混合开发,前端时间公司就碰到了一个h5就和android交互的项目,本人也是在摸索中一次次改进,废话不说了直接上代码: 1.建议使用new Webview构建webview对象而不是直接在布局xml文件中运用 xmlns:android="http://schemas.android.com/apk
原生和 h5 的通信问题
原生和 h5 的通信问题h5 到原生,原生返回 h5 的时候需要给 h5 传值。有两种方式: 1. 直接调用js的方法 2. 通过一个 CDVPluginResult 的对象来唤醒回调方法直接调用js的方法该方法是在显示 h5 页面的控制器(该控制器是 CDVViewController 的子类),通过 webView 的 stringByEvaluatingJavaScriptFromStri
app和H5页面交互
绑定结果 /js/jquery-1.8.1.min.js"> function openEbcSuccess(){ var jsonData = ''; window.I_Finance_Service
H5根原生app交互
http://mp.weixin.qq.com/s?__biz=MjM5MzMyNzg0MA==&mid=2650403092&idx=1&sn=f4a7d672978c30131e4d7cf470bd08c2&chksm=be95ee9b89e2678d89ae33f2dfbfd1273ecd50a5b9403a64953717d37c495d5c6c234d585a4e&mpshare=1&sc
iOS原生App与H5页面交互笔记
最近在做一个项目用到了原生App与H5交互,之前有做过简单的H5页面直接调用原生方法的例子,就是利用UIWebView中的代理方法 //webview每次加载之前都会调用这个方法,利用该代理方法截取JS的href来调用原生的方法 - (BOOL)webView:(UIWebView*)webView shouldStartLoadWithRequest:(NSURLRequest*
我是如何做到H5和移动端原生交互的
我是如何做到H5和移动端原生交互的本文基于“筛选条件”功能,以此为示例详细介绍移动端和H5页面的交互方式。需求:手机端的H5(jsp)页面上有一个筛选按钮,但这个筛选按钮要做成原生的,就是说点击该H5页面上的按钮,将筛选条件以json格式的形式传递给移动端,移动端处理后展示在H5页的上层,然后点击相应条件,做筛选,将选中的条件传递给H5,然后H5调用自身页面上的js,传递到web后台做相应的查询。
Html5嵌入app后通过JS和ios以及android客户端交互
HTML5和交互
iOS开发--UIWebview与H5之间的交互
随着互联网产业的发展,在移动开发的过程中原生与H5的混合开发在移动开发中占据着越来越重要的地位。 下面介绍开发中的一些心得 1: 将HTML页面加载到UIWebview控件中: A:本地加载: NSString *webPath = [[NSBundlemainBundle]pathForResource:@“HelloWord"ofType:@"html”];//获取文件路
Html5启动android app及两者间的数据交互全面总结
由于公司需要,作为一个安卓程序猿的我最近开始做H5,做的H5页面主要用于被用户分享出去,那么就涉及两个很头痛的问题。app如何与H5进行数据交互?装了我们app的用户如何通过H5页面打开app呢?        国内外网站查了好多资料,但并没有一篇完整blog去描述清楚这两个问题,在综合了众多信息之后终于把问题搞定了,现在就来分享一下这个两个问题的完整解答。       情景描述:app分享影
H5页面与APP的交互
概述 APP调用H5页面时,出现有些页面页头重复的现象,需去掉H5页头使用原生APP页头。 解决方案 方案一: 前端在网页中写一个隐藏头部的方法,客户端直接调用; 方案二: 使用userAgent判断当前页面是否在webView里打开: 两种判断方式: 1.与app端约定一个字段,判断ua中是否包含此字段; var Href = window.location.href...
Hybrid APP 混合开发模式的选择之路(五:原生和H5的交互原理)
原文出处:http://www.cnblogs.com/dailc/p/5931322.html 在Hybrid APP中,原生与H5的交互方式在Android和iOS上的实现是有异同的,原因是Android、iOS的通信机制有所区别,下面介绍原生和H5相互调用的方法 Android端 Native调JS 4.4版本之前 // mWebView = new WebVi
安卓混合开发——Android原生和H5数据交互,详细Demo
安卓混合开发——Android原生和H5数据交互,详细Demo;Android 与 H5互动;Android与H5数据互传;H5与Android交互;安卓与html交互;安卓与H5交互;混合开发--Android与H5交互;;Android获取html里面的据;Android发送数据到html页面显示
Android 与H5的交互简单实现
简单介绍WebView加载H5页面的方法 注:由于android版本的不同webview加载h5拦截方法也会不同下面代码已标出分界线android7.0 WebSettings settings = wv_goods_detail.getSettings();//wv_goods_detail为初始化的webview settings.setJavaScriptEnabled...
iOS与HTML5交互方法总结
摘要看了不少别人写的博客或者论坛,关于iOS与HTML5交互方法大概主要有5种方式:1. 利用WKWebView进行交互(系统API) 2. 利用UIWebView进行交互(系统API) 3. 苹果的javascriptcore.framework框架; 4. 跨平台cordova框架; 5. oc第三方WebViewJavascriptBridge 关于WKWebView的介绍在前篇文章已经有了
WKWebView与H5交互的两种方式
交互方式一:原生交互(以WKWebView为栗子) 1.原生调用H5方法 [wkWebView evaluateJavaScript:@&quot;js方法名&quot; completionHandler:^(id _Nullable response, NSError * _Nullable error) { if (!error) { // 成功 NSLog(@&quot;%@&quot;,response)...
记一次利用vue.js完成的h5与app的交互
记一次利用vue.js完成的h5与app的交互唠叨:最近接收一个用vue写的项目,对我来说甚是头大。不得不说这是对传统前端的一次大过滤,之前仗着html,css,js混饭吃的前端儿们,压力越来越大,我就是这样的一个例子。压力越大,只要不放弃,成长的也越快啊,所以,咬牙就咔咔开始干。需求:一个H5分享页面,要分享的页面上的东西是动态的,需要app在h5页面的url后面拼接参数(为防止渲染时出现乱码现象
iOS和H5交互的两种方式
iOS和H5交互的两种方式 介绍两种iOS与H5交互的方式  一:在shouldStartLoadWithRequest 代理方法中拦截url,通过之前定义好的scheme协议来判断 H5端需要做什么。  二:在webViewDidFinishLoad 代理方法中将定义好方法的对象传给H5端,H5直接通过此对象进行调用。 代码位置: http://download.cs
Android与H5数据交互
2016-04-26  by  木易哥哥--Edward  1.android端首先邦定建立的javascriipt对象 mWebH5.addJavascriptInterface(new JavaScriptInterface(this), "android"); 2.JavaScriptInterface对象代码 public class JavaScriptI
iOS 开发 objective-C界面与H5交互
在当前的移动开发过程中,原生与H5的混合开发越来越多,H5界面在APP中的比例越来越大,H5不在仅仅是展示内容信息,儿此时的交互,也越来越多。接下来介绍一点iOS与H5交互的心得。iOS加载webView iOS加载webView还是非常方便的,声明webView,接着load一下,就可以了。@property (nonatomic,strong) UIWebView * webView;
iOS与H5界面JSBridge交互Demo
iOS的UIWebView和H5的JS的相互调用和相互传值Demo, 一键运行, 简介明了~~ 都是自己躺过又填好的坑啊~~~~~~~
JS和app交互
智者精选,每天获取励志认知能量 www.5izhjx.com一、    H5上代码的对接要点:1.Object类型的传参、2.同一个与app交互的JS方法、3.脚本方法需内嵌到head里面。 &amp;lt;html&amp;gt;    &amp;lt;head&amp;gt;        &amp;lt;meta http-equiv=&quot;Content-Type&quot;    content=&quot;text/html;charset=UTF...
ios与H5通过WKWebView交互详解
WK的基本用法先不说了,主要在这里记录一下使用WKWebView在于H5交互时走过的一些坑,以及如果web端的同学如果没有做过和ios端的交互,那么自己也可以去帮助web端去完成;另外在调试过程中,也不用一味的去等待和H5去联调,可以自己写一个本地的链接供自己去提前调试 这里主要写js调用OC的两种场景 首先需要和H5端去定义一些协议,来完成不同的功能,例如:在app的H5界面,进入OC的某个...
H5同andriod、ios交互的桥梁webview
首先,webview是什么呢?webview的中文名叫网络视图,其实它就相当于一个浏览器,用来加载html页面的,它起源于andriod手机中内置的一款高性能webkit内核浏览器,在SDK中封装为一个叫做WebView的组件。现在,在实际工作中,一些公司需要H5来做一些App的页面,然后嵌入源生App中,那么怎么嵌入呢?没错就是通过webview来实现的,那么废话少说直接讲代码吧。
前端与移动端交互 及下拉刷新
曾经和安卓还有ios同事一起做了APP,其中一个模块是嵌入了h5页面,有些和移动端的交互,现记录一下,其中serviceListener为移动端监听的方法名 如果是ios8,serviceListener('');括号里为与app交互内容 ios其他版本,window.webkit.messageHandlers.serviceListener.postMessage('');        ...
app内嵌H5页面与其他app的交互
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦: Markdown和扩展Markdown简洁的语法 代码块高亮 图片链接和图片上传 LaTex数学公式 UML序列图和流程图 离线写博客 导入导出Markdown文件 丰富的快捷键 快捷键 加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl
【Swift开发】WKWebView和js的交互
转载地址 : Swift WKWebView与JS交互
相关热词 c#检测非法字符 c#双屏截图 c#中怎么关闭线程 c# 显示服务器上的图片 api嵌入窗口 c# c# 控制网页 c# encrypt c#微信网页版登录 c# login 居中 c# 考试软件