安卓学习日记——WebView

最新推荐文章于 2021-05-26 05:56:09 发布

chen_xiaoke

最新推荐文章于 2021-05-26 05:56:09 发布

阅读量153

点赞数

分类专栏：学习用文章标签： WebView

本文链接：https://blog.csdn.net/chen_xiaoke/article/details/89359418

版权

学习用专栏收录该内容

72 篇文章 1 订阅

订阅专栏

WebView简介
WebView组件是Android提供用于显示网页信息，它内置了WebKit引擎，Webkit是一个开源的浏览器引擎，Chrome浏览器也是基于它，所以我们可以把WebView当作一个轻量级的浏览器使用

例子
在这里插入图片描述
MainActivity

import android.os.Handler;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.KeyEvent;
import android.view.View;
import android.webkit.JavascriptInterface;
import android.webkit.WebChromeClient;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;

public class MainActivity extends AppCompatActivity {
    private WebView webView;
    private Handler handler;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        webView=findViewById(R.id.webView);
        handler=new Handler();
//        webView.loadData("<html><title><body>hello webview !</body></title></html>","text/html","utf-8");
        WebSettings settings=webView.getSettings();
        settings.setJavaScriptEnabled(true);
        settings.setSupportZoom(true);
        settings.setBuiltInZoomControls(true);
        webView.requestFocus();
        webView.setScrollBarStyle(View.SCROLLBARS_INSIDE_OVERLAY);
        //设置点击链接在当前webView中显示
        webView.setWebViewClient(new WebViewClient(){
            @Override
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                view.loadUrl(url);
                return true;
            }
        });
        //处理标题，图标
        webView.setWebChromeClient(new WebChromeClient(){
            @Override
            public void onReceivedTitle(WebView view, String title) {
                super.onReceivedTitle(view, title);
            }
        });
        webView.addJavascriptInterface(new MyObject(),"demo");
//        webView.loadUrl("http://www.baidu.com");
        webView.loadUrl("file:///android_asset/index.html");
    }

    public class MyObject{
        @JavascriptInterface
        public void clickOnAndroid(){
            handler.post(new Runnable() {
                @Override
                public void run() {
                    webView.loadUrl("javascript:myfun()");
                }
            });
        }
    }
    //设置回退键


    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        if (keyCode==KeyEvent.KEYCODE_BACK && webView.canGoBack()){
            webView.goBack();
            return true;
        }
        return super.onKeyDown(keyCode, event);
    }
}

在这里插入图片描述
index.html

<html>
    <head>
        <title>hello webview</title>
        <script language="JavaScript">
            function myfun(){
                document.getElementById("imgid").src="b.jpeg";
            }
        </script>
        <body>
            <a "window.demo.clickOnAndroid()">
                <img src="a.jpeg" id="imgid" width="300" height="400">
            </a>
        </body>
    </head>
</html>

添加访问网络的权限

 <uses-permission android:name="android.permission.INTERNET"/>

效果展示
在这里插入图片描述
点击后

chen_xiaoke

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
安卓学习日记——WebView

WebView简介WebView组件是Android提供用于显示网页信息，它内置了WebKit引擎，Webkit是一个开源的浏览器引擎，Chrome浏览器也是基于它，所以我们可以把WebView当作一个轻量级的浏览器使用例子MainActivityimport android.os.Handler;import android.support.v7.app.AppCompatAct...
复制链接

扫一扫