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旋转屏幕导致页面重新加载问题解决办法
Android webview旋转屏幕导致页面重新加载问题解决办法 1. 在create时候加个状态判断 protected void onCreate(Bundle savedInstanceState){ ... if (savedInstanceState == null) { mWebView.loadUrl("your_url"); } ... } 2. 重载保存状态的函数: @Override protected void onSaveInstanceState(Bundl
-
详解Android WebView加载html片段
这里我先简单描述一下需求:服务器返回的是html页面的一部分带有标签的内容. 解决的思路是:将服务器返回的内容片段拼凑成一个完整的页面. 下面直接上核心代码: 这里是WebView一些配置 WebSettings settings = webView.getSettings(); settings.setJavaScriptEnabled(true); settings.setDomStorageEnabled(true); settings.setUseWideViewPort(true);
-
Android中替换WebView加载网页失败时的页面
我们用webView去请求一个网页链接的时候,如果请求网页失败或无网络的情况下,它会返回给我们这样一个页面,如下图所示: 上面这个页面就是系统自带的页面,你觉得是不是很丑?反正小编本人觉得非常丑,很难看,于是乎小编就在想能不能自定义一个页面,当数据请求失败时让系统来加载我们自定义好的页面?上网查了很多资料,都没有关于这个问题的解决方法(反正我是没有找到),经过小编的不断琢磨,今天终于实现了这个功能.以下就是本人自定义实现的数据加载失败时的页面: 这样看起来是不是觉得很高大尚.这和我们真正拿到数据
-
android WebView加载html5介绍
Android设备多分辨率的问题 Android浏览器默认预览模式浏览 会缩小页面 WebView中则会以原始大小显示 Android浏览器和WebView默认为mdpi.hdpi相当于mdpi的1.5倍 ldpi相当于0.75倍 三种解决方式:1 viewport属性 2 CSS控制 3 JS控制 1 viewport属性放在HTML的<meta>中 Html代码 复制代码 代码如下: <SPANstyle="FONT-SIZE: x-small"> <
-
Android中WebView加载的网页被放大的解决办法
在某些大分辨率下,我们用WebView加载的网页可能会出现被放大的现象,这显然不是我们想要的结果,我开始看WebSettings这个是否可以设置不缩放,webSettings.setBuiltInZoomControls(false),我发现这样设置后没有任何效果,没办法只得继续看代码.后来看到有个这样的属性:WebSettings.ZoomDensity 才最终解决这个问题(网址如下:http://www.Android-doc.com/reference/android/webkit/Web
-
详解Android Webview加载网页时发送HTTP头信息
详解Android Webview加载网页时发送HTTP头信息 当你点击一个超链接进行跳转时,WebView会自动将当前地址作为Referer(引荐)发给服务器,因此很多服务器端程序通过是否包含referer来控制盗链,所以有些时候,直接输入一个网络地址,可能有问题,那么怎么解决盗链控制问题呢,其实在webview加载时加入一个referer就可以了,如何添加呢? 从Android 2.2 (也就是API 8)开始,WebView新增加了一个接口方法,就是为了便于我们加载网页时又想发送其他的HT
-
Android Webview添加网页加载进度条实例详解
推荐阅读:Android WebView线性进度条实例详解 最近在android项目中使用webview嵌套了一个抽奖活动网页,活动上线,运行良好(改了N次需求和突发bug),还好这种模式的活动,只需要修改网页,不需要重新打包发布市场,这也是这种模式开发的优势之一.后来据产品哥反馈说加载网页无进度提示,好吧,这个当时真没考虑这么多,这个要加加..想当然以为轻松搞定之....其实还是比轻松要复杂点... 1.首先自定义一个WebView控件 /** * 带进度条的Webivew * @author
-
Android中WebView加载网页设置进度条
本文实例为大家分享了Android中WebView加载网页设置进度条的具体代码,供大家参考,具体内容如下 效果: xml: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" a
-
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&
-
详解android 用webview加载网页(https和http)
1.Android 加载https请求的网页的时候 打不开 当load有ssl层的https页面时,如果这个网站的安全证书在Android无法得到认证,WebView就会变成一个空白页,而并不会像PC浏览器中那样跳出一个风险提示框.因此,我们必须针对这种情况进行处理.(这个证书限于2.1版本以上的Android 系统才可以) wv.setWebViewClient(new WebViewClient(){ @override public void onReceivedSslError(WebV
-
swift版webview加载网页进度条效果
本文实例为大家分享了swift版webview加载网页展示的具体代码,供大家参考,具体内容如下 比较简单,直接上代码 import UIKit import WebKit import SnapKit class CMWebVC: UIViewController , WKNavigationDelegate { var webUrl: String? var webView: WKWebView =WKWebView() var progressView:UIProgressView = UI
-
ComboBox（下拉列表框）通过url加载调用远程数据的方法
ComboBox(下拉列表框) ComboBox(下拉列表框)常用属性: valueField: 基础数据值名称绑定到该下拉列表框.- 提交值 textField:基础数据字段名称绑定到该下拉列表框.-显示值 url:通过URL加载远程列表数据. mode:定义了当文本改变时如何读取列表数据.设置为'remote'时,下拉列表框将会从服务器加载数据.当设置为"remote"模式时,用户输入将被发送到名为'q'的HTTP请求参数到服务器检索新数据. 方法: clear:清除下拉列表框的值
-
Android webview加载https链接错误或无响应的解决
最近做无线WiFi的时候,在最后认证成功的时候会弹出一个广告页,于是用webview去加载了一下,结果没反应,打印url出来看了一下,发现是https格式的,在使用WebView加载https资源文件时,如果认证证书不被Android认可,那么会出现无法成功加载对应资源问题.那么,我们就要针对这一状况作出对应的处理. 于是百度了一下,这里记录一下,给大家做个参考: 1.设置WebView接受所有网站的证书 在认证证书不被Android所接受的情况下,我们可以通过设置重写WebViewClient
-
android 关于webview 加载h5网页开启定位的方法
如下所示: //webview定位相关设置 settings.setDomStorageEnabled(true); settings.setGeolocationEnabled(true); //settings.setGeolocationDatabasePath(getFilesDir().getPath()); progressWebView.setWebChromeClient(new WebChromeClient() { @Override public void onGeoloc