新的项目要做成纯H5的应用，为了兼容ios和android.呵呵呵呵。。。
好吧，弄了下WebView,方便日后使用，记下给自己用。。。
参考了下，Google的教程。
能*就去

WebView

WebView，顾名思义就是放网页的视图。要是想在android里玩网页就玩它。。。然后分分钟发现你是要被它玩。。。
   *使用过程：*
   1）：xml文件，基本款大家都会。。

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

 2）：Activity里初始化

    webView=(WebView)findViewById(R.id.main_web);
    webView.loadUrl(http://www.csdn.net);

写到这就会发现程序会自己去找手机里的浏览器，并打开网页。

 3）：给webview设置WebViewClient
 在本程序打开网页，设置各种你想干嘛就干嘛的。。。下面的是度娘出来的。随意看看

doUpdateVisitedHistory(WebView view, String url, boolean isReload)  //(更新历史记录) 

onFormResubmission(WebView view, Message dontResend, Message resend) //(应用程序重新请求网页数据) 

onLoadResource(WebView view, String url) // 在加载页面资源时会调用，每一个资源（比如图片）的加载都会调用一次。 

onPageStarted(WebView view, String url, Bitmap favicon) //这个事件就是开始载入页面调用的，通常我们可以在这设定一个loading的页面，告诉用户程序在等待网络响应。 

onPageFinished(WebView view, String url) //在页面加载结束时调用。同样道理，我们知道一个页面载入完成，于是我们可以关闭loading 条，切换程序动作。 

onReceivedError(WebView view, int errorCode, String description, String failingUrl)// (报告错误信息) 

onReceivedHttpAuthRequest(WebView view, HttpAuthHandler handler, String host,String realm)//（获取返回信息授权请求） 

onReceivedSslError(WebView view, SslErrorHandler handler, SslError error) //重写此方法可以让webview处理https请求。

onScaleChanged(WebView view, float oldScale, float newScale) // (WebView发生改变时调用) 

onUnhandledKeyEvent(WebView view, KeyEvent event) //（Key事件未被加载时调用） 

shouldOverrideKeyEvent(WebView view, KeyEvent event)//重写此方法才能够处理在浏览器中的按键事件。 

shouldOverrideUrlLoading(WebView view, String url) 
//在点击请求的是链接是才会调用，重写此方法返回true表明点击网页里面的链接还是在当前的webview里跳转，不跳到浏览器那边。这个函数我们可以做很多操作，比如我们读取到某些特殊的URL，于是就可以不打开地址，取消这个操作，进行预先定义的其他操作，这对一个程序是非常必要的。

4）：调用Websettings 使用各种分支技能，打开技能树
下面的也是度娘来的。。。

setJavaScriptEnabled(true);  //支持js

setPluginsEnabled(true);  //支持插件 

setUseWideViewPort(false);  //将图片调整到适合webview的大小 

setSupportZoom(true);  //支持缩放 

setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN); //支持内容重新布局 

supportMultipleWindows();  //多窗口 

setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);  //关闭webview中缓存 

setAllowFileAccess(true);  //设置可以访问文件 

setNeedInitialFocus(true); //当webview调用requestFocus时为webview设置节点

webview webSettings.setBuiltInZoomControls(true); //设置支持缩放 

setJavaScriptCanOpenWindowsAutomatically(true); //支持通过JS打开新窗口 

setLoadWithOverviewMode(true); // 缩放至屏幕的大小

setLoadsImagesAutomatically(true);  //支持自动加载图片

5）：与JS交互全过程。google说这么玩。

Websettings 设置

WebView myWebView = (WebView) findViewById(R.id.webview);
WebSettings webSettings = myWebView.getSettings();
webSettings.setJavaScriptEnabled(true);

2.在Android里把需要的功能做成接口

public class WebAppInterface {
    Context mContext;

/** Instantiate the interface and set the context */
    WebAppInterface(Context c) {
        mContext = c;
    }

/** Show a toast from the web page */
@JavascriptInterface
public void showToast(String toast) {
        Toast.makeText(mContext, toast, Toast.LENGTH_SHORT).show();
    }
}

3.webview添加这个JS接口

WebView webView = (WebView) findViewById(R.id.webview);
webView.addJavascriptInterface(new WebAppInterface(this), "Android");

4.JS里调用。。。

<input type="button" value="Say hello" onClick="showAndroidToast('Hello Android!')" />

<script type="text/javascript">
function showAndroidToast(toast) {
 Android.showToast(toast);
 }
</script>

以上。

最后一句，我讨厌用网页做的APP！

秒客网

随手写的Webview使用

WebView

相关文章