1.配置XML

<LinearLayout 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"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:orientation="vertical"
tools:context=".MainActivity"
 
>
    <RelativeLayout
android:layout_width="match_parent"
android:layout_height="56dp">
        <TextView
android:layout_centerVertical="true"
android:layout_centerHorizontal="true"
android:text="標題"
android:id="@+id/tv_title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
 
/>
        <com.daimajia.numberprogressbar.NumberProgressBarandroid:layout_alignParentBottom="true"
app:progress_unreached_color="#ffffff"
app:progress_reached_color="#4CAF50"
app:progress_text_color="#4CAF50"
android:id="@+id/pb_progress"
android:layout_width="wrap_content"
android:layout_height=
 
"wrap_content"
/>
    <WebView
android:id="@+id/activity_main_webview"
android:layout_width="match_parent"
android:layout_height="match_parent" />

其中用到第三方工具NumberProgressBar，

compile 'com.daimajia.numberprogressbar:library:[email protected]'

2.主要實現程式碼

public class MainActivity extends Activity {
    private static final String TAG = MainActivity.class.getSimpleName();
    private WebView mWebView;
    private TextView mTv_title;
    private NumberProgressBar mPb_progress;@Override
protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mWebView = (WebView) findViewById(R.id.activity_main_webview);
mTv_title = (TextView) findViewById(R.id.tv_title);
mPb_progress = (NumberProgressBar) findViewById(R.id.pb_progress);
mWebView.setWebChromeClient(new WebChromeClient(){
            @Override
public void onProgressChanged(WebView view, int newProgress) {
                super.onProgressChanged(view, newProgress);
Log.i(TAG,"newProgress="+newProgress);
mPb_progress.setProgress(newProgress);
                if (newProgress == 100){
                    mPb_progress.setVisibility(View.GONE);
}else {
                    mPb_progress.setVisibility(View.VISIBLE);
}

            }

            @Override
public void onReceivedTitle(WebView view, String title) {
                super.onReceivedTitle(view, title);
Log.i(TAG,"title="+title);
mTv_title.setText(title);
}
            // 處理Alert事件
@Override
public boolean onJsAlert(WebView view, String url, String message, JsResult result) {
                Log.i(TAG,"onJsAlert:=url"+url);
Log.i(TAG,"onJsAlert:=message"+message);
                return super.onJsAlert(view, url, message, result);
}
            // 處理Confirm事件
@Override
public boolean onJsConfirm(WebView view, String url, String message, JsResult result) {
                Log.i(TAG,"onJsConfirm:=url"+url);
Log.i(TAG,"onJsConfirm:=message"+message);
                return super.onJsConfirm(view, url, message, result);
}
            // 處理提示事件
@Override
public boolean onJsPrompt(WebView view, String url, String message, String defaultValue, JsPromptResult result) {
                Log.i(TAG,"onJsPrompt:=url"+url);
Log.i(TAG,"onJsPrompt:=message"+message);
                return super.onJsPrompt(view, url, message, defaultValue, result);
}
        });
// Force links and redirects to open in the WebView instead of in a browser
mWebView.setWebViewClient(new WebViewClient(){
            @Override
public void onReceivedError(WebView view, int errorCode, String description, String failingUrl) {
                super.onReceivedError(view, errorCode, description, failingUrl);
Log.i(TAG,"failingUrl="+failingUrl);
Log.i(TAG,"description="+description);
}

            @Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
                Log.i(TAG,"shouldOverrideUrlLoading:url="+url);
//防止載入錯誤url
if (url != null && url.toLowerCase().startsWith("http://") || url.toLowerCase().startsWith("https://")) {
                    return super.shouldOverrideUrlLoading(view, url);
} else{

                }
                return true;
}
        });
mWebView.setDownloadListener(new DownloadListener() {
            @Override
public void onDownloadStart(String url, String userAgent, String contentDisposition, String mimetype, long contentLength) {
                Log.i(TAG,"onDownloadStart:url="+url);
//呼叫本機應用下載
Uri uri = Uri.parse(url);
Intent intent = new Intent(Intent.ACTION_VIEW, uri);
startActivity(intent);
}

        });
// Enable Javascript
WebSettings webSettings = mWebView.getSettings();
webSettings.setJavaScriptEnabled(true);
// Use remote resource

mWebView.loadUrl("https://www.taobao.com/");