Webview和Html

 

参考http://blog.csdn.net/chenzheng_java/article/details/6260872

<html>
<header>
<title></title>
<script type="text/javascript">
function show()
{
alert("Hello world!");
}

function disable()
{
document.getElementById("btn").disabled=true;
}
</script>
</header>

<body>
<button onclick="show()" id="btn">click</button>
<button onclick="window.demo.demoTest()" >click</button>
</body>
</html>
public class MainActivity extends AppCompatActivity {

private WebView webView;
private Handler handler = new Handler();
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
webView = (WebView) findViewById(R.id.webView);
WebSettings webSettings = webView.getSettings();
webSettings.setJavaScriptEnabled(true);
webView.setWebChromeClient(new WebChromeClient(){
@Override
public boolean onJsAlert(WebView view, String url, String message, JsResult result) {
Toast.makeText(MainActivity.this, message, Toast.LENGTH_SHORT).show();
return true;

}
});
webView.loadUrl("file:///android_asset/demo.html");

// JavaScriptInterface整个方法用于和html的事件进行交互。也就是说可以在html中调用Activity中的方法。实现Html和activity的交互。
// q其中的demoTest整个方法名要和html 中的调用的方法名一样。当然如果想要在activity中调用html中的方法呢,
// webView.loadUrl("javascript:disable()"); 其中disable()是javascript中的方法名
webView.addJavascriptInterface(new Object() {
@JavascriptInterface
public void demoTest() {
handler.post(new Runnable() {
@Override
public void run() {
Log.i("addJavascriptInterface", "调用了该方法哦");
Toast.makeText(MainActivity.this, "Message", Toast.LENGTH_SHORT).show();
}
});

}

}, "demo");
}

public void onClick(View view)
{
webView.loadUrl("javascript:disable()");
}


注意:

1)为了让WebView从apk文件中加载assets,Android SDK提供了一个schema,前缀为"file:///android_asset/"。WebView遇到这样的schema,就去当前包中的assets目录中找内容。如上面的"file:///android_asset/demo.html"

2)addJavascriptInterface方法中要绑定的Java对象及方法要运行另外的线程中,不能运行在构造他的线程中,这也是使用Handler的目的。
但是在JELLY_BEAN_MR1,也就是API17,4.2以后,需要在pulbic 方法之上加上 @JavascriptInterface,否则不会起作用。

3)如果你要访问网络,请在androidManifest.xml中加上权限<uses-permission android:name="android.permission.INTERNET"></uses-permission>

---------------------------------------------------------------------------------------------------------

我们在程序中可以看到,android访问网页以及与javascript交互主要用到了这么几个类:

WebView :我们可以认为它就是一个浏览器,会对用户访问的网址进行解析,下载,渲染……,然后返回给用户一个网页。 其内部使用的是webkit渲染引擎,它还包含了一些我们经常使用的功能,比如放大、缩小网页(需要在webSetting中先设置WebSettings.setBuiltInZoomControls(boolean));前进、后退……。

默认情况下,webView对javascript和页面的错误都是忽略的。很多时候,如果我们想要加载一个uri,可能我们更多的会使用这种形式:

[java] view plain copy
Uri uri = Uri.parse("http://www.example.com"); Intent intent = new Intent(Intent.ACTION_VIEW, uri); startActivity(intent);

api中为我们提供了一个通过webView加载页面的例子,

 

我们可以看到,主要有loadUrl()和loadData()方法。这里请注意各个参数的含义哦、

-------------------------------------------------------------

此外,android还为我们提供了一些类来辅助我们的webview的使用。

WebViewClient:

。WebViewClient就是帮助WebView处理各种通知、请求事件的,具体来说包括:

onLoadResource:通知webView加载url指定的资源时触发

onPageStart:页面开始加载时触发

onPageFinish:页面加载完毕时触发

onReceiveError:出现错误时触发

WebChromeClient:

WebChromeClient是辅助WebView处理Javascript的对话框,网站图标,网站title,加载进度等

onCloseWindow(关闭WebView)

onCreateWindow()

onJsAlert (WebView上alert是弹不出来东西的,需要定制你的WebChromeClient处理弹出)

onJsPrompt

onJsConfirm

onProgressChanged

onReceivedIcon

onReceivedTitle

api中提供给我们一个实例:

 

WebSetting:和WebView是一一绑定的,控制webview的一些基础设置信息,如是否识别javascript,网页是否可放大缩小等。

--------------------------------------------------------------------------

如果我们想通过webview进行历史网页查看时,一定要注意,先通过如下方法判断下是否可执行该操作才好:

然后就可通过

void goBack()
Go back in the history of this WebView.
void goBackOrForward(int steps)
Go to the history item that is the number of steps away from the current item.
void goForward()
Go forward in the history of this WebView.
三个方法进行操作了,其中goBackOrForward传递进负数时为back操作,正数为forward操作。

posted on 2016-08-02 15:25  xiaodong135  阅读(476)  评论(0编辑  收藏  举报

导航