Android WebView使用方法详解 附js交互调用方法

<webview
 android:id="@+id/webview1"
 android:layout_width="fill_parent"
 android:layout_height="fill_parent"
 android:layout_margintop="10dp" />

webview = (webview) findviewbyid(r.id.webview1);
webview.loadurl("http://www.baidu.com/");
//webview.reload();// reload page

webview.setwebviewclient(new webviewclient(){
 @override
 public boolean shouldoverrideurlloading(webview view, string url) {
 view.loadurl(url);
 return true;
 }
 });

webview.setwebchromeclient(new webchromeclient(){
 @override
 public void onprogresschanged(webview view, int newprogress) {
 //get the newprogress and refresh progress bar
 }
 });

webview.setwebchromeclient(new webchromeclient(){
 @override
 public void onreceivedtitle(webview view, string title) {
 titleview.settext(title);//a textview
 }
 });

public class httpthread extends thread {


 private string murl;

 public httpthread(string murl) {
 this.murl = murl;
 }
 
 @override
 public void run() {
 url url;
 try {
 url = new url(murl);
 httpurlconnection conn = (httpurlconnection) url.openconnection();
 conn.setdoinput(true);
 conn.setdooutput(true);
 inputstream in = conn.getinputstream();
 
 file downloadfile;
 file sdfile;
 fileoutputstream out = null;
 if(environment.getexternalstoragestate().equals(environment.media_unmounted)){
 downloadfile = environment.getexternalstoragedirectory();
 sdfile = new file(downloadfile, "test.file");
 out = new fileoutputstream(sdfile);
 }
 
 //buffer 4k
 byte[] buffer = new byte[1024 * 4];
 int len = 0;
 while((len = in.read(buffer)) != -1){
 if(out != null)
 out.write(buffer, 0, len);
 }
 
 //close resource
 if(out != null)
 out.close();
 
 if(in != null){
 in.close();
 }
 
 
 
 } catch (ioexception e) {
 // todo auto-generated catch block
 e.printstacktrace();
 }
 }
 
}

//创建downloadlistener (webkit包)
class mydownloadlistenter implements downloadlistener{

 @override
 public void ondownloadstart(string url, string useragent,
 string contentdisposition, string mimetype, long contentlength) {
 system.out.println("url ==== >" + url);
 new httpthread(url).start();
 }
 
 }

//给webview加入监听
webview.setdownloadlistener(new mydownloadlistenter());

class mydownloadlistenter implements downloadlistener{

 @override
 public void ondownloadstart(string url, string useragent,
 string contentdisposition, string mimetype, long contentlength) {
 system.out.println("url ==== >" + url);
 //new httpthread(url).start();
 
 uri uri = uri.parse(url);
 intent intent = new intent(intent.action_view, uri);
 startactivity(intent);
 }
 
 }

webview.setwebviewclient(new webviewclient(){
 
 @override
 public void onreceivederror(webview view, int errorcode,
 string description, string failingurl) {
 switch(errorcode)
 {
 case httpstatus.sc_not_found:
 view.loadurl("file:///android_assets/error_handle.html");
 break;
 }
 }
 });

public class httpcookie extends thread {

 private handler mhandler;

 public httpcookie(handler mhandler) {
 this.mhandler = mhandler;
 }
 
 @override
 public void run() {
 httpclient client = new defaulthttpclient();
 httppost post = new httppost("");//this place should add the login address
 
 list<namevaluepair> list = new arraylist<namevaluepair>();
 list.add(new basicnamevaluepair("name", "jason"));
 list.add(new basicnamevaluepair("pwd", "123456"));
 
 try {
 post.setentity(new urlencodedformentity(list));
 httpresponse reponse = client.execute(post);
 if(reponse.getstatusline().getstatuscode() == httpstatus.sc_ok){
 abstracthttpclient absclient = (abstracthttpclient) client;
 list<cookie> cookies = absclient.getcookiestore().getcookies();
 
 for(cookie cookie:cookies){
 if(cookie != null){
 //todo
 //this place would get the cookies
 }
 }
 }
 
 } catch (unsupportedencodingexception e) {
 // todo auto-generated catch block
 e.printstacktrace();
 } catch (clientprotocolexception e) {
 // todo auto-generated catch block
 e.printstacktrace();
 } catch (ioexception e) {
 // todo auto-generated catch block
 e.printstacktrace();
 }
 }
 
}

if(cookie != null){
 //todo
 //this place would get the cookies
 message msg = new message();
 msg.obj = cookie;
 if(mhandler != null){
 mhandler.sendmessage(msg);
 return;
 }
}

 private handler mhandler = new handler(){
 public void handlemessage(android.os.message msg) 
 {
 
 cookiesyncmanager.createinstance(mainactivity.this);
 cookiemanager cookiemgr = cookiemanager.getinstance();
 cookiemgr.setacceptcookie(true);
 cookiemgr.setcookie("", msg.obj.tostring());// this place should add the login host address(not the login index address)
 cookiesyncmanager.getinstance().sync();
 
 webview.loadurl("");// login index address
 };
 };

<html>
 <script language="javascript">
 /* this function is invoked by the webview*/
 function do() {
 alert("1");
 }
 </script>
 <body>
 <a onclick="window.demo.clickonandroid()"><div style="width:80px;
 margin:0px auto;
 padding:10px;
 text-align:center;
 border:2px solid #111111;" >
 <img id="droid" src="xx.png"/><br>
 click me!
 </div></a>
 </body>
</html>

package com.test.webview;
class demojavascriptinterface {

 demojavascriptinterface() {
 }

 /**
 * this is not called on the ui thread. post a runnable to invoke
 * loadurl on the ui thread.
 */
 public void clickonandroid() {
 mhandler.post(new runnable() {
 public void run() {
 //todo
 }
 });

 }
 }

<?xml version="1.0" encoding="utf-8"?> 
<linearlayout xmlns:android="http://schemas.android.com/apk/res/android" 
 android:orientation="vertical" 
 android:layout_width="fill_parent" 
 android:layout_height="fill_parent" 
 > 
 <button 
 android:id="@+id/btn" 
 android:layout_width="match_parent" 
 android:layout_height="wrap_content" 
 android:text="加载url"/> 
 
 <webview 
 android:id="@+id/webview" 
 android:layout_width="match_parent" 
 android:layout_height="match_parent"/> 
</linearlayout> 

public class myactivity extends activity { 
 
 private webview mwebview; 
 private button mbtn; 
 @override 
 public void oncreate(bundle savedinstancestate) { 
 super.oncreate(savedinstancestate); 
 setcontentview(r.layout.main); 
 
 mwebview = (webview)findviewbyid(r.id.webview); 
 mbtn = (button)findviewbyid(r.id.btn); 
 
 mbtn.setonclicklistener(new view.onclicklistener() { 
 @override 
 public void onclick(view v) { 
 mwebview.loadurl("http://www.baidu.com"); 
 } 
 }); 
 } 
} 

public class myactivity extends activity { 
 
 private webview mwebview; 
 private button mbtn; 
 @override 
 public void oncreate(bundle savedinstancestate) { 
 super.oncreate(savedinstancestate); 
 setcontentview(r.layout.main); 
 
 mwebview = (webview)findviewbyid(r.id.webview); 
 mbtn = (button)findviewbyid(r.id.btn); 
 
 mwebview.setwebviewclient(new webviewclient()); 
 
 mbtn.setonclicklistener(new view.onclicklistener() { 
 @override 
 public void onclick(view v) { 
 mwebview.loadurl("http://www.baidu.com"); 
 } 
 }); 
 } 
} 

<!doctype html> 
<html lang="en"> 
<head> 
 <meta charset="utf-8"> 
 <title>title</title> 
 <h1>欢迎光临启舰的blog</h1> 
</head> 
<body> 
</body> 
</html> 

public class myactivity extends activity { 
 
 private webview mwebview; 
 private button mbtn; 
 @override 
 public void oncreate(bundle savedinstancestate) { 
 super.oncreate(savedinstancestate); 
 setcontentview(r.layout.main); 
 
 mwebview = (webview)findviewbyid(r.id.webview); 
 mbtn = (button)findviewbyid(r.id.btn); 
 
 mbtn.setonclicklistener(new view.onclicklistener() { 
 @override 
 public void onclick(view v) { 
 mwebview.loadurl("file:///android_asset/web.html"); 
 } 
 }); 
 } 
} 

/** 
 * 是否支持缩放，配合方法setbuiltinzoomcontrols使用，默认true 
 */ 
setsupportzoom(boolean support) 
 
/** 
 * 是否需要用户手势来播放media，默认true 
 */ 
setmediaplaybackrequiresusergesture(boolean require) 
 
/** 
 * 是否使用webview内置的缩放组件，由浮动在窗口上的缩放控制和手势缩放控制组成，默认false 
 */ 
setbuiltinzoomcontrols(boolean enabled) 
 
/** 
 * 是否显示窗口悬浮的缩放控制，默认true 
 */ 
setdisplayzoomcontrols(boolean enabled) 
 
/** 
 * 是否允许访问webview内部文件，默认true 
 */ 
setallowfileaccess(boolean allow) 
 
/** 
 * 是否允许获取webview的内容url ，可以让webview访问contentprivider存储的内容。 默认true 
 */ 
setallowcontentaccess(boolean allow) 
 
/** 
 * 是否启动概述模式浏览界面，当页面宽度超过webview显示宽度时，缩小页面适应webview。默认false 
 */ 
setloadwithoverviewmode(boolean overview) 
 
/** 
 * 是否保存表单数据，默认false 
 */ 
setsaveformdata(boolean save) 
 
/** 
 * 设置页面文字缩放百分比，默认100% 
 */ 
settextzoom(int textzoom) 
 
/** 
 * 是否支持viewport的meta tag属性，如果页面有viewport meta tag 指定的宽度，则使用meta tag指定的值，否则默认使用宽屏的视图窗口 
 */ 
setusewideviewport(boolean use) 
 
 
/** 
 * 是否支持多窗口，如果设置为true ，webchromeclient#oncreatewindow方法必须被主程序实现，默认false 
 */ 
setsupportmultiplewindows(boolean support) 
 
/** 
 * 指定webview的页面布局显示形式，调用该方法会引起页面重绘。默认layoutalgorithm#narrow_columns 
 */ 
setlayoutalgorithm(layoutalgorithm l) 
 
/** 
 * 设置标准的字体族，默认”sans-serif”。font-family 规定元素的字体系列。 
 * font-family 可以把多个字体名称作为一个“回退”系统来保存。如果浏览器不支持第一个字体， 
 * 则会尝试下一个。也就是说，font-family 属性的值是用于某个元素的字体族名称或/及类族名称的一个 
 * 优先表。浏览器会使用它可识别的第一个值。 
 */ 
setstandardfontfamily(string font) 
 
/** 
 * 设置混合字体族。默认”monospace” 
 */ 
setfixedfontfamily(string font) 
 
/** 
 * 设置sansserif字体族。默认”sans-serif” 
 */ 
setsansseriffontfamily(string font) 
 
/** 
 * 设置seriffont字体族，默认”sans-serif” 
 */ 
setseriffontfamily(string font) 
 
/** 
 * 设置cursivefont字体族，默认”cursive” 
 */ 
setcursivefontfamily(string font) 
 
/** 
 * 设置fantasyfont字体族，默认”fantasy” 
 */ 
setfantasyfontfamily(string font) 
 
/** 
 * 设置最小字体，默认8. 取值区间[1-72]，超过范围，使用其上限值。 
 */ 
setminimumfontsize(int size) 
 
/** 
 * 设置最小逻辑字体，默认8. 取值区间[1-72]，超过范围，使用其上限值。 
 */ 
setminimumlogicalfontsize(int size) 
 
/** 
 * 设置默认字体大小，默认16，取值区间[1-72]，超过范围，使用其上限值。 
 */ 
setdefaultfontsize(int size) 
 
/** 
 * 设置默认填充字体大小，默认16，取值区间[1-72]，超过范围，使用其上限值。 
 */ 
setdefaultfixedfontsize(int size) 
 
/** 
 * 设置是否加载图片资源，注意：方法控制所有的资源图片显示，包括嵌入的本地图片资源。 
 * 使用方法setblocknetworkimage则只限制网络资源图片的显示。值设置为true后， 
 * webview会自动加载网络图片。默认true 
 */ 
setloadsimagesautomatically(boolean flag) 
 
/** 
 * 是否加载网络图片资源。注意如果getloadsimagesautomatically返回false，则该方法没有效果。 
 * 如果使用setblocknetworkloads设置为false，该方法设置为false，也不会显示网络图片。 
 * 当值从true改为false时。webview会自动加载网络图片。 
 */ 
setblocknetworkimage(boolean flag) 
 
/** 
 * 设置是否加载网络资源。注意如果值从true切换为false后，webview不会自动加载， 
 * 除非调用webview#reload().如果没有android.manifest.permission#internet权限， 
 * 值设为false，则会抛出java.lang.securityexception异常。 
 * 默认值：有android.manifest.permission#internet权限时为false，其他为true。 
 */ 
setblocknetworkloads(boolean flag) 
 
/** 
 * 设置是否允许执行js。 
 */ 
setjavascriptenabled(boolean flag) 
 
/** 
 * 是否允许js访问任何来源的内容。包括访问file scheme的urls。考虑到安全性， 
 * 限制js访问范围默认禁用。注意：该方法只影响file scheme类型的资源，其他类型资源如图片类型的， 
 * 不会受到影响。ice_cream_sandwich_mr1版本以及以下默认为true，jelly_bean版本 
 * 以上默认为false 
 */ 
setallowuniversalaccessfromfileurls(boolean flag) 
 
 
/** 
 * 是否允许js访问其他file scheme的urls。包括访问file scheme的资源。考虑到安全性， 
 * 限制js访问范围默认禁用。注意：该方法只影响file scheme类型的资源，其他类型资源如图片类型的， 
 * 不会受到影响。如果getallowuniversalaccessfromfileurls为true，则该方法被忽略。 
 * ice_cream_sandwich_mr1版本以及以下默认为true，jelly_bean版本以上默认为false 
 */ 
setallowfileaccessfromfileurls(boolean flag) 
 
/** 
 * 设置存储定位数据库的位置，考虑到位置权限和持久化cache缓存，application需要拥有指定路径的 
 * write权限 
 */ 
setgeolocationdatabasepath(string databasepath) 
 
/** 
 * 是否允许cache，默认false。考虑需要存储缓存，应该为缓存指定存储路径setappcachepath 
 */ 
setappcacheenabled(boolean flag) 
 
/** 
 * 设置cache api缓存路径。为了保证可以访问cache，application需要拥有指定路径的write权限。 
 * 该方法应该只调用一次，多次调用自动忽略。 
 */ 
setappcachepath(string appcachepath) 
 
/** 
 * 是否允许数据库存储。默认false。查看setdatabasepath api 如何正确设置数据库存储。 
 * 该设置拥有全局特性，同一进程所有webview实例共用同一配置。注意：保证在同一进程的任一webview 
 * 加载页面之前修改该属性，因为在这之后设置webview可能会忽略该配置 
 */ 
setdatabaseenabled(boolean flag) 
 
/** 
 * 是否存储页面dom结构，默认false。 
 */ 
setdomstorageenabled(boolean flag) 
 
/** 
 * 是否允许定位，默认true。注意：为了保证定位可以使用，要保证以下几点： 
 * application 需要有android.manifest.permission#access_coarse_location的权限 
 * application 需要实现webchromeclient#ongeolocationpermissionsshowprompt的回调， 
 * 接收js定位请求访问地理位置的通知 
 */ 
setgeolocationenabled(boolean flag) 
 
/** 
 * 是否允许js自动打开窗口。默认false 
 */ 
setjavascriptcanopenwindowsautomatically(boolean flag) 
 
/** 
 * 设置页面的编码格式，默认utf-8 
 */ 
setdefaulttextencodingname(string encoding) 
 
/** 
 * 设置webview代理，默认使用默认值 
 */ 
setuseragentstring(string ua) 
 
/** 
 * 通知webview是否需要设置一个节点获取焦点当 
 * webview#requestfocus(int,android.graphics.rect)被调用的时候，默认true 
 */ 
setneedinitialfocus(boolean flag) 
 
/** 
 * 基于webview导航的类型使用缓存：正常页面加载会加载缓存并按需判断内容是否需要重新验证。 
 * 如果是页面返回，页面内容不会重新加载，直接从缓存中恢复。setcachemode允许客户端根据指定的模式来 
 * 使用缓存。 
 * load_default 默认加载方式 
 * load_cache_else_network 按网络情况使用缓存 
 * load_no_cache 不使用缓存 
 * load_cache_only 只使用缓存 
 */ 
setcachemode(int mode) 
 
/** 
 * 设置加载不安全资源的webview加载行为。kitkat版本以及以下默认为mixed_content_always_allow方 
 * 式，lollipop默认mixed_content_never_allow。强烈建议：使用mixed_content_never_allow 
 */ 
setmixedcontentmode(int mode) 

public class myactivity extends activity { 
 
 private webview mwebview; 
 private button mbtn; 
 
 @override 
 public void oncreate(bundle savedinstancestate) { 
 super.oncreate(savedinstancestate); 
 setcontentview(r.layout.main); 
 
 mwebview = (webview) findviewbyid(r.id.webview); 
 mbtn = (button) findviewbyid(r.id.btn); 
 
 websettings websettings = mwebview.getsettings(); 
 websettings.setjavascriptenabled(true); 
 } 
} 

websettings websettings = mwebview .getsettings(); 
websettings.setusewideviewport(true);//设置此属性，可任意比例缩放 
websettings.setloadwithoverviewmode(true); 

websettings websettings = mwebview.getsettings(); 
//开启javascript支持 
websettings.setjavascriptenabled(true); 
// 设置可以支持缩放 
websettings.setsupportzoom(true); 
// 设置出现缩放工具 
websettings.setbuiltinzoomcontrols(true); 

public class myactivity extends activity { 
 
 private webview mwebview; 
 private button mbtn; 
 
 @override 
 public void oncreate(bundle savedinstancestate) { 
 super.oncreate(savedinstancestate); 
 setcontentview(r.layout.main); 
 
 mwebview = (webview) findviewbyid(r.id.webview); 
 
 websettings websettings = mwebview.getsettings(); 
 websettings.setjavascriptenabled(true); 
 mwebview.addjavascriptinterface(this, "android"); 
 mwebview.loadurl("file:///android_asset/web.html"); 
 } 
 
 public void toastmessage(string message) { 
 toast.maketext(getapplicationcontext(), "通过natvie传递的toast:"+message, toast.length_long).show(); 
 } 
} 

<!doctype html> 
<html lang="en"> 
<head> 
 <meta charset="utf-8"> 
 <title>title</title> 
 <h1>欢迎光临启舰的blog</h1> 
 <input type="button" value="js调native" onclick="ok()"> 
</head> 
<body> 
<script type="text/javascript"> 
function ok() { 
 android.toastmessage("哈哈,i m webview msg"); 
} 
</script> 
</body> 
</html> 

function ok() { 
 android.toastmessage("哈哈,i m webview msg"); 
} 

public class myactivity extends activity { 
 
 private webview mwebview; 
 private button mbtn; 
 
 @override 
 public void oncreate(bundle savedinstancestate) { 
 super.oncreate(savedinstancestate); 
 setcontentview(r.layout.main); 
 
 mwebview = (webview) findviewbyid(r.id.webview); 
 mbtn = (button) findviewbyid(r.id.btn); 
 
 websettings websettings = mwebview.getsettings(); 
 websettings.setjavascriptenabled(true); 
 mwebview.addjavascriptinterface(new jsbridge(), "android"); 
 mwebview.loadurl("file:///android_asset/web.html"); 
 } 
 
 public class jsbridge{ 
 public void toastmessage(string message) { 
 toast.maketext(getapplicationcontext(), "通过natvie传递的toast:"+message, toast.length_long).show(); 
 } 
 } 
} 

<!doctype html> 
<html lang="en"> 
<head> 
 <meta charset="utf-8"> 
 <title>title</title> 
 <h1>欢迎光临启舰的blog</h1> 
 <input type="button" value="js调native" onclick="ok()"> 
</head> 
<body> 
<script type="text/javascript"> 
function ok() { 
 android.toastmessage("哈哈,i m webview msg"); 
 } 
</script> 
</body> 
</html> 

public class jsbridge { 
 @javascriptinterface 
 public void toastmessage(string message) { 
 toast.maketext(getapplicationcontext(), "通过natvie传递的toast:" + message, toast.length_long).show(); 
 } 
} 

<!doctype html> 
<html lang="en"> 
<head> 
 <meta charset="utf-8"> 
 <title>title</title> 
 <h1 id="h">欢迎光临启舰的blog</h1> 
 <input type="button" value="js调native" onclick="ok()"> 
</head> 
<body> 
<script type="text/javascript"> 
function sum(i,m) 
{ 
 document.getelementbyid("h").innerhtml= (i+m); 
} 
</script> 
</body> 
</html> 

public class myactivity extends activity { 
 
 private webview mwebview; 
 private button mbtn; 
 
 @override 
 public void oncreate(bundle savedinstancestate) { 
 super.oncreate(savedinstancestate); 
 setcontentview(r.layout.main); 
 
 mwebview = (webview) findviewbyid(r.id.webview); 
 mbtn = (button) findviewbyid(r.id.btn); 
 
 websettings websettings = mwebview.getsettings(); 
 websettings.setjavascriptenabled(true); 
 mwebview.loadurl("file:///android_asset/web.html"); 
 
 mbtn.setonclicklistener(new view.onclicklistener() { 
 @override 
 public void onclick(view v) { 
 mwebview.loadurl("javascript:sum(3,8)"); 
 } 
 }); 
 } 
} 

webview.addjavascriptinterface(this, "android"); 
mwebview.loadurl("javascript:sum(3,8)"); 

function sum(i,m){ 
 var result = i+m; 
 document.getelementbyid("h").innerhtml= result; 
 android.onsumresult(result) 
} 

public void onsumresult(int result) { 
 log.i(logtag, "onsumresult result=" + result); 
} 

<!doctype html> 
<html lang="en"> 
<head> 
 <meta charset="utf-8"> 
 <title>title</title> 
 <h1 id="h">欢迎光临启舰的blog</h1> 
 <input type="button" value="js调native" onclick="ok()"> 
</head> 
<body> 
<script type="text/javascript"> 
function sum(i,m){ 
 var result = i+m; 
 document.getelementbyid("h").innerhtml= result; 
 android.onsumresult(result); 
} 
</script> 
</body> 
</html> 

public class myactivity extends activity { 
 
 private webview mwebview; 
 private button mbtn; 
 
 @override 
 public void oncreate(bundle savedinstancestate) { 
 super.oncreate(savedinstancestate); 
 setcontentview(r.layout.main); 
 
 mwebview = (webview) findviewbyid(r.id.webview); 
 mbtn = (button) findviewbyid(r.id.btn); 
 
 websettings websettings = mwebview.getsettings(); 
 websettings.setjavascriptenabled(true); 
 mwebview.addjavascriptinterface(this, "android"); 
 mwebview.loadurl("file:///android_asset/web.html"); 
 
 mbtn.setonclicklistener(new view.onclicklistener() { 
  @override 
  public void onclick(view v) { 
  mwebview.loadurl("javascript:sum(3,8)"); 
  } 
 }); 
 } 
 
 public void onsumresult(int result) { 
 toast.maketext(this,"received result:"+result,toast.length_short).show(); 
 } 
} 

public void onsumresult(int result) { 
 toast.maketext(this,"received result:"+result,toast.length_short).show(); 
}

function getgreetings() { 
 return 1; 
} 

private void testevaluatejavascript(webview webview) { 
 webview.evaluatejavascript("getgreetings()", new valuecallback() { 
 @override 
 public void onreceivevalue(string value) { 
  log.i(logtag, "onreceivevalue value=" + value); 
 } 
 }); 
} 

git clone https://github.com/skylot/jadx.git 
cd jadx 
./gradlew dist 

git clone https://github.com/skylot/jadx.git 
cd jadx 
gradlew.bat dist 

cd build/jadx/ 
bin/jadx -d out classes.dex # 反编译后放入out文件夹下(如果out不存在它会自动创建) 
#or 
bin/jadx-gui classes.dex # 会反编译,并且使用gui打开