Android中WebView使用总结

1.在应用的配置文件中添加网络权限

    <!-- 添加使用WebView的需要的internet权限 -->
    <uses-permission android:name="android.permission.INTERNET"/>

 

2.支持JavaScript

        //开启Javascript支持
        getSettings().setJavaScriptEnabled(true);

 

3.支持页面图片加载

        //设置可以自动加载图片
        getSettings().setLoadsImagesAutomatically(true);

 

4.重写shouldOverrideUrlLoading在WebView中显示新页面

        //设置直接在webview中查看网页
        setWebViewClient(new WebViewClient() {

            @Override
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                view.loadUrl(url);
                return true;
            }
            
        });

完整的Demo代码列表如下：

1.AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.slowalker.webviewdemo"
    android:versionCode="1"
    android:versionName="1.0" >

    <uses-sdk
        android:minSdkVersion="8"
        android:targetSdkVersion="18" />

    <!-- 添加使用WebView的需要的internet权限 -->
    <uses-permission android:name="android.permission.INTERNET"/>
    
    <application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <activity
            android:name="com.slowalker.webviewdemo.WebViewActivity"
            android:label="@string/app_name" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>

 

2.web_view_main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".WebViewActivity" >

    <LinearLayout
        android:id="@+id/website"
        android:layout_alignParentTop="true"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        >
            <EditText 
                android:id="@+id/url"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textSize="13dip"
                android:hint="请输入网址"
                android:layout_weight="9"
                />
            <TextView
                android:id="@+id/visit"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="访问"
                android:textSize="13dip"
                android:layout_weight="1"
                />
    </LinearLayout>
    <!-- 设置android WebView 不显示滚动条 -->
    <com.slowalker.webviewdemo.MyWebView 
        android:id="@+id/webview"
        android:layout_below="@id/website"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:scrollbars="none"
        />
    
</RelativeLayout>

 

3.WebViewActivity.java

package com.slowalker.webviewdemo;

import android.os.Bundle;
import android.app.Activity;
import android.view.KeyEvent;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.webkit.WebView;
import android.widget.EditText;
import android.widget.TextView;

public class WebViewActivity extends Activity {
    
    
    EditText urlText;
    TextView visitView;
    WebView webView;
    
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.web_view_main);
        urlText = (EditText) findViewById(R.id.url);
        visitView = (TextView) findViewById(R.id.visit);
        webView = (WebView) findViewById(R.id.webview);
        visitView.setOnClickListener(new OnClickListener() {
            
            @Override
            public void onClick(View v) {
                String url = urlText.getText().toString();
                //加载页面
                webView.loadUrl(url);
            }
        });
    }

    
    //处理返回键为返回上一页
    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        
        if (keyCode == KeyEvent.KEYCODE_BACK) {
            //回退上一页
            webView.goBack();
            return true;
        }
        return super.onKeyDown(keyCode, event);
    }
    
    
    
    

}

 

4.MyWebView.java

package com.slowalker.webviewdemo;

import android.content.Context;
import android.content.Intent;
import android.net.Uri;
import android.util.AttributeSet;
import android.webkit.WebView;
import android.webkit.WebViewClient;

public class MyWebView extends WebView {
    
    public MyWebView(Context context) {
        super(context);
        init(context);
    }

    /**
     * 在xml文件中加载自定义view的时候，必须实现该构造方法。
     * @param context
     * @param attrs
     */
    public MyWebView(Context context, AttributeSet attrs) {
        super(context, attrs);
        init(context);
    }
    
    /**
     * 定制webview的参数设置
     * @param context
     */
    private void init(final Context context) {
        //开启Javascript支持
        getSettings().setJavaScriptEnabled(true);
        //设置可以自动加载图片
        getSettings().setLoadsImagesAutomatically(true);
        //设置直接在webview中查看网页
        setWebViewClient(new WebViewClient() {

            @Override
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                view.loadUrl(url);
                return true;
            }
            
        });
    }
    
}