android webview读取html和js
2011-07-19 20:06
513 查看
之前通过桥接的方式，有安全问题，Android 4.2的时候修复了此漏洞，安全性要求比较高的，建议不要使用，请参考
我的这篇博客：http://blog.csdn.net/com360/article/details/38492007
WebView对Javascript的支持也很强，google一个Java和Javascript互调的例子
整个Eclipse ADT工程例子中都有，这里重点分析一下代码：
Java代码
public class WebViewDemo extends Activity {
private WebView mWebView;
private Handler mHandler = new Handler();
public void onCreate(Bundle icicle) {
super.onCreate(icicle);
setContentView(R.layout.webviewdemo);
mWebView = (WebView) findViewById(R.id.webview);
WebSettings webSettings = mWebView.getSettings();
webSettings.setJavaScriptEnabled(true);
mWebView.addJavascriptInterface(new Object() {
public void clickOnAndroid() {
mHandler.post(new Runnable() {
public void run() {
mWebView.loadUrl("javascript:wave()");
}
});
}
}, "demo");
mWebView.loadUrl("file:///android_asset/demo.html");
}
}
这里的重点是addJavascriptInterface(Object obj,String interfaceName)方法，该方法将一个java对象绑定到一个javascript对象中，javascript对象名就是interfaceName，作用域是Global。这样初始化webview后，在webview加载的页面中就可以直接通过javascript:window.demo访问到绑定的java对象了。来看看在html中是怎样调用的：
Html代码
<html>
<script language="javascript">
function wave() {
document.getElementById("droid").src="android_waving.png";
}
</script>
<body>
<a onClick="window.demo.clickOnAndroid()">
<img id="droid" src="android_normal.png"/><br>
Click me!
</a>
</body>
</html>
这样在javascript中就可以调用java对象的clickOnAndroid()方法了，wave()方法是java中调用javascript的例子。
这里还有几个知识点：
1)为了让WebView从apk文件中加载assets，Android SDK提供了一个schema，前缀为"file:///android_asset/"。WebView遇到这样的schema，就去当前包中的assets目录中找内容。如上面的"file:///android_asset/demo.html"
2)addJavascriptInterface方法中要绑定的Java对象及方法要运行另外的线程中，不能运行在构造他的线程中，这也是使用Handler的目的。
我的这篇博客：http://blog.csdn.net/com360/article/details/38492007
WebView对Javascript的支持也很强，google一个Java和Javascript互调的例子
整个Eclipse ADT工程例子中都有，这里重点分析一下代码：
Java代码
public class WebViewDemo extends Activity {
private WebView mWebView;
private Handler mHandler = new Handler();
public void onCreate(Bundle icicle) {
super.onCreate(icicle);
setContentView(R.layout.webviewdemo);
mWebView = (WebView) findViewById(R.id.webview);
WebSettings webSettings = mWebView.getSettings();
webSettings.setJavaScriptEnabled(true);
mWebView.addJavascriptInterface(new Object() {
public void clickOnAndroid() {
mHandler.post(new Runnable() {
public void run() {
mWebView.loadUrl("javascript:wave()");
}
});
}
}, "demo");
mWebView.loadUrl("file:///android_asset/demo.html");
}
}
这里的重点是addJavascriptInterface(Object obj,String interfaceName)方法，该方法将一个java对象绑定到一个javascript对象中，javascript对象名就是interfaceName，作用域是Global。这样初始化webview后，在webview加载的页面中就可以直接通过javascript:window.demo访问到绑定的java对象了。来看看在html中是怎样调用的：
Html代码
<html>
<script language="javascript">
function wave() {
document.getElementById("droid").src="android_waving.png";
}
</script>
<body>
<a onClick="window.demo.clickOnAndroid()">
<img id="droid" src="android_normal.png"/><br>
Click me!
</a>
</body>
</html>
这样在javascript中就可以调用java对象的clickOnAndroid()方法了，wave()方法是java中调用javascript的例子。
这里还有几个知识点：
1)为了让WebView从apk文件中加载assets，Android SDK提供了一个schema，前缀为"file:///android_asset/"。WebView遇到这样的schema，就去当前包中的assets目录中找内容。如上面的"file:///android_asset/demo.html"
2)addJavascriptInterface方法中要绑定的Java对象及方法要运行另外的线程中，不能运行在构造他的线程中，这也是使用Handler的目的。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- android webview读取html和js
- android webview读取html和js
- Android Chromium WebView html js 开发系列
- Android WebView使用全面解析（加载网络资源、本地HTML，JS交互）
- android 开发之webview解析html,js数据交互
- android中webView和html中js的交互
- android webview javascriptinterface实现从HTML JS调用ANDROID内部程序
- HTML---android webview组件如何使用 Webview与js交互
- iOSwebview中读取html，css，js语句
- Android Webview 加载外部html时选择加载本地的js,css等资源文件
- Android程序开发——WebView的开发 结合Html和JS
- Android WebView和html中js互调
- Android使用webview控件加载本地html，通过Js与后台Java实现数据的传递
- Android WebView加载本地html并实现Java与JS交互
- 关于android webview读取js全局变量或者函数返回值
- Android中WebView使用3，html掉android中的方法webView调用js中的方法
- WebView加载html代码,js脚本中调用android对象的方法...
- Android实现js及webview交互之在html页面中调用系统摄像头
- Android的webview加载本地html、assert内html和网络URL&&& JS与移动端webview的相互交互
- 关于android webview读取js全局变量或者函数返回值