当前位置: 首页>编程语言>正文

安卓java click 安卓java 调用 webview中cocs代码

使用javascript调用android代码

1.使用webview对象的addJavascriptInterface方法

2.addJavascriptInterface方法有两个参数,第一个参数就是我们一般会实现一个自己的类,类里面提供我们要提供给javascript访问的方法;第二个参数是访问我们在obj中声明的方法时候所用到的js对象,调用模式为window.interfaceName.方法名()或者是javascript: interfaceName.方法名() ;,如myWebView.addJavascriptInterface(new JavaScriptinterface(this), "android");

3.编写JavaScriptinterface类,如有一个函数名为showToast()的方法

4.在html中调用时的形式:javascript:android.showToast()。
附上一个小例子:

import android.content.Context;
import android.widget.Toast;

public  class JavaScriptinterface {

     private Context mContext;

     /**  Instantiate the interface and set the context  */
     public JavaScriptinterface(Context c) {
        mContext = c;
    }

     /**  Show a toast from the web page  */
     public  void showToast(String toast) {
        Toast.makeText(mContext, toast, Toast.LENGTH_SHORT).show();
    }
}

import java.io.BufferedReader;
import java.io.File;
import java.io.InputStreamReader;
import android.app.Activity;
import android.content.Context;
import android.os.Bundle;
import android.view.KeyEvent;
import android.webkit.WebView;
import android.webkit.WebViewClient;

public  class MainActivity  extends Activity {
     /**  Called when the activity is first created.  */
     private WebView myWebView;

    @Override
     public  void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        myWebView = (WebView) findViewById(R.id.myWebView);
        myWebView.getSettings().setJavaScriptEnabled( true);
        myWebView.addJavascriptInterface( new JavaScriptinterface( this),
                "android");
        String htmlText = getFromAssets("test.html");
         // 把myWebView加载html
        myWebView.loadData(htmlText, "text/html", "utf-8");
        myWebView.setWebViewClient( new myWebViewClient());
        
    }

     //  此按键监听的是返回键,能够返回到上一个网页(通过网页的hostlistery)
     public  boolean onKeyDown( int keyCode, KeyEvent event) {
         if ((keyCode == KeyEvent.KEYCODE_BACK) && myWebView.canGoBack()) {
            myWebView.goBack();
             return  true;
        }
         return  super.onKeyDown(keyCode, event);
    }

     public String getFromAssets(String fileName) {
         try {
            InputStreamReader inputReader =  new InputStreamReader(
                    getResources().getAssets().open(fileName));

            BufferedReader bufReader =  new BufferedReader(inputReader);

            String line = "";
            String Result = "";

             while ((line = bufReader.readLine()) !=  null)
                Result += line;
             if (bufReader !=  null)
                bufReader.close();
             if (inputReader !=  null)
                inputReader.close();
             return Result;
        }  catch (Exception e) {
            e.printStackTrace();
        }
         return  null;
    }

     class myWebViewClient  extends WebViewClient {

        @Override
         public  boolean shouldOverrideUrlLoading(WebView view, String url) {
             //  TODO Auto-generated method stub
            view.loadUrl(url);
             return  true;
        }

    }
}

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html  xmlns ="http://www.w3.org/1999/xhtml"  xml:lang ="zh-CN"  dir ="ltr" >
< head >
< meta  http-equiv ="Content-Type"  content ="text/html; charset=UTF-8"   />

< script  type ="text/javascript" >   
function showAndroidToast(toast) {       
    javascript:android.showToast(toast);   
     }
</ script >

</ head >
< body >
< input  type ="button"  value ="Say hello"
    onClick ="showAndroidToast('Hello Android!')"   />
</ body >
</ html >

android的应用程序中,可以直接调用WebView 中的javascript 代码:

import java.io.BufferedReader;
import java.io.File;
import java.io.InputStreamReader;
import android.app.Activity;
import android.content.Context;
import android.content.Intent;
import android.net.Uri;
import android.os.Bundle;
import android.os.Handler;
import android.view.KeyEvent;
import android.view.View;
import android.view.View.OnClickListener;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.Button;

public  class MainActivity02  extends Activity {
     /**  Called when the activity is first created.  */
     private WebView webView; 
       private Button button; 
      @Override 
       public  void onCreate(Bundle savedInstanceState) { 
           super.onCreate(savedInstanceState); 
          setContentView(R.layout.main2); 
           
          webView=(WebView)  this.findViewById(R.id.webView); 
          button=(Button)  this.findViewById(R.id.button); 
           
          WebSettings setting=webView.getSettings(); 
           // 设置支持javascript 
          setting.setJavaScriptEnabled( true); 
             // 增加接口方法,让html页面调用   
          webView.addJavascriptInterface( new Object(){ 
               // 这里我定义了一个拨打的方法   
               public  void startPhone(String num){ 
                  Intent intent= new Intent(); 
                   
                  intent.setAction(Intent.ACTION_CALL); 
                  intent.setData(Uri.parse("tel:"+num)); 
                  startActivity(intent); 
              } 
          }, "demo"); 
           // 加载页面 
          webView.loadUrl("file:///android_asset/test2.html"); 
           
          button.setOnClickListener( new OnClickListener() { 
               
              @Override 
               public  void onClick(View v) { 
                   //  TODO Auto-generated method stub 
                  webView.loadUrl("javascript:show('activity传过来的数据')");  // 调用javascript函数
                   /*
                  * 通过webView.loadUrl("javascript:xxx")方式就可以调用当前网页中的名称
                  * 为xxx的javascript方法
                   */
              } 
          }); 
}
}  

<! DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" > 
< html > 
< head > 
< meta  http-equiv ="Content-Type"  content ="text/html; charset=UTF-8" > 
< title >Insert title here </ title > 
< script  type ="text/javascript" > 
      function show(content){ 
         document.getElementById("countent").innerHTML= 
             "这是我的javascript调用. 这是:"+content; 
     } 
</ script > 
</ head > 
< body > 
   < table  align ="center" > 
      < tr >< td >姓名 </ td >< td >电话 </ td ></ tr > 
      < tr >< td >小明 </ td >< td >< a   href ="javascript:demo.startPhone(123)" >123 </ a ></ td ></ tr > 
      < tr >< td >小王 </ td >< td >< a   href ="javascript:demo.startPhone(456)" >456 </ a ></ td ></ tr > 
   </ table > 
   < p  id ="countent" >html原始数据 </ p > 
</ body > 
</ html >

android addJavascriptInterface 不能生效 解决办法

常见的客户端与H5的混合编程是使用scheme+、JS bridge、provider等。

在做Android 与 H5 客户端交互时,发现一个很诡异的错误。在一个4.2.2的 三星S3上,Android Javascript Bridge 会出现回调出错。

所有挂在Bridge对象下的函数均无法找到。于是一点点排查问题到底出现在哪。

其他手机H5混合编程消息回调正常,本以为是因为是旅行V3.0是基于Fragment引起的,即fragment下不能使用。后来经过排查发现不是这个问题。

发现就是手上的一台S3不行,其他基本都可以进行消息回调。

排查了一大圈,发现在Android SDK Target API Level 16+的情况下,使用以往的方式进行Native 与 H5进行混合编程均无法搞定。

解决办法:

  1. 推荐使用较高的Target SDK去编译【4.0+】.

2. 在Javascript Bridge对象下的所有回调方法使用 @JavascriptInterface 进行注解声明

import android.webkit.JavascriptInterface;

使用4.0+版本的Target SDK时,需要注意对回调方法进行注解声明!这种坑 很难发现,使用类似的混合编程技术的团队请关注这点~

设备ROM版本

开发环境 Target SDK

不用注解,消息是否能生效

<4.0

>4.0

Ok

<4.0

<4.0

Ok

>4.0

>4.0

NO

<4.0

>4.0

OK

public class J2NBridgeManager {

 

@JavascriptInterface

public void startNativeService(String schemeUrl) {

// js回调为空 则直接返回

if (TextUtils .isEmpty(schemeUrl)) {

return;

}

 

final TripURL mServiceUrl = Utils.getURIByUrlWithDecoded(schemeUrl);

// 执行本地一个service ,异步处理完后,回调js

mHandler.post( new Runnable() {

@Override

public void run() {

doService(mServiceUrl);

}

});

}

}

参考文章:

http://stackoverflow.com/questions/13063222/web-view-addjavascriptinterface-issue

http://stackoverflow.com/questions/16353430/appview-addjavascriptinterface-doen-not-work-on-api-17

2.微信android 5.0+版本的消息分享,无法通过scheme唤起 第三方客户端

之前我们会通过provider 在微信webview中JS检查手机是否安装旅行客户端,然后通过下面的方式进行逻辑分发:

通过scheme唤醒第三方客户端,在<5.0版本前均可以通过window.location.href = 'taobaotravel://h5_homepage';的自定义的scheme去实现,但是微信5.0版本后,貌似是在微信的webview中进行了url过滤,对应非信任的url进行了屏蔽,所以导致不能发起scheme去唤醒客户端。

关于URL白名单这个东西,目前仅仅为猜测,如果谁有微信的那边的朋友【微信研发团队是在广州】,可以帮忙确认下。

如果确认是微信加了白名单,目前通过微信5.0+webview唤醒我们的第三方app将变成死路。。。。

如果能通过商业合作的方式也是可取的

if(isMac) {
 	if(getAvailabled()) {
 	$('J_btn').innerHTML = '旅行启动中…';
 	 
 	setTimeout(function() {
 	if(window.location.href.match('promo-assit.php')) {
 	window.location.href = 'taobaotravel://h5_homepage';
 	$('J_btn').innerHTML = '启动旅行客户端';
 	return;
 	}
 	 
 	window.location.href = 'taobaotravel://h5_webview?' + param;
 	$('J_btn').innerHTML = '启动旅行客户端';
 	}, 1300);
 	} else {
 	// 跳活动页面
 	if(window.location.href.match('promo-assit.php')) {
 	window.location.href = 'http://lv.taobao.com/';
 	} else {
 	window.location.href = fixUrl(jmpurl);
 	}
 	}
 	}



https://www.xamrdz.com/lan/5t21960937.html

相关文章: