java webview_android控件之webview和js与java交互

超、凢脫俗 2022-11-03 11:41 312阅读 0赞

首先添加权限：

布局文件：

xmlns:tools="http://schemas.android.com/tools"

android:layout\_width="match\_parent"

android:layout\_height="match\_parent"

tools:context=".MainActivity" >

android:id="@+id/preNums"

android:layout\_width="match\_parent"

android:layout\_height="wrap\_content"

android:gravity="center"

android:padding="10dp"

android:text="当前进度：0%" />

android:id="@+id/webView1"

android:layout\_width="match\_parent"

android:layout\_height="match\_parent"

android:layout\_below="@+id/preNums" />

html5页面代码：

手机网页

\*\{ padding:0px; margin:0px;\}

div\{ margin:0px auto;\}

.mytop\{ height:60px; background-color:\#000000; text-align:center;\}

.myfont\{ color:\#FFFFFF; font-size:16px; font-weight:bold; line-height:60px;\}

.mytest\{ background-color:\#FF0000; margin:20px auto; width:100px; height:100px; border-radius:50px; box-shadow:8px 8px 8px \#0000FF; line-height:100px; text-align:center;\}

function ChangeDiv()\{

//document.getElementById("insertDiv").innerHTML='哈哈';

//调用java代码

MyAndroid.MyFun("哈哈可以调用");

// 被java调用的方法

function ToJavaFun(outstr)\{

document.getElementById("insertDiv").innerHTML=outstr;

[前往百度][Link 1]

java代码：

package com.example.mywebview;

import android.os.Bundle;

import android.os.Handler;

import android.annotation.SuppressLint;

import android.app.Activity;

import android.view.Menu;

import android.webkit.JavascriptInterface;

import android.webkit.WebChromeClient;

import android.webkit.WebView;

import android.webkit.WebViewClient;

import android.widget.TextView;

import android.widget.Toast;

/\*

\* author：future

\* sijienet.com

\* \*/

@SuppressLint(\{ "JavascriptInterface", "SetJavaScriptEnabled" \})

public class MainActivity extends Activity \{

WebView webView;

TextView textView;

Handler handler;

@Override

protected void onCreate(Bundle savedInstanceState) \{

super.onCreate(savedInstanceState);

setContentView(R.layout.activity\_main);

handler = new Handler();

webView = (WebView) findViewById(R.id.webView1);

textView = (TextView) findViewById(R.id.preNums);

// 开启js接口模式

webView.getSettings().setJavaScriptEnabled(true);

webView.addJavascriptInterface(new MyAndroidFun(), "MyAndroid");

webView.setWebViewClient(new MyWebClient());

webView.setWebChromeClient(new MyChrome());// 配置默认参数

webView.loadUrl("file:///android\_asset/index.html");

class MyChrome extends WebChromeClient \{

@Override

public void onProgressChanged(WebView view, int newProgress) \{

// 进度更新

textView.setText("当前进度：" + newProgress + "%");

super.onProgressChanged(view, newProgress);

class MyAndroidFun \{// 调用类作用于

@JavascriptInterface

public void MyFun(String msg) \{

Toast.makeText(getApplicationContext(), msg, Toast.LENGTH\_SHORT)

.show();

handler.post(new Runnable() \{

@Override

public void run() \{

// TODO Auto-generated method stub

String outString = "我的内容";

webView.loadUrl("javascript:ToJavaFun('" + outString + "')");

\});

@Override

public void onBackPressed() \{

// TODO Auto-generated method stub

if (webView.canGoBack()) \{

webView.goBack();

// super.onBackPressed();

class MyWebClient extends WebViewClient \{

@Override

public boolean shouldOverrideUrlLoading(WebView view, String url) \{

// TODO Auto-generated method stub

if (url != null && url.length() > 0) \{

if (url.indexOf("http://") != -1

|| url.indexOf("https://") != -1) \{// 不存在

\} else \{

// 添加前缀

url = "http://" + url;

view.loadUrl(url);

return true;

return super.shouldOverrideUrlLoading(view, url);

[Link 1]: http://www.baidu.com

java webview_android控件之webview和js与java交互

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 WebView与JS交互

相关 Android WebView 与JS的数据交互

相关 java webview_android控件之webview和js与java交互

相关 Android的webview控件和js脚本语言交互小例子

相关 android webview与js交互

相关 WPF内嵌CEFSharp控件与JS交互

相关 UWP webview 与 JS 交互

相关 Android开发之Webview中原生与JS交互

相关 WebView 和JS交互 addJavascriptInterface evaluateJavascript

相关 WKWebView和WebView与JS的交互方式