當前位置:首頁 » 安卓系統 » html與android交互

html與android交互

發布時間: 2024-12-17 00:21:43

1. android嵌入h5,怎麼交互

Android和H5之間的交互
hybrid App開發也不是什麼新鮮事了,其中native和h5之間的交互則是必不可少的。Android中是如何和H5交互的?
1、webView載入頁面
我們都知道在Android中是通過webView來載入html頁面的,根據HTML文件所在的位置不同寫法也不同:
//例如:載入assets文件夾下的test.html頁面
mWebView.loadUrl("file:///android_asset/test.html")
//例如:載入網頁
mWebView.loadUrl("http://www..com")

如果只是這樣調用mWebView.loadUrl()載入的話,那麼當你點擊頁面中的鏈接時,頁面將會在你手機默認的瀏覽器上打開。那如果想要頁面在App內中打開的話,那麼就得設置setWebViewClient:
mWebView.setWebViewClient(new WebViewClient() {
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
mWebView.loadUrl(url);
return true;
}
}
});

2、Android本地通過java調用HTML頁面中的JavaScript方法
想要調用js方法那麼就必須讓webView支持
WebSettings webSettings = mWebView.getSettings();
//設置為可調用js方法
webSettings.setJavaScriptEnabled(true);

若調用的js方法沒有返回值,則直接可以調用mWebView.loadUrl("JavaScript:do()");其中do是js中的方法;若有返回值時我們可以調用mWebView.evaluateJavascript()方法:
mWebView.evaluateJavascript("sum(1,2)", new ValueCallback<String>() {
@Override
public void onReceiveValue(String value) {
Log.e(TAG, "onReceiveValue value=" + value);
}
});

js代碼如下:
<script type="text/javascript">
function sum(a,b){
return a+b;
}
function do(){
document.getElementById("p").innerHTML="hello world";
}
</script>

2、js調用Android本地Java方法
在Android4.2以上可以直接使用@JavascriptInterface註解來聲明,下面是在一個本地Java方法
public class JsInteration {
@JavascriptInterface
public String back() {
return "hello world";
}
}

定義完這個方法後再調用mWebView.addJavascriptInterface()方法:
mWebView.addJavascriptInterface(new JsInteration(), "android");

那麼在js中怎麼來調用呢?
<script type="text/javascript">
function s(){
//調用Java的back()方法
var result =window.android.back();
document.getElementById("p").innerHTML=result;
}

</script>

4、攔截HTML頁面中的點擊事件
mWebView.setWebViewClient(new WebViewClient() {
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
//判斷url攔截事件
if (url.equals("file:///android_asset/test2.html")) {
Log.e(TAG, "shouldOverrideUrlLoading: " + url);
startActivity(new Intent(MainActivity.this,Main2Activity.class));
return true;
} else {
mWebView.loadUrl(url);
return false;
}
}
});

以上就是Java調用js方法以及js調用Java方法的實現交互方式中的一種。下面給出完整代碼:
mainActivity
public class MainActivity extends AppCompatActivity {
public static final String TAG = "MainActivity";
private WebView mWebView;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mWebView = (WebView) findViewById(R.id.webView);
mWebView.loadUrl("file:///android_asset/test.html");
WebSettings webSettings = mWebView.getSettings();
webSettings.setJavaScriptEnabled(true);
mWebView.addJavascriptInterface(new JsInteration(), "android");
mWebView.setWebViewClient(new WebViewClient() {
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
if (url.equals("file:///android_asset/test2.html")) {
Log.e(TAG, "shouldOverrideUrlLoading: " + url);
startActivity(new Intent(MainActivity.this,Main2Activity.class));
return true;
} else {
mWebView.loadUrl(url);
return false;
}
}
});
}
//Android調用有返回值js方法
@TargetApi(Build.VERSION_CODES.KITKAT)
public void onClick(View v) {

mWebView.evaluateJavascript("sum(1,2)", new ValueCallback<String>() {
@Override
public void onReceiveValue(String value) {
Log.e(TAG, "onReceiveValue value=" + value);
}
});
}
public class JsInteration {

@JavascriptInterface
public String back() {
return "hello world";
}
}
}

test.html
<!DOCTYPE html>
<html>
<head>
<title></title>
<script type="text/javascript">
function sum(a,b){
return a+b;
}
function s(){
var result =window.android.back();
document.getElementById("p").innerHTML=result;
}

</script>
</head>
<body>
<button onclick="s()">調用本地方法</button>
<a href="file:///android_asset/test2.html">點擊</a>
<p id="p"></p>
</body>
</html>

2. Android瀏覽器怎麼打開本地html文件

第一種方法:建議你們在同一個局 域 網,手機的網路和電腦的網路在一個局 域 網當中,然後將PC端架起站點手機端直接訪問電腦端的地址就可以了,
第二種方法:就是直接將本地Html傳送到手機端,向第三方軟體比如QQ有個我的設備這個是常用的然後直接打開

3. android怎麼載入本地html文件

1。獲取資源的輸入流

資源文件 sample.txt 位於 $PROJECT_HOME/assets/ 目錄下,可以在 Activity 中通過

Context.getAssets().open(「test.html」)

方法獲取輸入流。

注意:如果資源文件是文本文件則需要考慮文件的編碼和換行符。建議使用UTF-8和Unix換行符。

2. WebView 載入assets目錄下的html文件

資源文件 sample.html 位於 $PROJECT_HOME/assets/ 目錄下,可以通過以下代碼

WebView.loadUrl(「file:///android_asset/test.html」);

載入html文件。

4. android怎麼載入html

android載入html

主要有2種方案:

方案一:

啟動第三方瀏覽器或者安卓內置的瀏覽器進行載入先生html文件。

方案二:

使用android 自帶的webview控制項進行載入html文件或者網頁。


不常用方案有1種:

使用android控制項TextView進行載入html文件。


主要原理:

通過讀取html文件裡面的標簽進行解析相關的元素從而通過瀏覽器,或者android自帶的控制項進行顯示,其中webview控制項本質上就是一個瀏覽器,TextView顯示html內容就是通過解析標簽,元素通過內置方法轉化成相應帶有屬性的文本信息然後顯示到界面上。

詳細解決步奏:

方案一:

Uriuri=Uri.parse("http://www.XXXX.com");//要鏈接的地址或者html
Intentintent=newIntent(Intent.ACTION_VIEW,uri);
startActivity(intent);

缺點如果android中沒有瀏覽器,則無法啟動顯示相關內容。


方案二:

webview=(WebView)findViewById(R.id.WebView01);
webview.getSettings().setJavaScriptEnabled(true);
webview.loadUrl("http://www.xxxx.com");//要鏈接的地址或者html

缺點:目前沒有什麼缺點,比其他2種好,天生為載入html文件而出生的


方案三:

不常用的方法,藉助函數Html.fromHtml()來解析html內容,並且進行顯示。

TextViewtext1=(TextView)findViewById(R.id.TextView02);
text1.setText(Html.fromHtml(「<fontsize='20'>網頁內容html</font>」));

缺點:載入速度慢於webview載入速度。


最後

推薦使用webview進行載入html內容,其特性優於其他2種載入方式

熱點內容
python前一天的日期 發布:2025-04-08 06:21:15 瀏覽:258
下載什麼解壓軟體 發布:2025-04-08 06:15:38 瀏覽:202
ftp帶密碼登錄 發布:2025-04-08 06:14:30 瀏覽:788
汽車編程解碼 發布:2025-04-08 06:08:30 瀏覽:312
安卓手機怎麼設置無線 發布:2025-04-08 06:04:12 瀏覽:739
電腦獨立密碼是什麼樣的 發布:2025-04-08 06:03:33 瀏覽:914
萬能解壓王解壓完了怎麼用 發布:2025-04-08 05:58:53 瀏覽:899
dns的伺服器默認地址是多少 發布:2025-04-08 05:49:36 瀏覽:920
指導生活的演算法 發布:2025-04-08 05:39:40 瀏覽:338
androidusb上網 發布:2025-04-08 05:38:53 瀏覽:670