WebView初探

最新推荐文章于 2023-04-26 17:30:39 发布

yihu0817

最新推荐文章于 2023-04-26 17:30:39 发布

阅读量307

点赞数

分类专栏： android

本文链接：https://blog.csdn.net/yihu0817/article/details/41965567

版权

android 专栏收录该内容

151 篇文章 0 订阅

订阅专栏

http://www.javaeye.com/topic/376674 转贴

从WebView初探了解到WebView的强大，。听说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");
}
}

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.getElementByIdx("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>

<html>
        <script language="javascript">
                function wave() {
                    document.getElementByIdx("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的目的。