登录
当前位置： 首页 > 编程笔记 >

Android使用原生组件WebView加载网页和数据的方法

钱锦
2023-03-14
本文向大家介绍Android使用原生组件WebView加载网页和数据的方法，包括了Android使用原生组件WebView加载网页和数据的方法的使用技巧和注意事项，需要的朋友参考一下

在Api中关于这个类的介绍大致就是这是一个可以显示网页的视图，如：

webView.loadUrl(http://www.baidu.com/);

显示结果：

还可以加载一些html的字符串，如：

String str = "<html><body>You scored <b>192</b> points.</body></html>";
webView.loadData(str, "text/html", null);

显示结果：

通过这个组件可以在你的Activity中显示网页或者跳转到浏览器上显示网页。上方的例子显示的是跳转到手机浏览器上显示百度界面。在下方WebView的方法介绍中我们会使用WebView的方法限制网页显示在当前Activity上。

下面让我们stepBystep的演示一下WebView的使用。

一、加载网页

1.WebView用来显示网页，使用必须时刻注意我们需要添加网络权限

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

2.在XML布局中添加WebView标签并在Activity中实例化

<WebView
android:id="@+id/main_webview"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
webView = (WebView) findViewById(R.id.main_webview);

3.之后我们就可以通过WebView的loadUrl的方法加载一个网页

webView.loadUrl(http://www.baidu.com/);

4.但是这样加载的网页会跳转到手机浏览器，如何限制网页显示在当前Activity中，需要设置其浏览器模式为false
添加代码如下：

webView = (WebView) findViewById(R.id.main_webview);
// 设置WebView的客户端
webView.setWebViewClient(new WebViewClient(){
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
return false;// 返回false
}
});
webView.loadUrl("http://www.baidu.com/");

显示的效果：

这样就简单的加载了一个网页。

WebView还提供了一个抽象类WebSettings来设置其所显示网页的一些基本内容，实例化的方式通过WebView对象的get方法获取

WebSettings webSettings = webView.getSettings();

通过这个类可以设置WebView显示网页的一系列属性

为了查看属性是否生效我特意将WebView显示的网页更换了一下，换成了我们公司的网址，先来看一下不设置一系列属性时显示的网页样式，可以看出界面明显不和手机屏幕适配，很差的用户体验

之后我通过WebSettings类设置了显示出网页的一系列属性

WebSettings webSettings = webView.getSettings();
// 让WebView能够执行javaScript
webSettings.setJavaScriptEnabled(true);
// 让JavaScript可以自动打开windows
webSettings.setJavaScriptCanOpenWindowsAutomatically(true);
// 设置缓存
webSettings.setAppCacheEnabled(true);
// 设置缓存模式,一共有四种模式
webSettings.setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);
// 设置缓存路径
// webSettings.setAppCachePath("");
// 支持缩放(适配到当前屏幕)
webSettings.setSupportZoom(true);
// 将图片调整到合适的大小
webSettings.setUseWideViewPort(true);
// 支持内容重新布局,一共有四种方式
// 默认的是NARROW_COLUMNS
webSettings.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN);
// 设置可以被显示的屏幕控制
webSettings.setDisplayZoomControls(true);
// 设置默认字体大小
webSettings.setDefaultFontSize(12);

设置完成之后在看一下运行效果：

全部代码：

清单文件：最重要的是不要忘记添加网络权限

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.wu.webviewdemo">
<uses-permission android:name="android.permission.INTERNET"/>
<application
android:allowBackup="true"
android:icon="@mipmap/ic_launcher"
android:label="@string/app_name"
android:supportsRtl="true"
android:theme="@style/AppTheme">
<activity android:name=".MainActivity">
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
</application>
</manifest>

布局文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#000"
android:gravity="center"
android:paddingBottom="10dp"
android:paddingTop="10dp"
android:text="使用WebView"
android:textAllCaps="false"
android:textColor="#fff" />
<WebView
android:id="@+id/main_webview"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
</LinearLayout>

Activity

package com.wu.webviewdemo;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;
public class MainActivity extends AppCompatActivity {
private WebView webView;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
webView = (WebView) findViewById(R.id.main_webview);
// 设置WebView的客户端
webView.setWebViewClient(new WebViewClient(){
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
return false;// 返回false
}
});
WebSettings webSettings = webView.getSettings();
// 让WebView能够执行javaScript
webSettings.setJavaScriptEnabled(true);
// 让JavaScript可以自动打开windows
webSettings.setJavaScriptCanOpenWindowsAutomatically(true);
// 设置缓存
webSettings.setAppCacheEnabled(true);
// 设置缓存模式,一共有四种模式
webSettings.setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);
// 设置缓存路径
// webSettings.setAppCachePath("");
// 支持缩放(适配到当前屏幕)
webSettings.setSupportZoom(true);
// 将图片调整到合适的大小
webSettings.setUseWideViewPort(true);
// 支持内容重新布局,一共有四种方式
// 默认的是NARROW_COLUMNS
webSettings.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN);
// 设置可以被显示的屏幕控制
webSettings.setDisplayZoomControls(true);
// 设置默认字体大小
webSettings.setDefaultFontSize(12);
webView.loadUrl("http://www.lanou3g.com/");
}
}

二、加载html字符串

在一些Android开发中会遇到这样一种情况，显示详情页不是一些简单的文字，也不是简单的网页，而是通过接口为我们提供html写好的数据，遇到这种数据我们通常采用的方式是通过WebView加载，这就使用到了WebView的另一个方法

public void loadData(String data, String mimeType, String encoding)

1.首先看一下html的string是什么样的，为了加强说服力并且贴合实际，就没有自己制造字符串（如开篇例子）而是扒了一段网易新闻的内容（老郭和他徒弟的新闻，本人还是很喜欢听郭老师的相声的，毕竟喝酒烫头）

private String body = "<p>　　<b>网易娱乐专稿9月7日报道</b>(文/小易)" +
" 今日凌晨，郭德纲鹤字辈徒弟在微博发文对德云社表忠心，称自己之前在外私自接活，离开德云社，" +
"因羞愧两年没有师父郭德纲与师娘联系，本应该被清出师门，但承蒙师父郭德纲不离不弃。" +
"随后，郭德纲转发该微博并附文“知错能改善莫大焉”。加上前几天曹云金与何云伟撕郭德纲内幕一事，" +
"本应告一段落的郭德纲与徒弟的各种纠纷若如此下去，恐难彻底收场。</p><p>　　<b>韩鹤晓微博原文：" +
"</b></p><p>　　2006年考入鹤字科取名鹤晓，2009年6月13日恩师郭德纲先生收我为郭门弟子。" +
"数年期间吃、住、学艺在德云基地，师父师娘分文未取。2010年结婚师父师娘给我和爱人赠送了红包与婚戒，" +
"并在德云基地给我们提供了婚房。2014年9月，我由于个人原因，私自赴外地发展。后来返京羞于面对恩师，" +
"两年未敢与恩师见面。后到上海发展，2016年6月师父上海演出期间，终于鼓起勇气向师父认错，" +
"师父宽宏大量原谅了我。时隔两月回京之际，专程上家中看望师娘，并求得了原谅。以鶴晓所犯之错，" +
"本足可导致“清门”，重修德云家谱之际，蒙恩师不弃，给于“暂留察看”实乃对徒儿网开一面。" +
"罪徒鶴晓感念恩师授业之恩、不弃之情。鶴晓虽距京城数千之遥，定当永远心系德云。" +
"未敢忘却恩师之谆谆教导，踏实做艺、好好做人!唯愿师父师娘身体安泰!徒儿鶴晓顿首遥拜！</p>";

2.设置一下默认的字符编码，Android中普遍使用UTF-8

WebSettings webSettings = webView.getSettings();
webSettings.setDefaultTextEncodingName("UTF-8");

3.之后调用WebView的loadData方法

webView.loadData(body, "text/html; charset=UTF-8", null);

显示效果如下：

下面是全部代码，布局继续使用（一、加载网页）的，代码部分也没有太大的更改，具体如下：

package com.wu.webviewdemo;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;
public class MainActivity extends AppCompatActivity {
private WebView webView;
private String body = "<p>　　<b>网易娱乐专稿9月7日报道</b>(文/小易)" +
" 今日凌晨，郭德纲鹤字辈徒弟在微博发文对德云社表忠心，称自己之前在外私自接活，离开德云社，" +
"因羞愧两年没有师父郭德纲与师娘联系，本应该被清出师门，但承蒙师父郭德纲不离不弃。" +
"随后，郭德纲转发该微博并附文“知错能改善莫大焉”。加上前几天曹云金与何云伟撕郭德纲内幕一事，" +
"本应告一段落的郭德纲与徒弟的各种纠纷若如此下去，恐难彻底收场。</p><p>　　<b>韩鹤晓微博原文：" +
"</b></p><p>　　2006年考入鹤字科取名鹤晓，2009年6月13日恩师郭德纲先生收我为郭门弟子。" +
"数年期间吃、住、学艺在德云基地，师父师娘分文未取。2010年结婚师父师娘给我和爱人赠送了红包与婚戒，" +
"并在德云基地给我们提供了婚房。2014年9月，我由于个人原因，私自赴外地发展。后来返京羞于面对恩师，" +
"两年未敢与恩师见面。后到上海发展，2016年6月师父上海演出期间，终于鼓起勇气向师父认错，" +
"师父宽宏大量原谅了我。时隔两月回京之际，专程上家中看望师娘，并求得了原谅。以鶴晓所犯之错，" +
"本足可导致“清门”，重修德云家谱之际，蒙恩师不弃，给于“暂留察看”实乃对徒儿网开一面。" +
"罪徒鶴晓感念恩师授业之恩、不弃之情。鶴晓虽距京城数千之遥，定当永远心系德云。" +
"未敢忘却恩师之谆谆教导，踏实做艺、好好做人!唯愿师父师娘身体安泰!徒儿鶴晓顿首遥拜！</p>";
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
webView = (WebView) findViewById(R.id.main_webview);
WebSettings webSettings = webView.getSettings();
webSettings.setDefaultTextEncodingName("UTF-8");
webView.loadData(body, "text/html; charset=UTF-8", null);
}
}

以上所述是小编给大家介绍的Android使用原生组件WebView加载网页和数据的方法，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的，在此也非常感谢大家对小牛知识库网站的支持！

 类似资料：
  • android WebView无法加载受Cloudflare保护的网页

    我正在开发一个android应用程序。我的应用程序中有一个webview，它将加载一个网页。 我用，网络视图工作正常。但它无法加载xxx。html（此网站受Cloudflare保护） 我像这样添加了WebViewClient 但是public void onPageStarted（WebView视图、字符串url、位图favicon）{从不调用。 等了很久，我得到这个图像 https://driv

  • Android中替换WebView加载网页失败时的页面

    本文向大家介绍Android中替换WebView加载网页失败时的页面，包括了Android中替换WebView加载网页失败时的页面的使用技巧和注意事项，需要的朋友参考一下 我们用webView去请求一个网页链接的时候，如果请求网页失败或无网络的情况下，它会返回给我们这样一个页面，如下图所示：   上面这个页面就是系统自带的页面，你觉得是不是很丑？反正小编本人觉得非常丑，很难看，于是乎小编就在想能不

  • Android中WebView加载网页设置进度条

    本文向大家介绍Android中WebView加载网页设置进度条，包括了Android中WebView加载网页设置进度条的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了Android中WebView加载网页设置进度条的具体代码，供大家参考，具体内容如下 效果： xml： pg.xml Java文件： 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持呐喊教程。

  • webview加载网页，但加载后部分内容消失（Android Studio）

    我试着在网络视图中查看http://artikelweb.com。网页显示得很好。但是，每当我从“热门作者”部分转到任何作者链接时，网页都会出现，但是加载后，报价没有显示。 在Google Chrome浏览器（移动）中，加载后会出现引号， 但是，在我的应用程序中，引用不会显示在网络视图中。 代码片段：

  • 网页不可用，WebView Android

    你好，我有一个问题，我有一个家庭工作，使网络视图与android studio，我键入网址facebook，比我运行它，但它就像那样 logcat：

  • Android Webview添加网页加载进度条实例详解

    本文向大家介绍Android Webview添加网页加载进度条实例详解，包括了Android Webview添加网页加载进度条实例详解的使用技巧和注意事项，需要的朋友参考一下 推荐阅读：Android WebView线性进度条实例详解 最近在android项目中使用webview嵌套了一个抽奖活动网页，活动上线，运行良好（改了N次需求和突发bug)，还好这种模式的活动，只需要修改网页，不需要重新打

相关阅读

如何在WebView中加载外部网页Android实现ListView分页自动加载数据的方法如何正确使用加载数组和保存数组方法？原生js+ajax分页组件详细讲解Android中使用LoaderManager加载数据的方法

相关文章

ECharts 异步加载数据加载示例数据库7.5.6 WebView处理网页返回的错误码信息Redis数据备份和还原JVM类的加载机制和加载器

相关问答

Android Webview将本地文件加载到在线网站JavaFX WebView-未加载页面Android后台进程每分钟从网页加载数据如何加载JSON数组使用Angulal-Translate翻译AngularJS网页使用Android Studio从资产文件夹加载html文件到android上的webview

相关工具

webview 加载css js 文件解析html网页的数据Android数据库加密SDK开源数据访问组件DAC获取网页的所有图片

相关文档

MIP 移动网页加速器开发文档迁移到云原生应用架构数据结构和算法Python 原生爬虫教程小米数据处理和分析服务（EMR）使用指南
快捷导航： 新手教程 算法原理 架构设计 Java进阶 数据库进阶 大厂专栏 面试经验 编程笔记 编程问答 所有专题 文档资料 工具软件 电子书籍 小牛导航
在线工具： 房贷计算器 个税计算器 Linux命令查询 Json格式化 正则表达式 颜色转换 AES加解密 SHA1加密 MD5加密 毒鸡汤 字数统计 随机密码生成 进制转换 Base64编解码 励志句子
Copyright © 2019-2024 小牛知识库@xnip.cn. All Rights Reserved.