android webview中如何實現html與手機本地資料的互動

阿新 • • 發佈：2019-01-27

在webview開發中，往往不止簡單的載入一個頁面顯示那麼簡單，常常有將手機本地的資料放到html上顯示和將html上操作的資料儲存到手機本地的情況，那麼如何實現這種資料互動呢：
一：webvie部份：

final String json="{title1:孔子,title2:孟子,title3:莊子}";
        wv_webview.addJavascriptInterface(new Object() {
            //@param message:  html頁面傳進來的資料
            @JavascriptInterface
            public 
 String getLocationData(String message) {
                Toast.makeText(MainActivity.this, message, 1).show();
                return json; // 把本地資料弄成json串，傳給html
            }

        }, "MyBrowserAPI");//MyBrowserAPI:自定義的js函式名

        wv_webview.loadUrl("file:///android_asset/index.html");

二：html部分：

<title 
>測試手機和頁面之間的資料傳遞</title>
<script language="javascript">
    function  showjson(json){
        document.getElementById("test").innerHTML=json;
        }
    function getData(){ //呼叫Android中自定義的拍照JavaScript介面
        var json=window.MyBrowserAPI.getLocationData("從頁面傳給手機的message");//拿到本地資料,並可以傳給手機一些內容，可選 

        showjson(json); //在頁面上顯示出結果
        }
</script>
</head>
<body>
<div>
<input  value="點我試試"  type="button" onclick="getData()"/>
</div>
<div>
<p id="test">沒有資料</p>
</div>
</body>

OK！就是這麼簡單…

android webview中如何實現html與手機本地資料的互動

在webview開發中，往往不止簡單的載入一個頁面顯示那麼簡單，常常有將手機本地的資料放到html上顯示和將html上操作的資料儲存到手機本地的情況，那麼如何實現這種資料互動呢：一：webvie部份： final String json="{title

Android 使用Socket實現伺服器與手機客戶端的長連線八

一、傳送請求的資訊： 1、介面 public interface Request { String getData(); } 2、文字請求： public class TextRequest implements Request{

基本的JSP中呼叫Ajax與Servlet進行資料互動

首先建立jsp頁面中然後在頁面中寫入js程式碼!<span style="font-size:18px;"><%@ page language="java" import="java.util.*" pageEncoding="UTF-8" conte

android webview中的音樂的暫停與播放

前段時間有這樣一個需求，webview顯示一個帶音樂的網頁，在播放音樂的時候進入第三方軟體暫停播放，返回時繼續播放。後來參考了兩篇文章解決了這個問題。 AudioManager audioManager = (AudioManager) mContext.getSyst

Android Webview 載入外部html時選擇載入本地的js,css等資原始檔

在使用WebView載入網頁的時候，有一些固定的資原始檔如js的jquery包，css,圖片等資源會比較大，如果直接從網路載入會導致頁面載入的比較慢，而且會消耗比較多的流量。所以這些檔案應該放在assets裡面同app打包。要解決這個問題需要用到API 11（HONEYC

android中的ContentResolver獲取手機本地圖片

獲取手機的本地圖片就是使用ContentResolver類查詢本地的資料庫，只不過需要使用該類進行查詢，並且該類中提供了增刪改查的響應的方法。本篇博文並不對ContentResolver進行詳細的介紹，相比大家在書上面已經瞭解到了ContentResolver的

android webview javascriptinterface實現從HTML JS呼叫ANDROID內部程式

1. 先在ANDROID程式內部建立一個公共類，公共類內建立@JavascriptInterface標註的公共程式，以備呼叫。 public class AndroidJavaScript{ @JavascriptInterface public string mypubl

Android WebView中Header與Cookie應用場景深入剖析

首先回顧一下Cookie與Header這兩個重要的概念，不太清楚的話可以看我之前的部落格或者查詢一下相關的資料:這裡將兩者在Android平臺上做一個簡單的對比:Header: 客戶端向伺服器傳送請求，在請求頭中包含請求方法，協議版本，客戶

android webview 中網頁資料與js互動

html.getSettings().setJavaScriptEnabled(true);html.getSettings().setDefaultTextEncodingName("UTF-8");html.getSettings().setLayoutAlgorith

【IoT】Arduino 實現 ESP32 BLE 與 Android 手機的資料互動

1、效果描述：通過簡單的 Android APP 實現與 ESP32 的雙向藍芽通訊。 2、實現步驟 Step 1：ESP32 硬體支援 1、支援藍芽 4.0 以上協議的安卓手機； 2、支援 Micro USB 的 ESP32 dev board; Step 2

使用點九圖在Android Studio中實現與Axure設計圖一致的陰影效果

Android在5.0中提出了“高度”的概念，並提供了elevation屬性給開發者直接設定z值高度。但其效果與Axure設計圖相差甚遠：另外我們知道Android製作陰影的方法有很多種，下面就是利用點九圖實現與Axure的設計圖中一致的陰影效果

Centos6.5中實現python2與python3的並存

centos6.5中實現python2與python3的並存linux下python的安裝安裝步驟如下1 準備編譯環境 yum groupinstall ‘Development Tools‘ yum install zlib-devel bzip2-devel openssl-devel ncur

虛擬機中實現Linux與Windows之間的文件傳輸

ges height blank quic linux開發 ews pop 鼠標支持虛擬機中實現Linux與Windows之間的文件傳輸標簽： linux 2016年06月28日 11:17:37 2092人閱讀評論(0) 收藏舉報分類： linux

Android程序中實現中英文切換

等等 andro director 選擇單詞 and 之前 rect local 一開始項目沒有考慮到英文切換這是一個很不好的開始。等到項目基本完成之後才意識到要中英文都支持。最好是在項目開始之前規劃好UI布局等等，畢竟一個英文單詞的占空比漢字要長的很多，最後填英文的

webview中頁面按鈕獲取手機圖片並顯示的問題

webview中頁面按鈕獲取手機圖片並顯示的問題 10月1就這麼愉快的過去了,今天突然一個激靈想到竟然忘了總結自己遇到的問題,萬一哪天我得了老年痴呆可咋辦啊,於是想起了記一下自己遇到的小坑來為我萌新程式設計師的道路上新增些新的標記!! 30號的時候,我的同事說:’‘我顯示不了手機上的

在 Cef 中實現 C++ 與 JavaScript 互動場景分析

此文已由作者鄧佳佳授權網易雲社群釋出。歡迎訪問網易雲社群，瞭解更多網易技術產品運營經驗本文主要介紹 CEF 場景中 C++ 和 JavaScript 互動（以下簡稱 JS Bridge）中的一些重要節點，包括了 C++/JavaScript 的方法註冊、方法呼叫、回撥管理。以下是一些

關於Android webview中無法定位的解決

最近專案新加了h5，在h5中呼叫高德地圖api進行定位，但是點進去後定位資訊一直獲取失敗，網上找資料，基本都是這樣: 1.許可權 <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION"/&g

在Android系統中實現AIDL 自定義物件傳遞

今天要在《在Android系統中實現AIDL介面回撥》這篇文章的基礎上實現AIDL自定義物件的傳遞功能。還是上一篇說到的三個專案： ├── SimpleJar ├── SimpleJarClient └── SimpleJarService 一、在SimpleJar專

Android WebView中不能使用XMLHttpRequest

發生這個錯誤的原因，是因為Android基於安全性的考慮，從Android 4.1版開始禁止了WebView內的本地網頁使用XMLHttpRequest來讀取本地檔案(4.1版之前無限制)。這也就造成了「Android 4.1之前的手機」可以正常使用XMLHttpReques

Android WebView 與JS的資料互動

關於WebView 我們知道目前android市場上的一些應用採用的開發方式大致分為三種：Native App、Web App、Hybrid App。本文主要是Hybrid App中實現的主要技術

android webview中如何實現html與手機本地資料的互動

相關推薦