在Android开发中往往需要实现网页的浏览,webview就是android开发控件中功能极其强大的一员,它完全可以充当一个简易的浏览器,能够自己设置主页。试想,用自己开发的app把主页设成自己技术博客地址,一打开便进入了自己的空间,何其的方便。
在webview使用中有以下几点需要注意:
1、关于访问网络的问题
由于webview需要通过数据通信来访问网络,所以在manifest.xml配置文件中需要进行权限的设置(声明)
代码如下
<uses-permission android:name="android.permission.INTERNET"/>
2、如何实现不调用第三方浏览器即可进行页面反应
/*在webview加载网页时,不调用第三方浏览器打开的办法: * 设置WebViewClient,并重写WebViewClient的shouldOverrideUrlLoading方法 * 返回true为不调用,反之 false为调用第三方浏览器 */ webView.setWebViewClient(new WebViewClient(){ @Override public boolean shouldOverrideUrlLoading(WebView view, String url) { // TODO Auto-generated method stub view.loadUrl(url); return true; } });
3、网页中包含JavaScript内容时如何设置
android webview之所以功能强大就是能够和js进行交互 把js写成的网页嵌套到app中。
//网页中包含JavaScript内容需调用以下方法,参数为true webView.getSettings().setJavaScriptEnabled(true);
4、如何使得物理返回键实现页面上翻而不是退出程序
用过浏览器的同学应该都知道,浏览网页时点按手机上的返回键并不会导致程序的退出,而是回到之前打开的网页,这时候就需要重写onKeyDown(keyCode, event)方法 改写物理按键返回的逻辑。以下是设置方法:
//重写onKeyDown(keyCode, event)方法 改写物理按键 返回的逻辑 @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); }
5 、出现net::ERR_CACHE_MISS错误提示
使用缓存的方式是基于导航类型。正常页面加载的情况下将缓存内容。当导航返回,内容不会恢复(重新加载生成),而只是从缓存中取回内容。可以进行一下代码设置:
//出现net::ERR_CACHE_MISS错误提示 //使用缓存的方式是基于导航类型。正常页面加载的情况下将缓存内容。当导航返回, //内容不会恢复(重新加载生成),而只是从缓存中取回内容 if (Build.VERSION.SDK_INT >= 19) { Toast.makeText(this, "hhahhhhaha", Toast.LENGTH_LONG).show(); webView.getSettings().setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK); }
6 、出现net::ERR_NAME_NOT_RESOLVED错误
导致这个错误的因素有很多,我遇到的就比较特殊和纠结。因为用手机调试时需要用流量,鄙人比较穷,就用来电脑开的WiFi,可是出现了这个net::ERR_NAME_NOT_RESOLVED错误,只有用手机数据流量才得以解决。这是我找到的一些解决方法:
DNS 是将网站名称解析为互联网地址的网络服务。
a、把能上网的电脑连上,看一网络连接中的IP、DNS是自动还是指定,如果是指定记下来。
b、再把自己的电脑连上,检查一下自己的电脑的网络连接中的IP、DNS,与能上网的电脑设置成一样再试一下。
c.浏览器设置代理,请检测自己的浏览器是否设置代理或者正在开启代理软件,导致出现打不开网页情况。
d.电脑病毒破坏浏览器组件和系统文件,部分杀毒软件对被木马病毒感染程序进行查杀,但并未进行修复。
e.DNS设置问题,DNS服务器解释出错,需要手动在本地连接进行设置。
7 、若要显示本地文件和本地html文件应该放在哪
android工程目录下单assets文件
webView.loadUrl("file:///android_asset/icon.jpg");
8、添加置顶进度条
在网页访问网络时,如果没有进度条将很难分辨是否正在访问或是否加载完成,所以需要添加置顶的进度条,布局文件中:
<ProgressBar android:id="@+id/progressBar1" style="?android:attr/progressBarStyleHorizontal" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentLeft="true" android:layout_alignParentRight="true" android:layout_alignParentTop="true" />
基本上的要点就是和这些了,接下来是具体实现:
这是布局文件 其实就是一个大大的webview组件加一个ProgressBar:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="wrap_content" android:layout_height="wrap_content" tools:context=".MainActivity" > <WebView android:id="@+id/webView" android:layout_width="fill_parent" android:layout_height="455sp" android:layout_alignParentLeft="true" android:layout_alignParentBottom="true" /> <ProgressBar android:id="@+id/progressBar1" style="?android:attr/progressBarStyleHorizontal" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentLeft="true" android:layout_alignParentRight="true" android:layout_alignParentTop="true" /> </RelativeLayout>
这是主文件:
package com.example.webviewtest; import java.net.URLEncoder; import android.app.Activity; import android.os.Build; import android.os.Bundle; import android.view.KeyEvent; import android.webkit.WebSettings; import android.webkit.WebView; import android.webkit.WebViewClient; import android.widget.Toast; public class MainActivity extends Activity { WebView webView; final String mimeType = "text/html"; final String encoding = "utf-8"; public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); //添加进度条 final ProgressBar bar = (ProgressBar)findViewById(R.id.progressBar1); webView = (WebView) findViewById(R.id.webView); /*在webview加载网页时,不调用第三方浏览器打开的办法: * 设置WebViewClient,并重写WebViewClient的shouldOverrideUrlLoading方法 * 返回true为不调用,反之 false为调用第三方浏览器 */ webView.setWebViewClient(new WebViewClient(){ @Override public boolean shouldOverrideUrlLoading(WebView view, String url) { // TODO Auto-generated method stub view.loadUrl(url); return true; } }); //添加进度条 webView.setWebChromeClient(new WebChromeClient() {
@Override public void onProgressChanged(WebView view, int newProgress) { if (newProgress == 100) { bar.setVisibility(View.INVISIBLE); } else { if (View.INVISIBLE == bar.getVisibility()) { bar.setVisibility(View.VISIBLE); } bar.setProgress(newProgress); } super.onProgressChanged(view, newProgress); } }); //网页中包含JavaScript内容需调用以下方法,参数为true webView.getSettings().setJavaScriptEnabled(true); //出现net::ERR_CACHE_MISS错误提示 //使用缓存的方式是基于导航类型。正常页面加载的情况下将缓存内容。当导航返回, //内容不会恢复(重新加载生成),而只是从缓存中取回内容 if (Build.VERSION.SDK_INT >= 19) { webView.getSettings().setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK); } webHtml(); // webImage(); // localHtml(); // localImage (); // localHtmlImage(); } //重写onKeyDown(keyCode, event)方法 改写物理按键 返回的逻辑 @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); } /** * 显示网页 */ private void webHtml() { try { webView.loadUrl("http://815222418.iteye.com"); } catch (Exception ex) { ex.printStackTrace(); } } /** * 显示网络图片 */ private void webImage() { try { webView.loadUrl("http://815222418.iteye.com/images/haha.jpg"); } catch (Exception ex) { ex.printStackTrace(); } } /** * 显示本地图片文件 */ private void localImage() { try { // 本地文件处理(文件名中有空格时用+来替代) webView.loadUrl("file:///android_asset/icon.jpg"); } catch (Exception ex) { ex.printStackTrace(); } } /** * 显示本地网页文件 */ private void localHtml() { try { // 本地文件处理( 文件名中有空格用+来替代) webView.loadUrl("file:///android_asset/find.html"); } catch (Exception ex) { ex.printStackTrace(); } } /** * 显示本地图片和文字混合的Html内容 */ private void localHtmlImage() { try { String data = "测试本地图片和文字混合显示,这是APK里的图片"; // SDK1.5本地文件处理(不能显示图片) // SDK1.6及以后版本 // webView.loadData(data, mimeType, encoding); // 本地文件处理(能显示图片) webView.loadDataWithBaseURL("about:blank", data, mimeType, encoding, ""); } catch (Exception ex) { ex.printStackTrace(); } } }
这样,一个简易的个人主页浏览器就完成了。
梣梓cenzi
2015 4 8
相关推荐
Android WebView控件的用法.
Android通过webview控件实现webapp的demo,使用的是 androidstudio,可以实现跟html页面的js交互等
android开发中WebView的使用 WebView是个好东西,作用相当于一个迷你的浏览器,采用Webkit内核,因此完美支持html,javascript,css等。有时候,我们完全可以把UI甚至数据处理都交给WebView,配合PHP等服务端程序,...
本实例主要针对远程调用html或者jsp以及通过webview和远程数据库的通讯。
博客《 WebView使用详解(三)——WebChromeClient与LoadData补充》对应源码,博客地址:http://blog.csdn.net/harvic880925/article/details/51583253
Android开发,WebView实例,介绍WebView简单实现方法
嵌入式Android项目设计与开发 第九章 网络通讯 —— 浏览器的实现 浏览器的实现 有时候,我们需要在应用程序中展示一个网页内容,通常这是浏览器的工作,但我们也可以通过WebView自己去实现。 WebView本身就是...
android 使用webview控件,注意在android9.0以后必须使用https才能访问网页
Android WebView详解和调用JS,androidrom开发书籍(csdn)————程序
Android framework 系统编译 新版WebView浏览器内核101.0.4951.61
android开发中WebView的使用.pdf
主要介绍了Android中的webview监听每次URL变化实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
收集常见webview控件小知识,与大家分享一下
根据Android Developer做的WebView案例
WebView 控件 基本使用 Android WebView 控件 基本使用 Android WebView 控件 基本使用 Android
本资源配套本人的博客文章《Android开发】Android Studio中进行简单的WebView构建浏览器开发1》和《Android开发】Android Studio中进行简单的WebView构建浏览器开发2》进行使用,实现了基本的浏览器功能:包括:输入...
使用android studio 3.1.2 ,利用webview,实现登录界面。采用本地html 页面
安卓Android源码——webview支持html5视频播放实例.rar
使用webview做的一个简单浏览器 供学习参考 可以运行于android2.3之上
有时候,我们完全可以把UI甚至数据处理都交给WebView,配合PHP等服务端程序,这样Android开发就变成了网页开发,可以省很多精力。 下面是一个WebView的简单例子,如果用把所有功能都交给服务端脚本处理,这个程序...