[android] WebView與Js交互

来源:http://www.cnblogs.com/taoshihan/archive/2016/04/30/5449128.html
-Advertisement-
Play Games

獲取WebView對象 調用WebView對象的getSettings()方法,獲取WebSettings對象 調用WebSettings對象的setJavaScriptEnabled()方法,設置js可用,參數:布爾值 在判斷是否支持js的時候,不要用alert(),預設不起作用,可以先用docu ...


獲取WebView對象

調用WebView對象的getSettings()方法,獲取WebSettings對象

調用WebSettings對象的setJavaScriptEnabled()方法,設置js可用,參數:布爾值

在判斷是否支持js的時候,不要用alert(),預設不起作用,可以先用document.write()測試

 

調用WebView對象的addJavascriptInterface(obj, interfaceName)方法,添加js介面,參數:Object對象,String介面名稱(這個對象在js中的別名)

定義一個內部類MyJavascript

定義一個方法showToast(),顯示吐司,api版本大於17需要加註解@JavascriptInterface

 

java代碼:

package com.tsh.mywebview;

import android.annotation.SuppressLint;
import android.app.Activity;
import android.app.ProgressDialog;
import android.graphics.Bitmap;
import android.os.Bundle;
import android.view.KeyEvent;
import android.view.Menu;
import android.view.MenuItem;
import android.view.Window;
import android.webkit.JavascriptInterface;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.Toast;

public class MainActivity extends Activity {
    private WebView webview;
    private ProgressDialog pd;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        requestWindowFeature(Window.FEATURE_NO_TITLE);
        setContentView(R.layout.activity_main);
        
        pd=new ProgressDialog(this);
        pd.setMessage("正在載入...");
        
        
        //webview的簡單設置
        webview=(WebView) findViewById(R.id.wv_internet);
        //http://100.65.187.106/test.php
        webview.loadUrl("http://100.65.187.106/test.php");
        WebSettings websettings=webview.getSettings();
        websettings.setSupportZoom(true);
        websettings.setBuiltInZoomControls(true);
        
        //js交互
        new MyJavascript().showToast("111");
        websettings.setJavaScriptEnabled(true);
        webview.addJavascriptInterface(new MyJavascript(), "Android");
        webview.loadUrl("javascript:documentWrite('測試')");
        
        webview.setWebViewClient(new WebViewClient(){
            @Override
            public void onPageStarted(WebView view, String url, Bitmap favicon) {
                pd.show();
            }
            @Override
            public void onPageFinished(WebView view, String url) {
                pd.dismiss();
            }
        });
        
    }
    //暴露給js的功能介面
    public class MyJavascript{
        //顯示吐司
        // 如果target 大於等於API 17,則需要加上如下註解
        @JavascriptInterface
        public void showToast(String text) {
            Toast.makeText(MainActivity.this, text, 1).show();
        }
        //顯示loading
        @JavascriptInterface
        public void showProgressDialog(String text) {
            pd.setMessage(text);
            pd.show();
        }
    }
    //後退鍵
    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        if(keyCode==KeyEvent.KEYCODE_BACK&&webview.canGoBack()){
            webview.goBack();
            return true;
        }
        return super.onKeyDown(keyCode, event);
    }
    //菜單鍵
    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        menu.add(0, 0, 0, "刷新");
        menu.add(0, 0, 1, "後退");
        menu.add(0, 0, 2, "前進");
        return super.onCreateOptionsMenu(menu);
    }
    //菜單點擊事件
    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        switch (item.getOrder()) {
        case 0:
            webview.reload();
            break;
        case 1:
            if(webview.canGoBack()){
                webview.goBack();
            }
            break;
        case 2:
            if(webview.canGoForward()){
                webview.goForward();
            }
            break;
        }
        return super.onOptionsItemSelected(item);
    }

}

 

js代碼:

 

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>測試android程式</title>
</head>
<body>

    測試android和js交互
    <br/>
    <button onClick="showToast()">顯示吐司</button>
    <br/>
    <button onClick="showProgressDialog()">顯示loading</button>
<script type="text/javascript">
function showToast(){
    Android.showToast("顯示吐司");
}
function showProgressDialog(){
    Android.showProgressDialog("顯示進度條");
}

</script>
</body>
</html>

 

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 1. 類型安全和類型推測 1> 類型安全 Swift 是一個 _類型安全(type safe)_ 的語言。類型安全的語言可以讓你清楚地知道代碼要處理的值的類型。如果你的代碼需要一個`String`,你絕對不可能不小心傳進去一個`Int`。 由於 Swift 是類型安全的,所以它會在編譯你的代碼時進行 ...
  • 多進程 多線程 優點 安全 穩定 擴大記憶體空間 節約CPU時間 AIDL=Android Interface definition language 多進程 多線程 優點 安全 穩定 擴大記憶體空間 節約CPU時間 使用情況:做一個下載,不想讓你的下載拖垮你的應用;播放器;ADK; 目的 =Aidl接 ...
  • 1. 整數 整數就是沒有小數部分的數字,比如`42`和`-23`。整數可以是`有符號`(正、負、零)或者`無符號`(正、零)。 Swift 提供了8,16,32和64位的有符號和無符號整數類型。這些整數類型和 C語言的命名方式很像,比如8位無符號整數類型是`UInt8`,32位有符號整數類型是`In ...
  • 最近做畢設,需要寫一個簡單的藍牙APP進行交互,在網上也找了很多資料,終於給搞定了,這裡分享一下^_^。 1、Android藍牙編程 藍牙3.0及以下版本編程需要使用UUID,UUID是通用唯一識別碼(Universally Unique Identifier),這是一個軟體構建的標準,也是被開源基 ...
  • App Store: Pinyin Comparison 拼音辨別 新增拼音連連看小游戲,選擇拼音相同的兩個字,難度中等,很耐玩。 新增自由拼拼音模式,可以查看每種拼音對應的常見漢字,對理解聲母韻母很有幫助。 1. Add a pinyin selecting game 2. Now you can ...
  • 開發iOS經常會看見KVO和KVC這兩個概念,特地瞭解了一下。 我的新博客wossoneri.com "link" KVC Key Value Coding 是一種用間接方式訪問類的屬性的機制。比如你要給一個類中的屬性賦值或者取值,可以直接通過類和點運算符實現,當然也可以使用 。不過對於私有屬性,點 ...
  • 1. 常量和變數 常量 和 變數 把一個名字(比如 'number' 或者 'welcomeMessage')和一個指定類型的值(比如數字'10'或者字元串 ' "Hello" ' )關聯起來。常量的值一旦設定就不能改變,而變數的值可以隨意更改。 1> 聲明變數和常量 常量 和 變數 必須在使用前聲 ...
  • Cell屬於UITableView中的組件,有多種定義方式,有系統自帶的方法,有自定義的方法。 可以使用系統的方法setSeparatorColor(設置分割線顏色) 設置setSeparatorStyle(設置分割線類型) 也可以自己自定義一個Cell 在Cell的下麵添加一個極細的UIView, ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...