7 使用WebView显示网页

最新推荐文章于 2022-03-25 12:51:14 发布
最新推荐文章于 2022-03-25 12:51:14 发布
阅读量99 收藏
点赞数
文章标签： 移动开发 java javascript ViewUI
原文链接：http://www.cnblogs.com/crazyzx/articles/5323624.html
版权

7-1 WebView概述

构建WebView就可以展示Web数据。

通过Intent调用系统浏览器

Uri uri=Uri.parse(url);//url为你要链接的地址

Intent intent=new Intent(Intent.ACTION_VIEW,uri);

startActivity(intent);

MainActivty.java
package com.example.android2_webview;

import android.net.Uri;
import android.os.Bundle;
import android.app.Activity;
import android.content.Intent;
import android.view.Menu;

public class MainActivity extends Activity
{
    private String url="http://baidu.com";
    @Override
    protected void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        Uri uri=Uri.parse(url);//url为你要链接的地址
        Intent intent=new Intent(Intent.ACTION_VIEW,uri);
        startActivity(intent);        
    }
}

直接到浏览器上打开网址

7-2 使用WebView显示网页（一）

1.在布局文件添加WebView控件

2.使用WebView加载页面

　　要在WebView加载页面，使用loadUrl()

　　web资源：webView.loadUrl("http://www.baidu.com");

　　本地文件用：webView.loadUrl("file:///android_asset/XX.html");

　　本地文件存放在：assets文件中

　　//使页面获得焦点

　　webView.requestFocus();

3.获取网络访问权限

　　<manifest xmlns:android="http://schemas.android.com/apk/res/android"
　　　　<uses-permission android:name="android.permission.INTERNET"/>
　　</manifest>

 

package com.example.android2_webview;

import android.net.Uri;
import android.os.Bundle;
import android.app.Activity;
import android.content.Intent;
import android.view.Menu;
import android.webkit.WebView;

public class MainActivity extends Activity
{
    private String url = "http://baidu.com";
    private WebView webView;
    @Override
    protected void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        init();
    }
    private void init()
    {
        // TODO Auto-generated method stub
        webView=(WebView)findViewById(R.id.webView);
        webView.loadUrl("file:///android_asset/example.html");
    }
}

Activity_main.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <WebView
        android:id="@+id/webView"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

</LinearLayout>

 

7-3 使用WebView显示网页（二）

package com.example.android2_webview;

import android.net.Uri;
import android.os.Bundle;
import android.app.Activity;
import android.content.Intent;
import android.view.Menu;
import android.webkit.WebView;
import android.webkit.WebViewClient;

public class MainActivity extends Activity
{
    private String url = "http://baidu.com";
    private WebView webView;

    @Override
    protected void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        init();
    }

    private void init()
    {
        // TODO Auto-generated method stub
        webView = (WebView) findViewById(R.id.webView);
       // webView加载web资源
        webView.loadUrl("http://baidu.com");
        /*
         * 覆盖webView默认通过默认浏览器或是 第三方浏览器开网页的行为，使网页可以在WebView中打开
         */
        webView.setWebViewClient(new WebViewClient()
        {
            @Override
            public boolean shouldOverrideUrlLoading(WebView view, String url)
            {
                // TODO Auto-generated method stub
                // 返回值是true的时候控制网页在WebView中去打开，
                // 如果是false则调用系统浏览器或者第三方浏览器去打开
                view.loadUrl(url);
                return true;
            }
            // WebViewClient是帮助webview去处理一些页面控制和请求通知

        });
    }
}

结果是打开在我们的webview上面而不是浏览器上

 

package com.example.android2_webview;

import android.net.Uri;
import android.os.Bundle;
import android.app.Activity;
import android.content.Intent;
import android.view.Menu;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;

public class MainActivity extends Activity
{
    private String url = "http://2014.qq.com/";
    private WebView webView;

    @Override
    protected void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        init();
    }

    private void init()
    {
        // TODO Auto-generated method stub
        webView = (WebView) findViewById(R.id.webView);
// webView加载web资源
        webView.loadUrl(url);
        /*
         * 覆盖webView默认通过默认浏览器或是 第三方浏览器开网页的行为，使网页可以在WebView中打开
         */
        webView.setWebViewClient(new WebViewClient()
        {
            @Override
            public boolean shouldOverrideUrlLoading(WebView view, String url)
            {
                // TODO Auto-generated method stub
                // 返回值是true的时候控制网页在WebView中去打开，
                // 如果是false则调用系统浏览器或者第三方浏览器去打开
                view.loadUrl(url);
                return true;
            }
            // WebViewClient是帮助webview去处理一些页面控制和请求通知

        });
　　　　//启用支持JavaScript
        WebSettings webSettings=webView.getSettings();
        webSettings.setJavaScriptEnabled(true);
    }
}

结果发现，我懵比了，在我点击一个进入页面，看完后我返回结果整个退出了。

    

 

 

7-4 使用WebView显示网页（三）

 

package com.example.android2_webview;

import android.net.Uri;
import android.os.Bundle;
import android.os.SystemClock;
import android.app.Activity;
import android.content.Intent;
import android.view.KeyEvent;
import android.view.Menu;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;

public class MainActivity extends Activity
{
    private String url = "http://2014.qq.com/";
    private WebView webView;

    @Override
    protected void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        init();
    }

    private void init()
    {
        // TODO Auto-generated method stub
        webView = (WebView) findViewById(R.id.webView);
// webView加载web资源
        webView.loadUrl(url);
        /*
         * 覆盖webView默认通过默认浏览器或是 第三方浏览器开网页的行为，使网页可以在WebView中打开
         */
        webView.setWebViewClient(new WebViewClient()
        {
            @Override
            public boolean shouldOverrideUrlLoading(WebView view, String url)
            {
                // TODO Auto-generated method stub
                // 返回值是true的时候控制网页在WebView中去打开，
                // 如果是false则调用系统浏览器或者第三方浏览器去打开
                view.loadUrl(url);
                return true;
            }
            // WebViewClient是帮助webview去处理一些页面控制和请求通知

        });
        // 启用支持JavaScript
        WebSettings webSettings = webView.getSettings();
        webSettings.setJavaScriptEnabled(true);
    }

    // 改写物理按键——返回的逻辑
    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event)
    {
        // TODO Auto-generated method stub
        if (keyCode == KeyEvent.KEYCODE_BACK)
        {// 如果按下的按钮等于“返回键”
            if (webView.canGoBack())
            {
                webView.goBack();// 返回上一个页面
                return true;
            }
            else
            {
                System.exit(0);// 退出程序
            }
        }
        return super.onKeyDown(keyCode, event);
    }
}

结果发现，在我点击一个，进入页面，看完后我返回结果已经不是整个退出了，而是返回上一层的页面（记录）。

因为我们已经使用WebView让url直接在WebView中打开，所以WebView默认会记录访问的历史记录，

当你webview覆盖了URL加载，他会自动生成历史访问记录。你可以通过goBack()或goForward()向前或向后访问已访问过的站点。

 

加一个人Toast：

// 改写物理按键——返回的逻辑
    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event)
    {
        // TODO Auto-generated method stub
        Toast.makeText(this, webView.getUrl(),Toast.LENGTH_LONG).show();
        if (keyCode == KeyEvent.KEYCODE_BACK)
        {// 如果按下的按钮等于“返回键”
            if (webView.canGoBack())
            {
                webView.goBack();// 返回上一个页面
                return true;
            }
            else
            {
                System.exit(0);// 退出程序
            }
        }
        return super.onKeyDown(keyCode, event);
    }
}

 

为什么回到已经是最后一个URL历史记录了，点了以后屏幕会一闪而没有退出程序，是因为这个URL不是真正的URL，而是通过重定向跳到这里的，可以用吐司，webView.getUrl打印每一次回退的地址

 

7-5 使用WebView显示网页（四）

package com.example.android2_webview;

import android.net.Uri;
import android.os.Bundle;
import android.os.SystemClock;
import android.app.Activity;
import android.app.ProgressDialog;
import android.content.Intent;
import android.view.KeyEvent;
import android.view.Menu;
import android.webkit.WebChromeClient;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.Toast;

public class MainActivity extends Activity
{
    private String url = "http://2014.qq.com/";
    private WebView webView;
    private ProgressDialog dialog;

    @Override
    protected void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        // Uri uri = Uri.parse(url);// url为你要链接的地址
        // Intent intent = new Intent(Intent.ACTION_VIEW, uri);
        // startActivity(intent);
        init();
    }

    private void init()
    {
        // TODO Auto-generated method stub
        webView = (WebView) findViewById(R.id.webView);
        // WebView加载本地资源
        // webView.loadUrl("file:///android_asset/example.html");
        // webView加载web资源
        webView.loadUrl(url);
        /*
         * 覆盖webView默认通过默认浏览器或是 第三方浏览器开网页的行为，使网页可以在WebView中打开
         */
        webView.setWebViewClient(new WebViewClient()
        {
            @Override
            public boolean shouldOverrideUrlLoading(WebView view, String url)
            {
                // TODO Auto-generated method stub
                // 返回值是true的时候控制网页在WebView中去打开，
                // 如果是false则调用系统浏览器或者第三方浏览器去打开
                view.loadUrl(url);
                return true;
            }
            // WebViewClient是帮助webview去处理一些页面控制和请求通知

        });
        // 启用支持JavaScript
        WebSettings webSettings = webView.getSettings();
        webSettings.setJavaScriptEnabled(true);

        webView.setWebChromeClient(new WebChromeClient()
        {
            @Override
            public void onProgressChanged(WebView view, int newProgress)
            {
                // TODO Auto-generated method stub
                // newProgress 1—100的整数
                if (newProgress == 100)
                {
                    // 网页加载完毕，关闭progressDialog
                    closeDialog();
                }
                else
                {
                    // 网页正在加载，打开progressDialog
                    openDialog(newProgress);
                }
            }

            private void openDialog(int newProgress)// 进度在加载，显示进度对话框
            {
                // TODO Auto-generated method stub
                if (dialog != null)
                {
                    dialog = new ProgressDialog(MainActivity.this);
                    dialog.setTitle("正在加载");// 设置dialog标题
                    dialog.setProgress(newProgress);// 把获取到的进度设置到ProgressDialog;
                    dialog.setProgressStyle(ProgressDialog.STYLE_HORIZONTAL);// 设置dialog风格
                    dialog.show();// 显示出来
                }
                else
                {// dialog对象已经有了
                    dialog.setProgress(newProgress);// 刷新时时进度就好了
                }
            }

            private void closeDialog()
            {
                // TODO Auto-generated method stub
                if (dialog != null && dialog.isShowing())
                {
                    dialog.dismiss();
                    dialog = null;
                }
            }
        });
    }

    // 改写物理按键——返回的逻辑
    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event)
    {
        // TODO Auto-generated method stub
        Toast.makeText(this, webView.getUrl(), Toast.LENGTH_LONG).show();
        if (keyCode == KeyEvent.KEYCODE_BACK)
        {// 如果按下的按钮等于“返回键”
            if (webView.canGoBack())
            {
                webView.goBack();// 返回上一个页面
                return true;
            }
            else
            {
                System.exit(0);// 退出程序
            }
        }
        return super.onKeyDown(keyCode, event);
    }
}

 

WebView的缓存使用

package com.example.android2_webview;

import android.net.Uri;
import android.os.Bundle;
import android.os.SystemClock;
import android.app.Activity;
import android.app.ProgressDialog;
import android.content.Intent;
import android.view.KeyEvent;
import android.view.Menu;
import android.webkit.WebChromeClient;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.Toast;

public class MainActivity extends Activity
{
    private String url = "http://2014.qq.com/";
    private WebView webView;
    private ProgressDialog dialog;

    @Override
    protected void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        // Uri uri = Uri.parse(url);// url为你要链接的地址
        // Intent intent = new Intent(Intent.ACTION_VIEW, uri);
        // startActivity(intent);
        init();
    }

    private void init()
    {
        // TODO Auto-generated method stub
        webView = (WebView) findViewById(R.id.webView);
        // WebView加载本地资源
        // webView.loadUrl("file:///android_asset/example.html");
        // webView加载web资源
        webView.loadUrl(url);
        /*
         * 覆盖webView默认通过默认浏览器或是 第三方浏览器开网页的行为，使网页可以在WebView中打开
         */
        webView.setWebViewClient(new WebViewClient()
        {
            @Override
            public boolean shouldOverrideUrlLoading(WebView view, String url)
            {
                // TODO Auto-generated method stub
                // 返回值是true的时候控制网页在WebView中去打开，
                // 如果是false则调用系统浏览器或者第三方浏览器去打开
                view.loadUrl(url);
                return true;
            }
            // WebViewClient是帮助webview去处理一些页面控制和请求通知

        });
        // 启用支持JavaScript
        WebSettings webSettings = webView.getSettings();
        webSettings.setJavaScriptEnabled(true);
        
//        WebView加载页面优先使用缓存加载
        webSettings.setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);[Window/Show View/Android/File Explorer/data/data/你要查找的项目/cache or databases]

        webView.setWebChromeClient(new WebChromeClient()
        {
            @Override
            public void onProgressChanged(WebView view, int newProgress)
            {
                // TODO Auto-generated method stub
                // newProgress 1—100的整数
                if (newProgress == 100)
                {
                    // 网页加载完毕，关闭progressDialog
                    closeDialog();
                }
                else
                {
                    // 网页正在加载，打开progressDialog
                    openDialog(newProgress);
                }
            }

            private void openDialog(int newProgress)// 进度在加载，显示进度对话框
            {
                // TODO Auto-generated method stub
                if (dialog != null)
                {
                    dialog = new ProgressDialog(MainActivity.this);
                    dialog.setTitle("正在加载");// 设置dialog标题
                    dialog.setProgress(newProgress);// 把获取到的进度设置到ProgressDialog;
                    dialog.setProgressStyle(ProgressDialog.STYLE_HORIZONTAL);// 设置dialog风格
                    dialog.show();// 显示出来
                }
                else
                {// dialog对象已经有了
                    dialog.setProgress(newProgress);// 刷新时时进度就好了
                }
            }

            private void closeDialog()
            {
                // TODO Auto-generated method stub
                if (dialog != null && dialog.isShowing())
                {
                    dialog.dismiss();
                    dialog = null;
                }
            }
        });
    }

    // 改写物理按键——返回的逻辑
    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event)
    {
        // TODO Auto-generated method stub
        Toast.makeText(this, webView.getUrl(), Toast.LENGTH_LONG).show();
        if (keyCode == KeyEvent.KEYCODE_BACK)
        {// 如果按下的按钮等于“返回键”
            if (webView.canGoBack())
            {
                webView.goBack();// 返回上一个页面
                return true;
            }
            else
            {
                System.exit(0);// 退出程序
            }
        }
        return super.onKeyDown(keyCode, event);
    }
}

 

转载于:https://www.cnblogs.com/crazyzx/articles/5323624.html

weixin_30656145
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用WebView显示网页
TaoLee
09-11 870
使用WebView显示网页WebView本身就是一个浏览器实现，其内核是基于Webkit 引擎，，如若甲乙美化可以开发自己的浏览器常用方法void goBack()后退 void goForward()前进 void loadUrl(String url)加载指定url对应网页 boolean zoomIn()放大网页 boolean zoomOut()缩小网页获取网络状态 //loa
使用WebView控件来实现外部网页的加载
qq_46258465的博客
12-04 2645
使用WebView控件来实现页面的加载 1. 修改配置文件 首先我们需要修改配置文件使其拥有修改权限 AndroidMainfest.xml 加载百度页面 在我们的配置文件中加载这一句： <!-- 因为要使用webview所以我增加了他的访问权限--> <uses-permission android:name="android.permission.INTERNET" /> 像这样 2. 样式部分 然后为我们的webview写入到组件样式部分 activity—m
Android使用WebView组件显示网页
m0_66309026的博客
03-25 5113
Android使用WebView组件显示网页 代码实现效果如下图所示： 1.xml布局文件代码 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://sche
Android 之 用WebView显示网页
weixin_34014277的博客
06-07 150
　　官方参考资料：WebView、Building Web Apps in WebView 。 一、综述 public class WebView extends AbsoluteLayout implements ViewTreeObserver.OnGlobalFocusChangeListener, ViewGroup.OnHierarchyChangeListener 　　...
利用webview显示网页
weixin_42407054的博客
06-18 367
网络技术 1.webview的用法 在布局文件中建立控件webview用来显示网页 <LinearLayout xmls:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent"> <WebView android:id="@id/web_view" android:layout_
使用WebView打开网页
jyDave的博客
10-27 1105
首先创建WebView 控件并初始化 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:la
Android中使用WebView显示网页
04-25
本文将深入探讨如何在Android中使用WebView显示网页，并涉及如何打包本地网页、加载Web页面、设置启用JavaScript以及使用缓存等关键知识点。 1. **使用WebView组件** Android中的WebView是Android SDK提供的一种...
Android webview加载网页.zip
04-17
在Android开发中，WebView是一个非常重要的组件，它允许我们在应用程序内部加载和显示网页内容，无需跳转到外部浏览器。这个“Android webview加载网页.zip”文件可能包含了一个示例项目或者教程，帮助开发者理解...
android 使用WebView浏览网页
03-23
这篇博文“android 使用WebView浏览网页”可能是关于如何在Android应用中集成和使用WebView来展示网页内容的教程。下面将详细介绍WebView的相关知识点。 1. **WebView基本使用** - `WebView`是Android SDK中的一个...
QT通过WebView访问外部网页
06-25
7. **JavaScript交互**：`QWebView`不仅限于显示网页，还可以通过`QWebPage`和`QWebFrame`等类与JavaScript进行交互，执行JavaScript代码，获取网页内容，或者注册C++对象供JavaScript调用，实现双向通信。...
webview
HanDong
12-07 431
package com.example.twentyfourcode;import android.app.Activity; import android.os.Bundle; import android.util.Log; import android.webkit.WebView; import android.webkit.WebViewClient;/** * @author HD
浅谈WebView视图显示网页
u014708808的专栏
04-15 887
什么是WebView? 首先
Android——使用WebView显示网页
热门推荐
Emrys的博客
08-19 1万+
1.引言：通过Intent调用系统浏览器 Uri uri = Uri.parse(url); //url为你要链接的地址 Intent intent = new Intent(Intent.ACTION_VIEW,uri); startActivity(intent);2.步骤 （1）.活动布局中加入元素即可 <WebView android:id="@+id/webVie
安卓学习专栏——app里展示网页之WebView的用法
MZH
11-24 2218
app里展示网页之WebView的用法
Android使用WebView无法显示网页
qq_36271550的博客
08-08 6237
在阅读《第一行代码》学习WebView的用法时发现的问题以及解决 按照书上的代码编写MainActivity： public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCr...
[RK3399][Android7.1.1]Webview:更新webview到最新版本
weixin_39966398的博客
07-12 1万+
测试平台 Platform: RK3399 OS: Android 7.1.1 现象 首先查看当前webview的版本，使用如下命令查询 adb shell am start -a android.intent.action.VIEW -d https://liulanmi.com/labs/core.html 可以得知当前的版本为52.0.2743.100 分析 查看系统后发现现在的webview已经被封装为单独的apk，放置在/system/app/webview/webview.apk路径下。
vue webview加载显示网页
最新发布
05-25
要在Vue应用程序中加载和显示网页，可以使用Vue Webview组件。Vue Webview是一个基于Webview的Vue.js插件，可以将原生Webview嵌入Vue.js应用程序中。 首先，你需要安装Vue Webview插件。可以通过npm命令来安装： `...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值