柚子快報激活碼778899分享：

Hepsiburada全能購綜合2025-05-05510

柚子快報激活碼778899分享：

http://yzkb.51969.com/

3.3.JS調(diào)用Java代碼

3.3.1addJavascriptInterface()方式 3.3.2攔截請求方式 3.3.2攔截對話框方式

1.前言

===============================================================

app開發(fā)過程中，利用原生+h5模式來開發(fā)是比較常見的，剛學(xué)習(xí)一段時間的安卓技術(shù)，感覺對我來說使用h5來實現(xiàn)ui界面是于安卓原生相比還是更為快速一下，也能夠在網(wǎng)上找到許多模板樣式。目前android和H5的基本知識都大概了解了，但android和H5之間的交互比較陌生，所以查閱了一下資料，對android與H5交互方法進(jìn)行一個簡單的記錄和演示，為后續(xù)應(yīng)用開發(fā)做準(zhǔn)備。

2.交互方式總結(jié)

===================================================================

JAVA調(diào)用JS代碼

方式一：使用WebView的loadUrl()方法，以loadUrl(script)的方式調(diào)用。

方式二：使用WebView的evaluateJavascript()方法。

JS調(diào)用JAVA代碼

方式一：使用WebView的addJavascriptInterface()方法注入對象。

方式二：使用WebViewClient 的shouldOverrideUrlLoading()方法回調(diào)攔截請求。

方式三：重寫 WebChromeClient 的onJsAlert()、onJsConfirm()、onJsPrompt()方法回調(diào)攔截JS對話框alert()、confirm()、prompt() 消息。

3.分析與演示

==================================================================

3.1演示項目準(zhǔn)備

（一）創(chuàng)建一個安卓項目，用來演示交互效果

（二）修改主界面布局文件

xmlns:app=“http://schemas.android.com/apk/res-auto”

xmlns:tools=“http://schemas.android.com/tools”

android:id=“@+id/root”

android:layout_width=“match_parent”

android:layout_height=“match_parent”

android:background=“#ffffff”

tools:context=“.MainActivity”>

android:id=“@+id/tv”

android:layout_width=“0dp”

android:layout_height=“wrap_content”

android:layout_marginTop=“50dp”

android:gravity=“center”

android:text=“我是測試啊”

android:textColor=“#000000”

app:layout_constraintEnd_toEndOf=“parent”

app:layout_constraintStart_toStartOf=“parent”

app:layout_constraintTop_toTopOf=“parent” />

android:id=“@+id/btn”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_marginTop=“30dp”

android:gravity=“center”

android:text=“測試”

app:layout_constraintEnd_toEndOf=“parent”

app:layout_constraintStart_toStartOf=“parent”

app:layout_constraintTop_toBottomOf=“@+id/tv” />

android:id=“@+id/web_view”

android:layout_width=“0dp”

android:layout_height=“0dp”

android:layout_marginTop=“30dp”

app:layout_constraintEnd_toEndOf=“parent”

app:layout_constraintStart_toStartOf=“parent”

app:layout_constraintTop_toBottomOf=“@+id/btn”

app:layout_constraintBottom_toBottomOf=“parent”/>

（三）test_java_call_js.html內(nèi)容

（四）test_js_call_java.html內(nèi)容

（五） MainActivity內(nèi)容

public class MainActivity extends AppCompatActivity {

//webView

private WebView webView;

//“JAVA調(diào)用JS無參方法”

private Button btnJavaCallJSNoParamFunc;

//“JAVA調(diào)用JS有參方法”

private Button btnJavaCallJSHaveParamFunc;

//“JAVA調(diào)用JS并獲得返回結(jié)果”

private Button btnJavaCallJSHaveReturnFunc;

//“跳轉(zhuǎn)到html界面測試JS調(diào)用JAVA方法”

private Button btnToJSCallJavaFuncWebView;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setTitle(“demo”);

setActivityMainToContentView();

}

/***

重寫返回鍵響應(yīng)方法

@Override

public void onBackPressed() {

//找原來activity_main.xml中的元素

View v = findViewById(R.id.btn_to_js_call_java_func_webView);

//如果找不到，就設(shè)置ContentView為activity_main

if(v == null){

setActivityMainToContentView();

} else {

super.onBackPressed();

}

/***

設(shè)置ContentView為activity_main需要的一系列初始化

private void setActivityMainToContentView() {

setContentView(R.layout.activity_main);

//初始webView

initWebView();

btnJavaCallJSNoParamFunc = findViewById(R.id.btn_java_call_js_no_param_func);

btnJavaCallJSNoParamFunc.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View v) {

callJs(“javascript:javaCallJsNoParam()”);

//webView.loadUrl(“javascript:javaCallJsNoParam()”);

}

});

btnJavaCallJSHaveParamFunc = findViewById(R.id.btn_java_call_js_have_param_func);

btnJavaCallJSHaveParamFunc.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View v) {

callJs(“javascript:javaCallJsHaveParam('”+ +Math.random() +“')”);

}

});

btnJavaCallJSHaveReturnFunc = findViewById(R.id.btn_java_call_js_have_param_return_func_);

btnJavaCallJSHaveReturnFunc.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View v) {

callJs(“javascript:javaCallJsHaveReturn()”);

}

});

btnToJSCallJavaFuncWebView = findViewById(R.id.btn_to_js_call_java_func_webView);

btnToJSCallJavaFuncWebView.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View v) {

//加載test_js_call_java.html

webView.loadUrl(“file:///android_asset/test_js_call_java.html”);

//設(shè)置ContentView為webView;

setContentView(webView);

}

});

}

private void initWebView() {

webView = new WebView(this);

WebSettings webSettings = webView.getSettings();

//設(shè)置支持javaScript腳步語言

webSettings.setJavaScriptEnabled(true);

//限制在WebView中打開網(wǎng)頁，而不用默認(rèn)瀏覽器

//在這里我重寫了WebViewClient中的shouldOverrideUrlLoading方法，來驗證安卓攔截url

//webView.setWebViewClient(new WebViewClient());

webView.setWebViewClient(new WebViewClient(){

@Override

public boolean shouldOverrideUrlLoading(WebView view, WebResourceRequest request) {

Uri uri = request.getUrl();

Toast.makeText(MainActivity.this, “攔截到URL：”+uri.toString(), Toast.LENGTH_SHORT).show();

//返回true取消當(dāng)前加載，否則返回false.

return true;

}

);

//設(shè)置可讓界面彈出alert等提示框

//webView.setWebChromeClient(new WebChromeClient());

webView.setWebChromeClient(new WebChromeClient(){

//重寫onJsAlert方法，做出簡單響應(yīng)

@Override

public boolean onJsAlert(WebView view, String url, String message, JsResult result) {

//只對特殊信息做出響應(yīng)，避免影響其他警告框

if(message.equals(“測試onJsAlert”)){

Toast.makeText(MainActivity.this, message, Toast.LENGTH_SHORT).show();

}

return super.onJsAlert(view, url, message, result);

}

//重寫onJsConfirm方法，做出簡單響應(yīng)

@Override

public boolean onJsConfirm(WebView view, String url, String message, JsResult result) {

Toast.makeText(MainActivity.this, message, Toast.LENGTH_SHORT).show();

return super.onJsConfirm(view, url, message, result);

}

//重寫onJsPrompt方法，做出簡單響應(yīng)

@Override

public boolean onJsPrompt(WebView view, String url, String message, String defaultValue, JsPromptResult result) {

Toast.makeText(MainActivity.this, message, Toast.LENGTH_SHORT).show();

return super.onJsPrompt(view, url, message, defaultValue, result);

}

});

//設(shè)置支持js調(diào)用java

webView.addJavascriptInterface(new JsObject(),“injectedObject”);

//加載網(wǎng)絡(luò)資源

webView.loadUrl(“file:///android_asset/test_java_call_js.html”);

}

/***

被注入對象

class JsObject {

//能夠被JS調(diào)用的無參方法

@JavascriptInterface

public void jsCallJavaNoParam() {

Toast.makeText(MainActivity.this, “JS成功調(diào)用JAVA！”, Toast.LENGTH_SHORT).show();

}

//能夠被JS調(diào)用的有參方法

@JavascriptInterface

public void jsCallJavaHaveParam(String param) {

Toast.makeText(MainActivity.this, “JS成功調(diào)用JAVA有參方法！參數(shù)為：”+param, Toast.LENGTH_SHORT).show();

}

//能夠被JS調(diào)用的帶返回值的方法

@JavascriptInterface

public String jsCallJavaHaveReturn() {

Double num = Math.random();

return “”+num;

}

/***

調(diào)用JS

private void callJs(String javascript){

//調(diào)用JS

webView.evaluateJavascript(javascript, new ValueCallback() {

@Override

public void onReceiveValue(String response) {

//如果有返回值，做出簡單響應(yīng)(JS函數(shù)無返回值是，response不為null，而是字符串"null")

if(!response.equals(“null”)) {

Toast.makeText(MainActivity.this, “JS返回的隨機(jī)數(shù)的值為” + response, Toast.LENGTH_SHORT).show();

}

});

//設(shè)置ContentView為webView;

setContentView(webView);

}

3.2.Java調(diào)用JS代碼

題外話

我們見過很多技術(shù)leader在面試的時候，遇到處于迷茫期的大齡程序員，比面試官年齡都大。這些人有一些共同特征：可能工作了7、8年，還是每天重復(fù)給業(yè)務(wù)部門寫代碼，工作內(nèi)容的重復(fù)性比較高，沒有什么技術(shù)含量的工作。問到這些人的職業(yè)規(guī)劃時，他們也沒有太多想法。

其實30歲到40歲是一個人職業(yè)發(fā)展的黃金階段，一定要在業(yè)務(wù)范圍內(nèi)的擴(kuò)張，技術(shù)廣度和深度提升上有自己的計劃，才有助于在職業(yè)發(fā)展上有持續(xù)的發(fā)展路徑，而不至于停滯不前。

不斷奔跑，你就知道學(xué)習(xí)的意義所在！

注意：我們之前因為秋招收集的二十套一二線互聯(lián)網(wǎng)公司Android面試真題（含BAT、小米、華為、美團(tuán)、滴滴）和我自己整理Android復(fù)習(xí)筆記（包含Android基礎(chǔ)知識點、Android擴(kuò)展知識點、Android源碼解析、設(shè)計模式匯總、Gradle知識點、常見算法題匯總。）

網(wǎng)上學(xué)習(xí)資料一大堆，但如果學(xué)到的知識不成體系，遇到問題時只是淺嘗輒止，不再深入研究，那么很難做到真正的技術(shù)提升。

需要這份系統(tǒng)化學(xué)習(xí)資料的朋友，可以戳這里獲取

一個人可以走的很快，但一群人才能走的更遠(yuǎn)！不論你是正從事IT行業(yè)的老鳥或是對IT行業(yè)感興趣的新人，都?xì)g迎加入我們的的圈子（技術(shù)交流、學(xué)習(xí)資源、職場吐槽、大廠內(nèi)推、面試輔導(dǎo)），讓我們一起學(xué)習(xí)成長！

題外話

不斷奔跑，你就知道學(xué)習(xí)的意義所在！

[外鏈圖片轉(zhuǎn)存中…(img-RC6DkCmU-1714353723839)]

網(wǎng)上學(xué)習(xí)資料一大堆，但如果學(xué)到的知識不成體系，遇到問題時只是淺嘗輒止，不再深入研究，那么很難做到真正的技術(shù)提升。

需要這份系統(tǒng)化學(xué)習(xí)資料的朋友，可以戳這里獲取

柚子快報激活碼778899分享：

http://yzkb.51969.com/

精彩文章

評論可見，查看隱藏內(nèi)容