From 14aceb5bc09da35bed0b8de3be82bdc40eacc10d Mon Sep 17 00:00:00 2001
From: Junqi Ling <673161157@qq.com>
Date: Sat, 13 Aug 2016 14:58:17 +0800
Subject: [PATCH 01/39] Create 2016-08-18.html.markdown

init
---
 .middleman/source/2016-08-18.html.markdown | 24 ++++++++++++++++++++++
 1 file changed, 24 insertions(+)
 create mode 100644 .middleman/source/2016-08-18.html.markdown

diff --git a/.middleman/source/2016-08-18.html.markdown b/.middleman/source/2016-08-18.html.markdown
new file mode 100644
index 0000000..c06f6e1
--- /dev/null
+++ b/.middleman/source/2016-08-18.html.markdown
@@ -0,0 +1,24 @@
+---
+title: WebView·开车指南
+date: 2016-08-18
+tags: Android·Bug
+author: BugDev
+summary: 北京市东城区首席Bug布道师凌某开山之作，一整月交通事故血泪经验，教你如何快速成为‘伪’老司机，开启WebView飙车之旅。
+---
+
+##目录
+  1. 前言
+  2. WebView简介
+  3. WebViewClient
+  4. WebChromeClient
+
+## 前言
+  喝酒不开车，开车不喝酒。
+  
+## WebView简介
+  
+  A View that displays web pages. 
+  This class is the basis upon which you can roll your own web browser
+  or simply display some online content within your Activity. 
+  It uses the WebKit rendering engine to display web pages and includes methods 
+  to navigate forward and backward through a history, zoom in and out, perform text searches and more.

From d05298be02919a15a4fe32c03c1d44ae672e6e9a Mon Sep 17 00:00:00 2001
From: Junqi Ling <673161157@qq.com>
Date: Sat, 13 Aug 2016 15:42:41 +0800
Subject: [PATCH 02/39] Update 2016-08-18.html.markdown
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

finish webview简介
---
 .middleman/source/2016-08-18.html.markdown | 27 +++++++++++++---------
 1 file changed, 16 insertions(+), 11 deletions(-)

diff --git a/.middleman/source/2016-08-18.html.markdown b/.middleman/source/2016-08-18.html.markdown
index c06f6e1..a9887a6 100644
--- a/.middleman/source/2016-08-18.html.markdown
+++ b/.middleman/source/2016-08-18.html.markdown
@@ -3,22 +3,27 @@ title: WebView·开车指南
 date: 2016-08-18
 tags: Android·Bug
 author: BugDev
-summary: 北京市东城区首席Bug布道师凌某开山之作，一整月交通事故血泪经验，教你如何快速成为‘伪’老司机，开启WebView飙车之旅。
+summary: 北京市东城区首席Bug布道师开山之作，一整月交通事故血泪经验，教你如何快速成为‘伪’老司机，开启WebView飙车之旅。
 ---
 
-##目录
-  1. 前言
-  2. WebView简介
+## 前言
+
+  喝酒不开车，开车不喝酒。
+
+## 目录
+
+  1. WebView简介
+  2. WebView基本使用
   3. WebViewClient
   4. WebChromeClient
 
-## 前言
-  喝酒不开车，开车不喝酒。
   
 ## WebView简介
   
-  A View that displays web pages. 
-  This class is the basis upon which you can roll your own web browser
-  or simply display some online content within your Activity. 
-  It uses the WebKit rendering engine to display web pages and includes methods 
-  to navigate forward and backward through a history, zoom in and out, perform text searches and more.
+  为了方便开发者实现在app内展示网页并与网页交互的需求，Android SDK提供了WebView组件。从Android 4.4（KitKat）开始，原本基于WebKit的WebView开始基于Chromium内核，这一改动大大提升了WebView组件的性能以及对HTML5,CSS3,JavaScript的支持。不过它的API却没有很大的改动，在兼容低版本的同时只引进了少部分新的API，并不需要你做很大的改动。
+不过有几点改变需要注意，但我尝试着翻译了下，发现还是英文原文说得好，所以我贴链接吧~~~
+[Migrating to WebView in Android 4.4](https://developer.android.com/guide/webapps/migrating.html)
+
+##WebView基本使用
+  
+  下面简单介绍下WebView的基本使用，

From e500634746219ba3c4e7d59d3ca680c6f8b462dc Mon Sep 17 00:00:00 2001
From: Junqi Ling <673161157@qq.com>
Date: Sat, 13 Aug 2016 15:50:46 +0800
Subject: [PATCH 03/39] Update 2016-08-18.html.markdown

update
---
 .middleman/source/2016-08-18.html.markdown | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/.middleman/source/2016-08-18.html.markdown b/.middleman/source/2016-08-18.html.markdown
index a9887a6..28e11f8 100644
--- a/.middleman/source/2016-08-18.html.markdown
+++ b/.middleman/source/2016-08-18.html.markdown
@@ -5,11 +5,15 @@ tags: Android·Bug
 author: BugDev
 summary: 北京市东城区首席Bug布道师开山之作，一整月交通事故血泪经验，教你如何快速成为‘伪’老司机，开启WebView飙车之旅。
 ---
-
+<br><br><br>
+#WebView·开车指南
+<br>
+  
 ## 前言
 
   喝酒不开车，开车不喝酒。
 
+<br>
 ## 目录
 
   1. WebView简介
@@ -17,13 +21,14 @@ summary: 北京市东城区首席Bug布道师开山之作，一整月交通事
   3. WebViewClient
   4. WebChromeClient
 
-  
+<br>  
 ## WebView简介
   
   为了方便开发者实现在app内展示网页并与网页交互的需求，Android SDK提供了WebView组件。从Android 4.4（KitKat）开始，原本基于WebKit的WebView开始基于Chromium内核，这一改动大大提升了WebView组件的性能以及对HTML5,CSS3,JavaScript的支持。不过它的API却没有很大的改动，在兼容低版本的同时只引进了少部分新的API，并不需要你做很大的改动。
 不过有几点改变需要注意，但我尝试着翻译了下，发现还是英文原文说得好，所以我贴链接吧~~~
 [Migrating to WebView in Android 4.4](https://developer.android.com/guide/webapps/migrating.html)
 
+<br>
 ##WebView基本使用
   
   下面简单介绍下WebView的基本使用，

From 874d5bea6239154d409298e3f97e054a4b88950f Mon Sep 17 00:00:00 2001
From: Junqi Ling <673161157@qq.com>
Date: Sat, 13 Aug 2016 17:17:35 +0800
Subject: [PATCH 04/39] Update 2016-08-18.html.markdown

finish part2
---
 .middleman/source/2016-08-18.html.markdown | 104 ++++++++++++++++++++-
 1 file changed, 102 insertions(+), 2 deletions(-)

diff --git a/.middleman/source/2016-08-18.html.markdown b/.middleman/source/2016-08-18.html.markdown
index 28e11f8..716c739 100644
--- a/.middleman/source/2016-08-18.html.markdown
+++ b/.middleman/source/2016-08-18.html.markdown
@@ -24,11 +24,111 @@ summary: 北京市东城区首席Bug布道师开山之作，一整月交通事
 <br>  
 ## WebView简介
   
-  为了方便开发者实现在app内展示网页并与网页交互的需求，Android SDK提供了WebView组件。从Android 4.4（KitKat）开始，原本基于WebKit的WebView开始基于Chromium内核，这一改动大大提升了WebView组件的性能以及对HTML5,CSS3,JavaScript的支持。不过它的API却没有很大的改动，在兼容低版本的同时只引进了少部分新的API，并不需要你做很大的改动。
+  为了方便开发者实现在app内展示网页并与网页交互的需求，Android SDK提供了WebView组件。它继承自AbsoluteLayout，展示网页的同时，也可以在其中放入其他的子View。
+  从Android 4.4（KitKat）开始，原本基于WebKit的WebView开始基于Chromium内核，这一改动大大提升了WebView组件的性能以及对HTML5,CSS3,JavaScript的支持。不过它的API却没有很大的改动，在兼容低版本的同时只引进了少部分新的API，并不需要你做很大的改动。
 不过有几点改变需要注意，但我尝试着翻译了下，发现还是英文原文说得好，所以我贴链接吧~~~
 [Migrating to WebView in Android 4.4](https://developer.android.com/guide/webapps/migrating.html)
 
 <br>
 ##WebView基本使用
   
-  下面简单介绍下WebView的基本使用，
+  下面简单介绍下WebView的基本使用：
+  首先新建一个工程，然后在你的layout文件里放入一个WebView控件（当然也可以通过Java代码动态放入，这里不演示了）
+  
+  ```XML
+  <?xml version="1.0" encoding="utf-8"?>
+  <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+      android:layout_width="match_parent"
+      android:layout_height="match_parent">
+  
+      <WebView
+          android:id="@+id/web_view"
+          android:layout_width="match_parent"
+          android:layout_height="match_parent"/>
+  </LinearLayout>
+  ```
+  
+  接着在你的Activity的onCreate方法里写入如下代码：
+  ```Java
+  String url = "https://www.google.com";
+  WebView webView = (WebView) findViewById(R.id.web_view);
+  webView.loadUrl(url);
+  ```
+  接着在你的AndroidManifest声明访问网络的权限：
+  ```XML
+  <uses-permission android:name="android.permission.INTERNET"/>
+  ```
+  然后就完事了~
+  这时你运行你的app，他已经可以访问你指定地址的网页了。对了，上面提到了WebView继承自AbsoluteLayout，所以可以在其中放入一些子View，那也顺手来这么一下。
+  Layout文件改为（最终）：
+  ```XML
+  <?xml version="1.0" encoding="utf-8"?>
+  <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent">
+
+    <WebView
+        android:id="@+id/web_view"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent">
+
+        <Button
+            android:id="@+id/button"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_x="170dp"
+            android:layout_y="400dp"
+            android:background="@color/colorAccent"
+            android:text="@string/app_name" />
+    </WebView>
+  </LinearLayout>
+  ```
+  
+  Activity的onCreate里加上：
+  ```Java
+  Button button = (Button) findViewById(R.id.button);
+  button.setOnClickListener(new View.OnClickListener() {
+    @Override
+    public void onClick(View view) {
+      Toast.makeText(getApplicationContext(), "系好安全带!", Toast.LENGTH_SHORT).show();
+    }
+  });
+  ```
+  这时，运行app，里面就会多出一个Button~ 但如果你真的运行的话，你会发现，app会自动跳到浏览器并打开指定的网页，而并非在app内展示网页，那这就与我们的初衷背道而驰了，那么要如何实现网页在App内打开呢?这就引出了下一小节会提到的东西：WebViewClient。我先将代码贴出，具体实现原理留到下节说明。
+  
+  最终XML布局就如上面那样，Java代码（最终）如下：
+  ```Java
+  public class MainActivity extends AppCompatActivity {
+
+    @Override
+    protected void onCreate(Bundle savedInstanceState) {
+        super.onCreate(savedInstanceState);
+        setContentView(R.layout.activity_main);
+
+        String url = "https://www.google.com";
+        WebView webView = (WebView) findViewById(R.id.web_view);
+        webView.loadUrl(url);
+
+        webView.setWebViewClient(new WebViewClient() {
+            @Override
+            public boolean shouldOverrideUrlLoading(WebView view, WebResourceRequest request) {
+                view.loadUrl(request.toString());
+                return true;
+            }
+        });
+
+        Button button = (Button) findViewById(R.id.button);
+        button.setOnClickListener(new View.OnClickListener() {
+            @Override
+            public void onClick(View view) {
+                Toast.makeText(getApplicationContext(), "系好安全带!", Toast.LENGTH_SHORT).show();
+            }
+        });
+    }
+  }
+  ```
+  
+  效果图：
+  
+
+

From 5ddf222f5336bafd53002d7aced2ae95c6d441c3 Mon Sep 17 00:00:00 2001
From: Junqi Ling <673161157@qq.com>
Date: Sat, 13 Aug 2016 17:29:37 +0800
Subject: [PATCH 05/39] Update 2016-08-18.html.markdown

update word
---
 .middleman/source/2016-08-18.html.markdown | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/.middleman/source/2016-08-18.html.markdown b/.middleman/source/2016-08-18.html.markdown
index 716c739..e852018 100644
--- a/.middleman/source/2016-08-18.html.markdown
+++ b/.middleman/source/2016-08-18.html.markdown
@@ -48,7 +48,7 @@ summary: 北京市东城区首席Bug布道师开山之作，一整月交通事
   </LinearLayout>
   ```
   
-  接着在你的Activity的onCreate方法里写入如下代码：
+  然后在你的Activity的onCreate方法里写入如下代码：
   ```Java
   String url = "https://www.google.com";
   WebView webView = (WebView) findViewById(R.id.web_view);
@@ -58,9 +58,11 @@ summary: 北京市东城区首席Bug布道师开山之作，一整月交通事
   ```XML
   <uses-permission android:name="android.permission.INTERNET"/>
   ```
-  然后就完事了~
-  这时你运行你的app，他已经可以访问你指定地址的网页了。对了，上面提到了WebView继承自AbsoluteLayout，所以可以在其中放入一些子View，那也顺手来这么一下。
-  Layout文件改为（最终）：
+  就，完事了~
+  这时运行app，它已经可以访问指定地址的网页了。
+  
+  上面提到了WebView继承自AbsoluteLayout，可以在其中放入一些子View，那也顺手来一下。
+  Layout文件改为：
   ```XML
   <?xml version="1.0" encoding="utf-8"?>
   <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

From 254376ba691917c526b9636d6bfcf83f0b1c4b05 Mon Sep 17 00:00:00 2001
From: Junqi Ling <673161157@qq.com>
Date: Sat, 13 Aug 2016 17:32:21 +0800
Subject: [PATCH 06/39] Update 2016-08-18.html.markdown

update
---
 .middleman/source/2016-08-18.html.markdown | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/.middleman/source/2016-08-18.html.markdown b/.middleman/source/2016-08-18.html.markdown
index e852018..0df37e0 100644
--- a/.middleman/source/2016-08-18.html.markdown
+++ b/.middleman/source/2016-08-18.html.markdown
@@ -33,7 +33,7 @@ summary: 北京市东城区首席Bug布道师开山之作，一整月交通事
 ##WebView基本使用
   
   下面简单介绍下WebView的基本使用：
-  首先新建一个工程，然后在你的layout文件里放入一个WebView控件（当然也可以通过Java代码动态放入，这里不演示了）
+  首先新建一个工程，在layout文件里放入一个WebView控件（当然也可以通过Java代码动态放入，这里不演示了）
   
   ```XML
   <?xml version="1.0" encoding="utf-8"?>
@@ -48,19 +48,19 @@ summary: 北京市东城区首席Bug布道师开山之作，一整月交通事
   </LinearLayout>
   ```
   
-  然后在你的Activity的onCreate方法里写入如下代码：
+  然后在Activity的onCreate方法里写入如下代码：
   ```Java
   String url = "https://www.google.com";
   WebView webView = (WebView) findViewById(R.id.web_view);
   webView.loadUrl(url);
   ```
-  接着在你的AndroidManifest声明访问网络的权限：
+  接着在AndroidManifest声明访问网络的权限：
   ```XML
   <uses-permission android:name="android.permission.INTERNET"/>
   ```
   就，完事了~
   这时运行app，它已经可以访问指定地址的网页了。
-  
+  <br><br>
   上面提到了WebView继承自AbsoluteLayout，可以在其中放入一些子View，那也顺手来一下。
   Layout文件改为：
   ```XML
@@ -96,7 +96,7 @@ summary: 北京市东城区首席Bug布道师开山之作，一整月交通事
     }
   });
   ```
-  这时，运行app，里面就会多出一个Button~ 但如果你真的运行的话，你会发现，app会自动跳到浏览器并打开指定的网页，而并非在app内展示网页，那这就与我们的初衷背道而驰了，那么要如何实现网页在App内打开呢?这就引出了下一小节会提到的东西：WebViewClient。我先将代码贴出，具体实现原理留到下节说明。
+  这时，运行app，里面就会多出一个Button~ 但如果你真的运行的话，你就会发现，app会自动跳到浏览器并打开指定的网页，而并非在app内展示网页，那这就与我们的初衷背道而驰了，那么要如何实现网页在App内打开呢?这就引出了下一小节会提到的东西：WebViewClient。我先将代码贴出，具体实现原理留到下节说明。
   
   最终XML布局就如上面那样，Java代码（最终）如下：
   ```Java

From 6690aa9e6faea1211990615cf899bd7d48a1a183 Mon Sep 17 00:00:00 2001
From: Junqi Ling <673161157@qq.com>
Date: Sun, 14 Aug 2016 12:05:31 +0800
Subject: [PATCH 07/39] Update 2016-08-18.html.markdown

update code
---
 .middleman/source/2016-08-18.html.markdown | 78 +++++++++++-----------
 1 file changed, 40 insertions(+), 38 deletions(-)

diff --git a/.middleman/source/2016-08-18.html.markdown b/.middleman/source/2016-08-18.html.markdown
index 0df37e0..1ae5128 100644
--- a/.middleman/source/2016-08-18.html.markdown
+++ b/.middleman/source/2016-08-18.html.markdown
@@ -24,9 +24,9 @@ summary: 北京市东城区首席Bug布道师开山之作，一整月交通事
 <br>  
 ## WebView简介
   
-  为了方便开发者实现在app内展示网页并与网页交互的需求，Android SDK提供了WebView组件。它继承自AbsoluteLayout，展示网页的同时，也可以在其中放入其他的子View。
-  从Android 4.4（KitKat）开始，原本基于WebKit的WebView开始基于Chromium内核，这一改动大大提升了WebView组件的性能以及对HTML5,CSS3,JavaScript的支持。不过它的API却没有很大的改动，在兼容低版本的同时只引进了少部分新的API，并不需要你做很大的改动。
-不过有几点改变需要注意，但我尝试着翻译了下，发现还是英文原文说得好，所以我贴链接吧~~~
+  为了方便开发者实现在app内展示网页并与网页交互的需求，Android SDK提供了WebView组件。<br>它继承自AbsoluteLayout，展示网页的同时，也可以在其中放入其他的子View。<br>
+  从Android 4.4（KitKat）开始，原本基于WebKit的WebView开始基于Chromium内核，这一改动大大提升了WebView组件的性能以及对HTML5,CSS3,JavaScript的支持。不过它的API却没有很大的改动，在兼容低版本的同时只引进了少部分新的API，并不需要你做很大的改动。<br>
+不过有几点改变需要注意，但我尝试着翻译了下，发现还是英文原文说得好，所以我贴链接吧~~~<br>
 [Migrating to WebView in Android 4.4](https://developer.android.com/guide/webapps/migrating.html)
 
 <br>
@@ -50,9 +50,9 @@ summary: 北京市东城区首席Bug布道师开山之作，一整月交通事
   
   然后在Activity的onCreate方法里写入如下代码：
   ```Java
-  String url = "https://www.google.com";
-  WebView webView = (WebView) findViewById(R.id.web_view);
-  webView.loadUrl(url);
+    String url = "https://www.google.com";
+    WebView webView = (WebView) findViewById(R.id.web_view);
+    webView.loadUrl(url);
   ```
   接着在AndroidManifest声明访问网络的权限：
   ```XML
@@ -60,7 +60,9 @@ summary: 北京市东城区首席Bug布道师开山之作，一整月交通事
   ```
   就，完事了~
   这时运行app，它已经可以访问指定地址的网页了。
-  <br><br>
+  <br>
+  ---
+  <br>
   上面提到了WebView继承自AbsoluteLayout，可以在其中放入一些子View，那也顺手来一下。
   Layout文件改为：
   ```XML
@@ -88,46 +90,46 @@ summary: 北京市东城区首席Bug布道师开山之作，一整月交通事
   
   Activity的onCreate里加上：
   ```Java
-  Button button = (Button) findViewById(R.id.button);
-  button.setOnClickListener(new View.OnClickListener() {
-    @Override
-    public void onClick(View view) {
-      Toast.makeText(getApplicationContext(), "系好安全带!", Toast.LENGTH_SHORT).show();
-    }
-  });
+    Button button = (Button) findViewById(R.id.button);
+    button.setOnClickListener(new View.OnClickListener() {
+        @Override
+        public void onClick(View view) {
+            Toast.makeText(getApplicationContext(), "系好安全带!", Toast.LENGTH_SHORT).show();
+        }
+    });
   ```
   这时，运行app，里面就会多出一个Button~ 但如果你真的运行的话，你就会发现，app会自动跳到浏览器并打开指定的网页，而并非在app内展示网页，那这就与我们的初衷背道而驰了，那么要如何实现网页在App内打开呢?这就引出了下一小节会提到的东西：WebViewClient。我先将代码贴出，具体实现原理留到下节说明。
   
   最终XML布局就如上面那样，Java代码（最终）如下：
   ```Java
-  public class MainActivity extends AppCompatActivity {
+public class MainActivity extends AppCompatActivity {
 
-    @Override
-    protected void onCreate(Bundle savedInstanceState) {
-        super.onCreate(savedInstanceState);
-        setContentView(R.layout.activity_main);
+        @Override
+        protected void onCreate(Bundle savedInstanceState) {
+            super.onCreate(savedInstanceState);
+            setContentView(R.layout.activity_main);
 
-        String url = "https://www.google.com";
-        WebView webView = (WebView) findViewById(R.id.web_view);
-        webView.loadUrl(url);
+            String url = "https://www.google.com";
+            WebView webView = (WebView) findViewById(R.id.web_view);
+            webView.loadUrl(url);
 
-        webView.setWebViewClient(new WebViewClient() {
-            @Override
-            public boolean shouldOverrideUrlLoading(WebView view, WebResourceRequest request) {
-                view.loadUrl(request.toString());
-                return true;
-            }
-        });
+            webView.setWebViewClient(new WebViewClient() {
+                @Override
+                public boolean shouldOverrideUrlLoading(WebView view, WebResourceRequest request) {
+                    view.loadUrl(request.toString());
+                    return true;
+                }
+            });
 
-        Button button = (Button) findViewById(R.id.button);
-        button.setOnClickListener(new View.OnClickListener() {
-            @Override
-            public void onClick(View view) {
-                Toast.makeText(getApplicationContext(), "系好安全带!", Toast.LENGTH_SHORT).show();
-            }
-        });
-    }
-  }
+            Button button = (Button) findViewById(R.id.button);
+            button.setOnClickListener(new View.OnClickListener() {
+                @Override
+                public void onClick(View view) {
+                    Toast.makeText(getApplicationContext(), "系好安全带!", Toast.LENGTH_SHORT).show();
+                }
+            });
+        }
+}
   ```
   
   效果图：

From 7d7179c20ccf8b0a010e1c44ca8a2788046bf7d8 Mon Sep 17 00:00:00 2001
From: Junqi Ling <673161157@qq.com>
Date: Sun, 14 Aug 2016 20:54:56 +0800
Subject: [PATCH 08/39] Update 2016-08-18.html.markdown

upload a gif
---
 .middleman/source/2016-08-18.html.markdown | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/.middleman/source/2016-08-18.html.markdown b/.middleman/source/2016-08-18.html.markdown
index 1ae5128..44031a2 100644
--- a/.middleman/source/2016-08-18.html.markdown
+++ b/.middleman/source/2016-08-18.html.markdown
@@ -133,6 +133,13 @@ public class MainActivity extends AppCompatActivity {
   ```
   
   效果图：
+  <br>
+  <img src="https://cloud.githubusercontent.com/assets/12692071/17649176/5ffb5b44-6260-11e6-84dc-2ac41be1b858.gif" width="300" height="550" />
+  <br>
+  <br>
+##WebViewClient
+
+  WebViewClient
   
 
 

From 936344b866e7307c24d55dc93a7dc7010074df6a Mon Sep 17 00:00:00 2001
From: Junqi Ling <673161157@qq.com>
Date: Wed, 17 Aug 2016 14:17:02 +0800
Subject: [PATCH 09/39] Update 2016-08-18.html.markdown

update
---
 .middleman/source/2016-08-18.html.markdown | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/.middleman/source/2016-08-18.html.markdown b/.middleman/source/2016-08-18.html.markdown
index 44031a2..ce3b8ff 100644
--- a/.middleman/source/2016-08-18.html.markdown
+++ b/.middleman/source/2016-08-18.html.markdown
@@ -26,10 +26,10 @@ summary: 北京市东城区首席Bug布道师开山之作，一整月交通事
   
   为了方便开发者实现在app内展示网页并与网页交互的需求，Android SDK提供了WebView组件。<br>它继承自AbsoluteLayout，展示网页的同时，也可以在其中放入其他的子View。<br>
   从Android 4.4（KitKat）开始，原本基于WebKit的WebView开始基于Chromium内核，这一改动大大提升了WebView组件的性能以及对HTML5,CSS3,JavaScript的支持。不过它的API却没有很大的改动，在兼容低版本的同时只引进了少部分新的API，并不需要你做很大的改动。<br>
-不过有几点改变需要注意，但我尝试着翻译了下，发现还是英文原文说得好，所以我贴链接吧~~~<br>
-[Migrating to WebView in Android 4.4](https://developer.android.com/guide/webapps/migrating.html)
-
-<br>
+  不过有几点改变需要注意，但我尝试着翻译了下，发现还是英文原文说得好，所以我贴链接吧~~~<br>
+  [Migrating to WebView in Android 4.4](https://developer.android.com/guide/webapps/migrating.html)<br><br>
+  在WebView中，有几个地方是我们可以使用来定制我们的WebView各种行为的，分别是：WebChromeClient、WebViewClient、WebSettings以及JavaScriptInterface。这些我都会在接下来的文章中一一介绍。
+<br><br>
 ##WebView基本使用
   
   下面简单介绍下WebView的基本使用：
@@ -98,7 +98,7 @@ summary: 北京市东城区首席Bug布道师开山之作，一整月交通事
         }
     });
   ```
-  这时，运行app，里面就会多出一个Button~ 但如果你真的运行的话，你就会发现，app会自动跳到浏览器并打开指定的网页，而并非在app内展示网页，那这就与我们的初衷背道而驰了，那么要如何实现网页在App内打开呢?这就引出了下一小节会提到的东西：WebViewClient。我先将代码贴出，具体实现原理留到下节说明。
+  这时，运行app，里面就会多出一个Button~ 但如果你真的运行的话，你就会发现，app会自动跳到浏览器并打开指定的网页，而并非在app内展示网页，那这就与我们的初衷背道而驰了，那么要如何实现网页在App内打开呢?这就引出了下面的章节会提到的东西：WebViewClient。我先将代码贴出，具体实现原理留到下节说明。
   
   最终XML布局就如上面那样，Java代码（最终）如下：
   ```Java
@@ -137,9 +137,12 @@ public class MainActivity extends AppCompatActivity {
   <img src="https://cloud.githubusercontent.com/assets/12692071/17649176/5ffb5b44-6260-11e6-84dc-2ac41be1b858.gif" width="300" height="550" />
   <br>
   <br>
-##WebViewClient
+  
+  
+##WebSettings
 
-  WebViewClient
+  WebSettings是用来管理WebView配置的类。当WebView第一次创建时，内部会包含一个默认配置的集合。若我们想更改这些配置，便可以通过WebSettings里的方法来进行设置。
+  WebSettings对象可以通过**WebView.getSettings()**获得，它的生命周期是与它的WebView本身息息相关的，如果WebView被销毁了，那么任何由WebSettings调用的方法也同样不能使用。
   
 
 

From 427567a9653a26967e81b1ecd50cedbe7cd16bcf Mon Sep 17 00:00:00 2001
From: Junqi Ling <673161157@qq.com>
Date: Wed, 17 Aug 2016 15:54:06 +0800
Subject: [PATCH 10/39] Update 2016-08-18.html.markdown

update
---
 .middleman/source/2016-08-18.html.markdown | 78 ++++++++++++++++++++--
 1 file changed, 74 insertions(+), 4 deletions(-)

diff --git a/.middleman/source/2016-08-18.html.markdown b/.middleman/source/2016-08-18.html.markdown
index ce3b8ff..40d239f 100644
--- a/.middleman/source/2016-08-18.html.markdown
+++ b/.middleman/source/2016-08-18.html.markdown
@@ -28,7 +28,7 @@ summary: 北京市东城区首席Bug布道师开山之作，一整月交通事
   从Android 4.4（KitKat）开始，原本基于WebKit的WebView开始基于Chromium内核，这一改动大大提升了WebView组件的性能以及对HTML5,CSS3,JavaScript的支持。不过它的API却没有很大的改动，在兼容低版本的同时只引进了少部分新的API，并不需要你做很大的改动。<br>
   不过有几点改变需要注意，但我尝试着翻译了下，发现还是英文原文说得好，所以我贴链接吧~~~<br>
   [Migrating to WebView in Android 4.4](https://developer.android.com/guide/webapps/migrating.html)<br><br>
-  在WebView中，有几个地方是我们可以使用来定制我们的WebView各种行为的，分别是：WebChromeClient、WebViewClient、WebSettings以及JavaScriptInterface。这些我都会在接下来的文章中一一介绍。
+  在WebView中，有几个地方是我们可以使用来定制我们的WebView各种行为的，分别是：**WebChromeClient**、**WebViewClient**、**WebSettings**以及**JavaScriptInterface**。这些我都会在接下来的文章中一一介绍。
 <br><br>
 ##WebView基本使用
   
@@ -138,11 +138,81 @@ public class MainActivity extends AppCompatActivity {
   <br>
   <br>
   
-  
+  <br>
 ##WebSettings
 
-  WebSettings是用来管理WebView配置的类。当WebView第一次创建时，内部会包含一个默认配置的集合。若我们想更改这些配置，便可以通过WebSettings里的方法来进行设置。
-  WebSettings对象可以通过**WebView.getSettings()**获得，它的生命周期是与它的WebView本身息息相关的，如果WebView被销毁了，那么任何由WebSettings调用的方法也同样不能使用。
+  WebSettings是用来管理WebView配置的类。当WebView第一次创建时，内部会包含一个默认配置的集合。若我们想更改这些配置，便可以通过WebSettings里的方法来进行设置。<br>
+  WebSettings对象可以通过***WebView.getSettings()***获得，它的生命周期是与它的WebView本身息息相关的，如果WebView被销毁了，那么任何由WebSettings调用的方法也同样不能使用。<br>
+  <br>
+###获取WebSettings对象
+  
+  ```Java
+  WebSettings webSettings = webView.getSettings();
+  ```
+  <br>
+###WebSettings常用方法
+（几乎所有的set方法都有相应的get方法，这里就只介绍set了）
+
+  - **setJavaScriptEnabled(boolean flag)**:设置WebView是否可以运行JavaScript。
+  - **setJavaScriptCanOpenWindowsAutomatically(boolean flag)**:设置WebView是否可以由JavaScript自动打开窗口，默认为false，通常与JavaScript的***window.open()***配合使用。
+  <br><br>
+  
+  - **setAllowFileAccess(boolean allow)**:启用或禁用WebView访问文件数据。
+  - **setBlockNetworkImage(boolean flag)**:禁止或允许WebView从网络上加载图片。需要注意的是，如果设置是从禁止到允许的转变的话，图片数据并不会在设置改变后立刻去获取，而是在WebView调用reload()的时候才会生效。<br>这个时候，需要确保这个app拥有访问Internet的权限，否则会抛出安全异常。<br>通常没有禁止图片加载的需求的时候，完全不用管这个方法，因为当我们的app拥有访问Internet的权限时，这个flag的默认值就是false。
+  - **setBuiltInZoomControls(boolean enabled)**:显示或不显示缩放按钮（wap网页不支持）。
+  <br><br>
   
+  - **setCacheMode(int mode)**:**用来设置WebView的缓存模式。**当我们加载页面或从上一个页面返回的时候，会按照设置的缓存模式去检查并使用（或不使用）缓存。
+  <br>
+    缓存模式有四种：
+      <br>
+      1. **LOAD_DEFAULT**:默认的缓存使用模式。在进行页面前进或后退的操作时，如果缓存可用并未过期就优先使用缓存，否则从网络上加载数据。
+      <br>
+      2. **LOAD_CACHE_ELSE_NETWORK**:只要缓存可用就使用缓存，哪怕它们已经过期失效。如果缓存不可用就从网络上加载数据。
+      <br>
+      3. **LOAD_NO_CACHE**:不使用缓存，只从网络加载数据。
+      <br>
+      4. **LOAD_CACHE_ONLY**:不从网络加载数据，只从缓存加载数据。
+  <br>
+  - dadjaj
+  - 
+  //支持获取手势焦点
+        webView.requestFocusFromTouch();
+        //支持JS
+        settings.setJavaScriptEnabled(true);
+        //支持插件
+        settings.setPluginState(WebSettings.PluginState.ON);
+        //设置适应屏幕
+        settings.setUseWideViewPort(true);
+        settings.setLoadWithOverviewMode(true);
+        //支持缩放
+        settings.setSupportZoom(false);
+        //隐藏原生的缩放控件
+        settings.setDisplayZoomControls(false);
+        //支持内容重新布局
+        settings.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN);
+        settings.supportMultipleWindows();
+        settings.setSupportMultipleWindows(true);
+        //设置缓存模式
+        settings.setDomStorageEnabled(true);
+        settings.setDatabaseEnabled(true);
+        settings.setCacheMode(WebSettings.LOAD_NO_CACHE);
+        settings.setAppCacheEnabled(true);
+        settings.setAppCachePath(webView.getContext().getCacheDir().getAbsolutePath());
+
+        //设置可访问文件
+        settings.setAllowFileAccess(true);
+        //当webview调用requestFocus时为webview设置节点
+        settings.setNeedInitialFocus(true);
+        //支持自动加载图片
+        if (Build.VERSION.SDK_INT >= 19) {
+            settings.setLoadsImagesAutomatically(true);
+        } else {
+            settings.setLoadsImagesAutomatically(false);
+        }
+        settings.setNeedInitialFocus(true);
+        //设置编码格式
+        settings.setDefaultTextEncodingName("UTF-8");
+
 
 

From 9246a2cc825ede8407129621973feab21a29c58e Mon Sep 17 00:00:00 2001
From: Junqi Ling <673161157@qq.com>
Date: Wed, 17 Aug 2016 17:01:21 +0800
Subject: [PATCH 11/39] Update 2016-08-18.html.markdown

update
---
 .middleman/source/2016-08-18.html.markdown | 108 ++++++++++-----------
 1 file changed, 50 insertions(+), 58 deletions(-)

diff --git a/.middleman/source/2016-08-18.html.markdown b/.middleman/source/2016-08-18.html.markdown
index 40d239f..729ae94 100644
--- a/.middleman/source/2016-08-18.html.markdown
+++ b/.middleman/source/2016-08-18.html.markdown
@@ -18,17 +18,20 @@ summary: 北京市东城区首席Bug布道师开山之作，一整月交通事
 
   1. WebView简介
   2. WebView基本使用
-  3. WebViewClient
-  4. WebChromeClient
+  3. WebSettings
+  4. WebViewClient
+  5. WebChromeClient
+  6. WebView加载优化
+  7. 上路
 
 <br>  
 ## WebView简介
   
   为了方便开发者实现在app内展示网页并与网页交互的需求，Android SDK提供了WebView组件。<br>它继承自AbsoluteLayout，展示网页的同时，也可以在其中放入其他的子View。<br>
-  从Android 4.4（KitKat）开始，原本基于WebKit的WebView开始基于Chromium内核，这一改动大大提升了WebView组件的性能以及对HTML5,CSS3,JavaScript的支持。不过它的API却没有很大的改动，在兼容低版本的同时只引进了少部分新的API，并不需要你做很大的改动。<br>
+  现如今，Hybrid应用似乎占据的APP的主流类型，那么关于WebView的使用就变得越发的重要。<br>从Android 4.4（KitKat）开始，原本基于WebKit的WebView开始基于Chromium内核，这一改动大大提升了WebView组件的性能以及对HTML5,CSS3,JavaScript的支持。不过它的API却没有很大的改动，在兼容低版本的同时只引进了少部分新的API，并不需要你做很大的改动。<br>
   不过有几点改变需要注意，但我尝试着翻译了下，发现还是英文原文说得好，所以我贴链接吧~~~<br>
   [Migrating to WebView in Android 4.4](https://developer.android.com/guide/webapps/migrating.html)<br><br>
-  在WebView中，有几个地方是我们可以使用来定制我们的WebView各种行为的，分别是：**WebChromeClient**、**WebViewClient**、**WebSettings**以及**JavaScriptInterface**。这些我都会在接下来的文章中一一介绍。
+  在WebView中，有几个地方是我们可以使用来定制我们的WebView各种行为的，分别是：**WebSettings**、**JavaScriptInterface**、**WebViewClient**以及**WebChromeClient**。这些我都会在接下来的文章中一一介绍。
 <br><br>
 ##WebView基本使用
   
@@ -153,66 +156,55 @@ public class MainActivity extends AppCompatActivity {
 ###WebSettings常用方法
 （几乎所有的set方法都有相应的get方法，这里就只介绍set了）
 
-  - **setJavaScriptEnabled(boolean flag)**:设置WebView是否可以运行JavaScript。
-  - **setJavaScriptCanOpenWindowsAutomatically(boolean flag)**:设置WebView是否可以由JavaScript自动打开窗口，默认为false，通常与JavaScript的***window.open()***配合使用。
-  <br><br>
-  
-  - **setAllowFileAccess(boolean allow)**:启用或禁用WebView访问文件数据。
-  - **setBlockNetworkImage(boolean flag)**:禁止或允许WebView从网络上加载图片。需要注意的是，如果设置是从禁止到允许的转变的话，图片数据并不会在设置改变后立刻去获取，而是在WebView调用reload()的时候才会生效。<br>这个时候，需要确保这个app拥有访问Internet的权限，否则会抛出安全异常。<br>通常没有禁止图片加载的需求的时候，完全不用管这个方法，因为当我们的app拥有访问Internet的权限时，这个flag的默认值就是false。
-  - **setBuiltInZoomControls(boolean enabled)**:显示或不显示缩放按钮（wap网页不支持）。
-  <br><br>
-  
-  - **setCacheMode(int mode)**:**用来设置WebView的缓存模式。**当我们加载页面或从上一个页面返回的时候，会按照设置的缓存模式去检查并使用（或不使用）缓存。
+  - **setJavaScriptEnabled(boolean flag)**：设置WebView是否可以运行JavaScript。
+  - **setJavaScriptCanOpenWindowsAutomatically(boolean flag)**：设置WebView是否可以由JavaScript自动打开窗口，默认为false，通常与JavaScript的***window.open()***配合使用。
+  <br>
+  <br>
+  - **setAllowFileAccess(boolean allow)**：启用或禁用WebView访问文件数据。
+  - **setBlockNetworkImage(boolean flag)**：禁止或允许WebView从网络上加载图片。需要注意的是，如果设置是从禁止到允许的转变的话，图片数据并不会在设置改变后立刻去获取，而是在WebView调用reload()的时候才会生效。<br>这个时候，需要确保这个app拥有访问Internet的权限，否则会抛出安全异常。<br>通常没有禁止图片加载的需求的时候，完全不用管这个方法，因为当我们的app拥有访问Internet的权限时，这个flag的默认值就是false。
+  - **setSupportZoom(boolean support)**：设置是否支持缩放。
+  - **setBuiltInZoomControls(boolean enabled)**：显示或不显示缩放按钮（wap网页不支持）。
+  - **setSupportMultipleWindows(boolean support)**：设置WebView是否支持多窗口。
+  - **setLayoutAlgorithm(WebSettings.LayoutAlgorithm l)**：
+  - **setNeedInitialFocus(boolean flag)**：
+  <br>
+  <br>
+  - **setAppCacheEnabled(boolean flag)**：启用或禁用应用缓存。
+  - **setAppCachePath(String appCachePath)**：设置应用缓存路径，这个路径必须是可以让app写入文件的。该方法应该只被调用一次，重复调用会被无视~
+  - **setCacheMode(int mode)**：**用来设置WebView的缓存模式。**当我们加载页面或从上一个页面返回的时候，会按照设置的缓存模式去检查并使用（或不使用）缓存。
   <br>
     缓存模式有四种：
       <br>
-      1. **LOAD_DEFAULT**:默认的缓存使用模式。在进行页面前进或后退的操作时，如果缓存可用并未过期就优先使用缓存，否则从网络上加载数据。
+      1. **LOAD_DEFAULT**：默认的缓存使用模式。在进行页面前进或后退的操作时，如果缓存可用并未过期就优先加载缓存，否则从网络上加载数据。这样可以减少页面的网络请求次数。
       <br>
-      2. **LOAD_CACHE_ELSE_NETWORK**:只要缓存可用就使用缓存，哪怕它们已经过期失效。如果缓存不可用就从网络上加载数据。
+      2. **LOAD_CACHE_ELSE_NETWORK**：只要缓存可用就加载缓存，哪怕它们已经过期失效。如果缓存不可用就从网络上加载数据。
       <br>
-      3. **LOAD_NO_CACHE**:不使用缓存，只从网络加载数据。
+      3. **LOAD_NO_CACHE**：不加载缓存，只从网络加载数据。
       <br>
-      4. **LOAD_CACHE_ONLY**:不从网络加载数据，只从缓存加载数据。
-  <br>
-  - dadjaj
-  - 
-  //支持获取手势焦点
-        webView.requestFocusFromTouch();
-        //支持JS
-        settings.setJavaScriptEnabled(true);
-        //支持插件
-        settings.setPluginState(WebSettings.PluginState.ON);
-        //设置适应屏幕
-        settings.setUseWideViewPort(true);
-        settings.setLoadWithOverviewMode(true);
-        //支持缩放
-        settings.setSupportZoom(false);
-        //隐藏原生的缩放控件
-        settings.setDisplayZoomControls(false);
-        //支持内容重新布局
-        settings.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN);
-        settings.supportMultipleWindows();
-        settings.setSupportMultipleWindows(true);
-        //设置缓存模式
-        settings.setDomStorageEnabled(true);
-        settings.setDatabaseEnabled(true);
-        settings.setCacheMode(WebSettings.LOAD_NO_CACHE);
-        settings.setAppCacheEnabled(true);
-        settings.setAppCachePath(webView.getContext().getCacheDir().getAbsolutePath());
-
-        //设置可访问文件
-        settings.setAllowFileAccess(true);
-        //当webview调用requestFocus时为webview设置节点
-        settings.setNeedInitialFocus(true);
-        //支持自动加载图片
-        if (Build.VERSION.SDK_INT >= 19) {
-            settings.setLoadsImagesAutomatically(true);
-        } else {
-            settings.setLoadsImagesAutomatically(false);
-        }
-        settings.setNeedInitialFocus(true);
-        //设置编码格式
-        settings.setDefaultTextEncodingName("UTF-8");
+      4. **LOAD_CACHE_ONLY**：不从网络加载数据，只从缓存加载数据。
+  <br>
+  通常我们可以根据网络情况将这几种模式结合使用，比如有网的时候使用LOAD_DEFAULT，离线时使用LOAD_CACHE_ONLY、LOAD_CACHE_ELSE_NETWORK，让用户不至于在离线时啥都看不到。
+  <br>
+  - **setDatabaseEnabled(boolean flag)**：启用或禁用数据库缓存。
+  - **setDomStorageEnabled(boolean flag)**：启用或禁用DOM缓存。
+  <br>
+  <br>
+  - **setUserAgentString(String ua)**：设置WebView的UserAgent值。
+  - **setDefaultEncodingName(String encoding)**：设置编码格式，通常都设为“UTF-8”。
+  <br>
+  <br>
+  - setCursiveFontFamily
+  - **setDefaultFixedFontSize(int size)**：
+  - **setDefaultFontSize(int size)**：
+  - setFantasyFontFamily
+  - setFixedFontFamily
+  - setMinimumFontSize
+  - setMinimumLogicalFontSize
+  - setSansSerifFontFamily
+  - setSerifFontFamily
+  - setStandardFontFamily
+  <br>
+  <br>
 
 
 

From 30a016d5e867922b02ad22ae27ee5fd986069ae6 Mon Sep 17 00:00:00 2001
From: Junqi Ling <673161157@qq.com>
Date: Wed, 17 Aug 2016 17:42:14 +0800
Subject: [PATCH 12/39] Update 2016-08-18.html.markdown

finish WebSettings
---
 .middleman/source/2016-08-18.html.markdown | 32 ++++++++++++++--------
 1 file changed, 20 insertions(+), 12 deletions(-)

diff --git a/.middleman/source/2016-08-18.html.markdown b/.middleman/source/2016-08-18.html.markdown
index 729ae94..87e3357 100644
--- a/.middleman/source/2016-08-18.html.markdown
+++ b/.middleman/source/2016-08-18.html.markdown
@@ -7,6 +7,7 @@ summary: 北京市东城区首席Bug布道师开山之作，一整月交通事
 ---
 <br><br><br>
 #WebView·开车指南
+**Tips**:由于WebView的用法实在太多，如果读者只是想查询某个功能的使用建议Ctrl+F（Commad+F）在本页面搜索关键字查找。
 <br>
   
 ## 前言
@@ -165,8 +166,8 @@ public class MainActivity extends AppCompatActivity {
   - **setSupportZoom(boolean support)**：设置是否支持缩放。
   - **setBuiltInZoomControls(boolean enabled)**：显示或不显示缩放按钮（wap网页不支持）。
   - **setSupportMultipleWindows(boolean support)**：设置WebView是否支持多窗口。
-  - **setLayoutAlgorithm(WebSettings.LayoutAlgorithm l)**：
-  - **setNeedInitialFocus(boolean flag)**：
+  - **setLayoutAlgorithm(WebSettings.LayoutAlgorithm l)**：指定WebView的页面布局显示形式，调用该方法会引起页面重绘。默认值为LayoutAlgorithm#NARROW_COLUMNS。
+  - **setNeedInitialFocus(boolean flag)**：通知WebView是否需要设置一个节点获取焦点当WebView#requestFocus(int,android.graphics.Rect)被调用时，默认为true。
   <br>
   <br>
   - **setAppCacheEnabled(boolean flag)**：启用或禁用应用缓存。
@@ -193,18 +194,25 @@ public class MainActivity extends AppCompatActivity {
   - **setDefaultEncodingName(String encoding)**：设置编码格式，通常都设为“UTF-8”。
   <br>
   <br>
-  - setCursiveFontFamily
-  - **setDefaultFixedFontSize(int size)**：
-  - **setDefaultFontSize(int size)**：
-  - setFantasyFontFamily
-  - setFixedFontFamily
-  - setMinimumFontSize
-  - setMinimumLogicalFontSize
-  - setSansSerifFontFamily
-  - setSerifFontFamily
-  - setStandardFontFamily
+  - **setStandardFontFamily(String font)**：设置标准的字体族，默认“sans-serif”。
+  - **setCursiveFontFamily**：设置草书字体族，默认“cursive”。
+  - **setFantasyFontFamily**：设置CursiveFont字体族，默认“cursive”。
+  - **setFixedFontFamily**：设置混合字体族，默认“monospace”。
+  - **setSansSerifFontFamily**：设置梵文字体族，默认“sans-serif”。
+  - **setSerifFontFamily**：设置衬线字体族，默认“sans-serif” 
+  - **setDefaultFixedFontSize(int size)**：设置默认填充字体大小，默认16，取值区间为[1-72]，超过范围，使用其上限值。
+  - **setDefaultFontSize(int size)**：设置默认字体大小，默认16，取值区间[1-72]，超过范围，使用其上限值。
+  - **setMinimumFontSize**：设置最小字体，默认8. 取值区间[1-72]，超过范围，使用其上限值。 
+  - **setMinimumLogicalFontSize**：设置最小逻辑字体，默认8. 取值区间[1-72]，超过范围，使用其上限值。 
   <br>
   <br>
+以上就是一些WebSettings的常用方法，具体的使用以及一些缓存的问题会在接下来的代码以及文章中有更加直观的说明。
 
+<br>
+<br>
+<br>
+##WebViewClient
+  
+  WebViewClient是
 
 

From ff65a4dd3b229eb260ec01b13c5b06825287f39e Mon Sep 17 00:00:00 2001
From: Junqi Ling <673161157@qq.com>
Date: Wed, 17 Aug 2016 19:30:24 +0800
Subject: [PATCH 13/39] Update 2016-08-18.html.markdown

update
---
 .middleman/source/2016-08-18.html.markdown | 71 ++++++++++++++--------
 1 file changed, 44 insertions(+), 27 deletions(-)

diff --git a/.middleman/source/2016-08-18.html.markdown b/.middleman/source/2016-08-18.html.markdown
index 87e3357..dcb9372 100644
--- a/.middleman/source/2016-08-18.html.markdown
+++ b/.middleman/source/2016-08-18.html.markdown
@@ -157,22 +157,22 @@ public class MainActivity extends AppCompatActivity {
 ###WebSettings常用方法
 （几乎所有的set方法都有相应的get方法，这里就只介绍set了）
 
-  - **setJavaScriptEnabled(boolean flag)**：设置WebView是否可以运行JavaScript。
-  - **setJavaScriptCanOpenWindowsAutomatically(boolean flag)**：设置WebView是否可以由JavaScript自动打开窗口，默认为false，通常与JavaScript的***window.open()***配合使用。
+  - **void setJavaScriptEnabled(boolean flag)**：设置WebView是否可以运行JavaScript。
+  - **void setJavaScriptCanOpenWindowsAutomatically(boolean flag)**：设置WebView是否可以由JavaScript自动打开窗口，默认为false，通常与JavaScript的***window.open()***配合使用。
   <br>
   <br>
-  - **setAllowFileAccess(boolean allow)**：启用或禁用WebView访问文件数据。
-  - **setBlockNetworkImage(boolean flag)**：禁止或允许WebView从网络上加载图片。需要注意的是，如果设置是从禁止到允许的转变的话，图片数据并不会在设置改变后立刻去获取，而是在WebView调用reload()的时候才会生效。<br>这个时候，需要确保这个app拥有访问Internet的权限，否则会抛出安全异常。<br>通常没有禁止图片加载的需求的时候，完全不用管这个方法，因为当我们的app拥有访问Internet的权限时，这个flag的默认值就是false。
-  - **setSupportZoom(boolean support)**：设置是否支持缩放。
-  - **setBuiltInZoomControls(boolean enabled)**：显示或不显示缩放按钮（wap网页不支持）。
-  - **setSupportMultipleWindows(boolean support)**：设置WebView是否支持多窗口。
-  - **setLayoutAlgorithm(WebSettings.LayoutAlgorithm l)**：指定WebView的页面布局显示形式，调用该方法会引起页面重绘。默认值为LayoutAlgorithm#NARROW_COLUMNS。
-  - **setNeedInitialFocus(boolean flag)**：通知WebView是否需要设置一个节点获取焦点当WebView#requestFocus(int,android.graphics.Rect)被调用时，默认为true。
+  - **void setAllowFileAccess(boolean allow)**：启用或禁用WebView访问文件数据。
+  - **void setBlockNetworkImage(boolean flag)**：禁止或允许WebView从网络上加载图片。需要注意的是，如果设置是从禁止到允许的转变的话，图片数据并不会在设置改变后立刻去获取，而是在WebView调用reload()的时候才会生效。<br>这个时候，需要确保这个app拥有访问Internet的权限，否则会抛出安全异常。<br>通常没有禁止图片加载的需求的时候，完全不用管这个方法，因为当我们的app拥有访问Internet的权限时，这个flag的默认值就是false。
+  - **void setSupportZoom(boolean support)**：设置是否支持缩放。
+  - **void setBuiltInZoomControls(boolean enabled)**：显示或不显示缩放按钮（wap网页不支持）。
+  - **void setSupportMultipleWindows(boolean support)**：设置WebView是否支持多窗口。
+  - **void setLayoutAlgorithm(WebSettings.LayoutAlgorithm l)**：指定WebView的页面布局显示形式，调用该方法会引起页面重绘。默认值为LayoutAlgorithm#NARROW_COLUMNS。
+  - **void setNeedInitialFocus(boolean flag)**：通知WebView是否需要设置一个节点获取焦点当WebView#requestFocus(int,android.graphics.Rect)被调用时，默认为true。
   <br>
   <br>
-  - **setAppCacheEnabled(boolean flag)**：启用或禁用应用缓存。
-  - **setAppCachePath(String appCachePath)**：设置应用缓存路径，这个路径必须是可以让app写入文件的。该方法应该只被调用一次，重复调用会被无视~
-  - **setCacheMode(int mode)**：**用来设置WebView的缓存模式。**当我们加载页面或从上一个页面返回的时候，会按照设置的缓存模式去检查并使用（或不使用）缓存。
+  - **void setAppCacheEnabled(boolean flag)**：启用或禁用应用缓存。
+  - **void setAppCachePath(String appCachePath)**：设置应用缓存路径，这个路径必须是可以让app写入文件的。该方法应该只被调用一次，重复调用会被无视~
+  - **void setCacheMode(int mode)**：**用来设置WebView的缓存模式。**当我们加载页面或从上一个页面返回的时候，会按照设置的缓存模式去检查并使用（或不使用）缓存。
   <br>
     缓存模式有四种：
       <br>
@@ -186,24 +186,24 @@ public class MainActivity extends AppCompatActivity {
   <br>
   通常我们可以根据网络情况将这几种模式结合使用，比如有网的时候使用LOAD_DEFAULT，离线时使用LOAD_CACHE_ONLY、LOAD_CACHE_ELSE_NETWORK，让用户不至于在离线时啥都看不到。
   <br>
-  - **setDatabaseEnabled(boolean flag)**：启用或禁用数据库缓存。
-  - **setDomStorageEnabled(boolean flag)**：启用或禁用DOM缓存。
+  - **void setDatabaseEnabled(boolean flag)**：启用或禁用数据库缓存。
+  - **void setDomStorageEnabled(boolean flag)**：启用或禁用DOM缓存。
   <br>
   <br>
-  - **setUserAgentString(String ua)**：设置WebView的UserAgent值。
-  - **setDefaultEncodingName(String encoding)**：设置编码格式，通常都设为“UTF-8”。
+  - **void setUserAgentString(String ua)**：设置WebView的UserAgent值。
+  - **void setDefaultEncodingName(String encoding)**：设置编码格式，通常都设为“UTF-8”。
   <br>
   <br>
-  - **setStandardFontFamily(String font)**：设置标准的字体族，默认“sans-serif”。
-  - **setCursiveFontFamily**：设置草书字体族，默认“cursive”。
-  - **setFantasyFontFamily**：设置CursiveFont字体族，默认“cursive”。
-  - **setFixedFontFamily**：设置混合字体族，默认“monospace”。
-  - **setSansSerifFontFamily**：设置梵文字体族，默认“sans-serif”。
-  - **setSerifFontFamily**：设置衬线字体族，默认“sans-serif” 
-  - **setDefaultFixedFontSize(int size)**：设置默认填充字体大小，默认16，取值区间为[1-72]，超过范围，使用其上限值。
-  - **setDefaultFontSize(int size)**：设置默认字体大小，默认16，取值区间[1-72]，超过范围，使用其上限值。
-  - **setMinimumFontSize**：设置最小字体，默认8. 取值区间[1-72]，超过范围，使用其上限值。 
-  - **setMinimumLogicalFontSize**：设置最小逻辑字体，默认8. 取值区间[1-72]，超过范围，使用其上限值。 
+  - **void setStandardFontFamily(String font)**：设置标准的字体族，默认“sans-serif”。
+  - **void setCursiveFontFamily**：设置草书字体族，默认“cursive”。
+  - **void setFantasyFontFamily**：设置CursiveFont字体族，默认“cursive”。
+  - **void setFixedFontFamily**：设置混合字体族，默认“monospace”。
+  - **void setSansSerifFontFamily**：设置梵文字体族，默认“sans-serif”。
+  - **void setSerifFontFamily**：设置衬线字体族，默认“sans-serif” 
+  - **void setDefaultFixedFontSize(int size)**：设置默认填充字体大小，默认16，取值区间为[1-72]，超过范围，使用其上限值。
+  - **void setDefaultFontSize(int size)**：设置默认字体大小，默认16，取值区间[1-72]，超过范围，使用其上限值。
+  - **void setMinimumFontSize**：设置最小字体，默认8. 取值区间[1-72]，超过范围，使用其上限值。 
+  - **void setMinimumLogicalFontSize**：设置最小逻辑字体，默认8. 取值区间[1-72]，超过范围，使用其上限值。 
   <br>
   <br>
 以上就是一些WebSettings的常用方法，具体的使用以及一些缓存的问题会在接下来的代码以及文章中有更加直观的说明。
@@ -213,6 +213,23 @@ public class MainActivity extends AppCompatActivity {
 <br>
 ##WebViewClient
   
-  WebViewClient是
+  从名字上不难理解，这个类就像WebView的委托人一样，是帮助WebView处理各种通知和请求事件的。
+
+
+void onLoadResource(WebView view, String url)
+
+void onPageStarted(WebView view, String url, Bitmap favicon)
+void onPageFinished(WebView view, String url)
+void onReceivedError(WebView view, WebResourceRequest request, WebResourceError error)
+void onReceivedHttpError(WebView view, WebResourceRequest request, WebResourceResponse errorResponse)
+void onReceivedSslError(WebView view, SslErrorHandler handler, SslError error)
+WebResourceResponse	shouldInterceptRequest(WebView view, WebResourceRequest request)
+boolean	shouldOverrideUrlLoading(WebView view, WebResourceRequest request)
+
+void onPageCommitVisible(WebView view, String url)
+void onReceivedHttpAuthRequest(WebView view, HttpAuthHandler handler, String host, String realm)
+void onReceivedLoginRequest(WebView view, String realm, String account, String args)
+void onScaleChanged(WebView view, float oldScale, float newScale)
+boolean	shouldOverrideKeyEvent(WebView view, KeyEvent event)
 
 

From feee8692ca65fcf8274be38fee23eeb9287f588f Mon Sep 17 00:00:00 2001
From: Junqi Ling <673161157@qq.com>
Date: Fri, 19 Aug 2016 20:49:28 +0800
Subject: [PATCH 14/39] Update 2016-08-18.html.markdown

update
---
 .middleman/source/2016-08-18.html.markdown | 30 +++++++++++-----------
 1 file changed, 15 insertions(+), 15 deletions(-)

diff --git a/.middleman/source/2016-08-18.html.markdown b/.middleman/source/2016-08-18.html.markdown
index dcb9372..f077826 100644
--- a/.middleman/source/2016-08-18.html.markdown
+++ b/.middleman/source/2016-08-18.html.markdown
@@ -216,20 +216,20 @@ public class MainActivity extends AppCompatActivity {
   从名字上不难理解，这个类就像WebView的委托人一样，是帮助WebView处理各种通知和请求事件的。
 
 
-void onLoadResource(WebView view, String url)
-
-void onPageStarted(WebView view, String url, Bitmap favicon)
-void onPageFinished(WebView view, String url)
-void onReceivedError(WebView view, WebResourceRequest request, WebResourceError error)
-void onReceivedHttpError(WebView view, WebResourceRequest request, WebResourceResponse errorResponse)
-void onReceivedSslError(WebView view, SslErrorHandler handler, SslError error)
-WebResourceResponse	shouldInterceptRequest(WebView view, WebResourceRequest request)
-boolean	shouldOverrideUrlLoading(WebView view, WebResourceRequest request)
-
-void onPageCommitVisible(WebView view, String url)
-void onReceivedHttpAuthRequest(WebView view, HttpAuthHandler handler, String host, String realm)
-void onReceivedLoginRequest(WebView view, String realm, String account, String args)
-void onScaleChanged(WebView view, float oldScale, float newScale)
-boolean	shouldOverrideKeyEvent(WebView view, KeyEvent event)
+  - **void onLoadResource(WebView view, String url)**：该方法在加载页面资源时会回调，每一个资源（比如图片）的加载都会调用一次。
+
+  - **void onPageStarted(WebView view, String url, Bitmap favicon)**：该方法在页面开始加载时回调，可以在这个时候设定一个加载的动画，告诉用户程序在等待网络的响应。
+  - **void onPageFinished(WebView view, String url)**：该方法在页面加载结束时调用，**理论上**可以在此时关闭加载动画，进行其他操作。___（这里有一坑，后面会进一步介绍）___
+  - **void onReceivedError(WebView view, WebResourceRequest request, WebResourceError error)**：
+  - **void onReceivedHttpError(WebView view, WebResourceRequest request, WebResourceResponse errorResponse)**：
+  - **void onReceivedSslError(WebView view, SslErrorHandler handler, SslError error)**：
+  - **WebResourceResponse	shouldInterceptRequest(WebView view, WebResourceRequest request)**：
+  - **boolean	shouldOverrideUrlLoading(WebView view, WebResourceRequest request)**：
+
+  - **void onPageCommitVisible(WebView view, String url)**：
+  - **void onReceivedHttpAuthRequest(WebView view, HttpAuthHandler handler, String host, String realm)**：
+  - **void onReceivedLoginRequest(WebView view, String realm, String account, String args)**：
+  - **void onScaleChanged(WebView view, float oldScale, float newScale)**：
+  - **boolean	shouldOverrideKeyEvent(WebView view, KeyEvent event)**：
 
 

From 9e4468305c751aacf79b6edee6fc73add267010c Mon Sep 17 00:00:00 2001
From: Junqi Ling <673161157@qq.com>
Date: Fri, 19 Aug 2016 20:52:13 +0800
Subject: [PATCH 15/39] Update 2016-08-18.html.markdown

update
---
 .middleman/source/2016-08-18.html.markdown | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/.middleman/source/2016-08-18.html.markdown b/.middleman/source/2016-08-18.html.markdown
index f077826..1149b80 100644
--- a/.middleman/source/2016-08-18.html.markdown
+++ b/.middleman/source/2016-08-18.html.markdown
@@ -157,16 +157,16 @@ public class MainActivity extends AppCompatActivity {
 ###WebSettings常用方法
 （几乎所有的set方法都有相应的get方法，这里就只介绍set了）
 
-  - **void setJavaScriptEnabled(boolean flag)**：设置WebView是否可以运行JavaScript。
-  - **void setJavaScriptCanOpenWindowsAutomatically(boolean flag)**：设置WebView是否可以由JavaScript自动打开窗口，默认为false，通常与JavaScript的***window.open()***配合使用。
+  - void **setJavaScriptEnabled**(boolean flag)：设置WebView是否可以运行JavaScript。
+  - void **setJavaScriptCanOpenWindowsAutomatically**(boolean flag)：设置WebView是否可以由JavaScript自动打开窗口，默认为false，通常与JavaScript的***window.open()***配合使用。
   <br>
   <br>
-  - **void setAllowFileAccess(boolean allow)**：启用或禁用WebView访问文件数据。
-  - **void setBlockNetworkImage(boolean flag)**：禁止或允许WebView从网络上加载图片。需要注意的是，如果设置是从禁止到允许的转变的话，图片数据并不会在设置改变后立刻去获取，而是在WebView调用reload()的时候才会生效。<br>这个时候，需要确保这个app拥有访问Internet的权限，否则会抛出安全异常。<br>通常没有禁止图片加载的需求的时候，完全不用管这个方法，因为当我们的app拥有访问Internet的权限时，这个flag的默认值就是false。
-  - **void setSupportZoom(boolean support)**：设置是否支持缩放。
-  - **void setBuiltInZoomControls(boolean enabled)**：显示或不显示缩放按钮（wap网页不支持）。
-  - **void setSupportMultipleWindows(boolean support)**：设置WebView是否支持多窗口。
-  - **void setLayoutAlgorithm(WebSettings.LayoutAlgorithm l)**：指定WebView的页面布局显示形式，调用该方法会引起页面重绘。默认值为LayoutAlgorithm#NARROW_COLUMNS。
+  - void **setAllowFileAccess**(boolean allow)：启用或禁用WebView访问文件数据。
+  - void **setBlockNetworkImage**(boolean flag)：禁止或允许WebView从网络上加载图片。需要注意的是，如果设置是从禁止到允许的转变的话，图片数据并不会在设置改变后立刻去获取，而是在WebView调用reload()的时候才会生效。<br>这个时候，需要确保这个app拥有访问Internet的权限，否则会抛出安全异常。<br>通常没有禁止图片加载的需求的时候，完全不用管这个方法，因为当我们的app拥有访问Internet的权限时，这个flag的默认值就是false。
+  - void **setSupportZoom**(boolean support)：设置是否支持缩放。
+  - void **setBuiltInZoomControls**(boolean enabled)：显示或不显示缩放按钮（wap网页不支持）。
+  - void **setSupportMultipleWindows**(boolean support)：设置WebView是否支持多窗口。
+  - void **setLayoutAlgorithm**(WebSettings.LayoutAlgorithm l)：指定WebView的页面布局显示形式，调用该方法会引起页面重绘。默认值为LayoutAlgorithm#NARROW_COLUMNS。
   - **void setNeedInitialFocus(boolean flag)**：通知WebView是否需要设置一个节点获取焦点当WebView#requestFocus(int,android.graphics.Rect)被调用时，默认为true。
   <br>
   <br>

From 063beb651e588a78f0ce62f147d8a9f2cc574bac Mon Sep 17 00:00:00 2001
From: Junqi Ling <673161157@qq.com>
Date: Fri, 19 Aug 2016 21:02:20 +0800
Subject: [PATCH 16/39] Update 2016-08-18.html.markdown

update
---
 .middleman/source/2016-08-18.html.markdown | 74 +++++++++++-----------
 1 file changed, 37 insertions(+), 37 deletions(-)

diff --git a/.middleman/source/2016-08-18.html.markdown b/.middleman/source/2016-08-18.html.markdown
index 1149b80..e23ad59 100644
--- a/.middleman/source/2016-08-18.html.markdown
+++ b/.middleman/source/2016-08-18.html.markdown
@@ -155,24 +155,24 @@ public class MainActivity extends AppCompatActivity {
   ```
   <br>
 ###WebSettings常用方法
-（几乎所有的set方法都有相应的get方法，这里就只介绍set了）
+（几乎所有的set方法都有相应的get方法，这里就只介绍set了。**另，所有未写方法返回值类型的皆为空类型**）
 
-  - void **setJavaScriptEnabled**(boolean flag)：设置WebView是否可以运行JavaScript。
-  - void **setJavaScriptCanOpenWindowsAutomatically**(boolean flag)：设置WebView是否可以由JavaScript自动打开窗口，默认为false，通常与JavaScript的***window.open()***配合使用。
+  - **setJavaScriptEnabled**(boolean flag)：设置WebView是否可以运行JavaScript。
+  - **setJavaScriptCanOpenWindowsAutomatically**(boolean flag)：设置WebView是否可以由JavaScript自动打开窗口，默认为false，通常与JavaScript的***window.open()***配合使用。
   <br>
   <br>
-  - void **setAllowFileAccess**(boolean allow)：启用或禁用WebView访问文件数据。
-  - void **setBlockNetworkImage**(boolean flag)：禁止或允许WebView从网络上加载图片。需要注意的是，如果设置是从禁止到允许的转变的话，图片数据并不会在设置改变后立刻去获取，而是在WebView调用reload()的时候才会生效。<br>这个时候，需要确保这个app拥有访问Internet的权限，否则会抛出安全异常。<br>通常没有禁止图片加载的需求的时候，完全不用管这个方法，因为当我们的app拥有访问Internet的权限时，这个flag的默认值就是false。
-  - void **setSupportZoom**(boolean support)：设置是否支持缩放。
-  - void **setBuiltInZoomControls**(boolean enabled)：显示或不显示缩放按钮（wap网页不支持）。
-  - void **setSupportMultipleWindows**(boolean support)：设置WebView是否支持多窗口。
-  - void **setLayoutAlgorithm**(WebSettings.LayoutAlgorithm l)：指定WebView的页面布局显示形式，调用该方法会引起页面重绘。默认值为LayoutAlgorithm#NARROW_COLUMNS。
-  - **void setNeedInitialFocus(boolean flag)**：通知WebView是否需要设置一个节点获取焦点当WebView#requestFocus(int,android.graphics.Rect)被调用时，默认为true。
+  - **setAllowFileAccess**(boolean allow)：启用或禁用WebView访问文件数据。
+  - **setBlockNetworkImage**(boolean flag)：禁止或允许WebView从网络上加载图片。需要注意的是，如果设置是从禁止到允许的转变的话，图片数据并不会在设置改变后立刻去获取，而是在WebView调用reload()的时候才会生效。<br>这个时候，需要确保这个app拥有访问Internet的权限，否则会抛出安全异常。<br>通常没有禁止图片加载的需求的时候，完全不用管这个方法，因为当我们的app拥有访问Internet的权限时，这个flag的默认值就是false。
+  - **setSupportZoom**(boolean support)：设置是否支持缩放。
+  - **setBuiltInZoomControls**(boolean enabled)：显示或不显示缩放按钮（wap网页不支持）。
+  - **setSupportMultipleWindows**(boolean support)：设置WebView是否支持多窗口。
+  - **setLayoutAlgorithm**(WebSettings.LayoutAlgorithm l)：指定WebView的页面布局显示形式，调用该方法会引起页面重绘。默认值为LayoutAlgorithm#NARROW_COLUMNS。
+  - **setNeedInitialFocus(boolean flag)**：通知WebView是否需要设置一个节点获取焦点当WebView#requestFocus(int,android.graphics.Rect)被调用时，默认为true。
   <br>
   <br>
-  - **void setAppCacheEnabled(boolean flag)**：启用或禁用应用缓存。
-  - **void setAppCachePath(String appCachePath)**：设置应用缓存路径，这个路径必须是可以让app写入文件的。该方法应该只被调用一次，重复调用会被无视~
-  - **void setCacheMode(int mode)**：**用来设置WebView的缓存模式。**当我们加载页面或从上一个页面返回的时候，会按照设置的缓存模式去检查并使用（或不使用）缓存。
+  - **setAppCacheEnabled(boolean flag)**：启用或禁用应用缓存。
+  - **setAppCachePath(String appCachePath)**：设置应用缓存路径，这个路径必须是可以让app写入文件的。该方法应该只被调用一次，重复调用会被无视~
+  - **setCacheMode(int mode)**：**用来设置WebView的缓存模式。**当我们加载页面或从上一个页面返回的时候，会按照设置的缓存模式去检查并使用（或不使用）缓存。
   <br>
     缓存模式有四种：
       <br>
@@ -186,24 +186,24 @@ public class MainActivity extends AppCompatActivity {
   <br>
   通常我们可以根据网络情况将这几种模式结合使用，比如有网的时候使用LOAD_DEFAULT，离线时使用LOAD_CACHE_ONLY、LOAD_CACHE_ELSE_NETWORK，让用户不至于在离线时啥都看不到。
   <br>
-  - **void setDatabaseEnabled(boolean flag)**：启用或禁用数据库缓存。
-  - **void setDomStorageEnabled(boolean flag)**：启用或禁用DOM缓存。
+  - **setDatabaseEnabled(boolean flag)**：启用或禁用数据库缓存。
+  - **setDomStorageEnabled(boolean flag)**：启用或禁用DOM缓存。
   <br>
   <br>
-  - **void setUserAgentString(String ua)**：设置WebView的UserAgent值。
-  - **void setDefaultEncodingName(String encoding)**：设置编码格式，通常都设为“UTF-8”。
+  - **setUserAgentString(String ua)**：设置WebView的UserAgent值。
+  - **setDefaultEncodingName(String encoding)**：设置编码格式，通常都设为“UTF-8”。
   <br>
   <br>
-  - **void setStandardFontFamily(String font)**：设置标准的字体族，默认“sans-serif”。
-  - **void setCursiveFontFamily**：设置草书字体族，默认“cursive”。
-  - **void setFantasyFontFamily**：设置CursiveFont字体族，默认“cursive”。
-  - **void setFixedFontFamily**：设置混合字体族，默认“monospace”。
-  - **void setSansSerifFontFamily**：设置梵文字体族，默认“sans-serif”。
-  - **void setSerifFontFamily**：设置衬线字体族，默认“sans-serif” 
-  - **void setDefaultFixedFontSize(int size)**：设置默认填充字体大小，默认16，取值区间为[1-72]，超过范围，使用其上限值。
-  - **void setDefaultFontSize(int size)**：设置默认字体大小，默认16，取值区间[1-72]，超过范围，使用其上限值。
-  - **void setMinimumFontSize**：设置最小字体，默认8. 取值区间[1-72]，超过范围，使用其上限值。 
-  - **void setMinimumLogicalFontSize**：设置最小逻辑字体，默认8. 取值区间[1-72]，超过范围，使用其上限值。 
+  - **setStandardFontFamily(String font)**：设置标准的字体族，默认“sans-serif”。
+  - **setCursiveFontFamily**：设置草书字体族，默认“cursive”。
+  - **setFantasyFontFamily**：设置CursiveFont字体族，默认“cursive”。
+  - **setFixedFontFamily**：设置混合字体族，默认“monospace”。
+  - **setSansSerifFontFamily**：设置梵文字体族，默认“sans-serif”。
+  - **setSerifFontFamily**：设置衬线字体族，默认“sans-serif” 
+  - **setDefaultFixedFontSize(int size)**：设置默认填充字体大小，默认16，取值区间为[1-72]，超过范围，使用其上限值。
+  - **setDefaultFontSize(int size)**：设置默认字体大小，默认16，取值区间[1-72]，超过范围，使用其上限值。
+  - **setMinimumFontSize**：设置最小字体，默认8. 取值区间[1-72]，超过范围，使用其上限值。 
+  - **setMinimumLogicalFontSize**：设置最小逻辑字体，默认8. 取值区间[1-72]，超过范围，使用其上限值。 
   <br>
   <br>
 以上就是一些WebSettings的常用方法，具体的使用以及一些缓存的问题会在接下来的代码以及文章中有更加直观的说明。
@@ -216,20 +216,20 @@ public class MainActivity extends AppCompatActivity {
   从名字上不难理解，这个类就像WebView的委托人一样，是帮助WebView处理各种通知和请求事件的。
 
 
-  - **void onLoadResource(WebView view, String url)**：该方法在加载页面资源时会回调，每一个资源（比如图片）的加载都会调用一次。
+  - **onLoadResource(WebView view, String url)**：该方法在加载页面资源时会回调，每一个资源（比如图片）的加载都会调用一次。
 
-  - **void onPageStarted(WebView view, String url, Bitmap favicon)**：该方法在页面开始加载时回调，可以在这个时候设定一个加载的动画，告诉用户程序在等待网络的响应。
-  - **void onPageFinished(WebView view, String url)**：该方法在页面加载结束时调用，**理论上**可以在此时关闭加载动画，进行其他操作。___（这里有一坑，后面会进一步介绍）___
-  - **void onReceivedError(WebView view, WebResourceRequest request, WebResourceError error)**：
-  - **void onReceivedHttpError(WebView view, WebResourceRequest request, WebResourceResponse errorResponse)**：
-  - **void onReceivedSslError(WebView view, SslErrorHandler handler, SslError error)**：
+  - **onPageStarted(WebView view, String url, Bitmap favicon)**：该方法在页面开始加载时回调，可以在这个时候设定一个加载的动画，告诉用户程序在等待网络的响应。
+  - **onPageFinished(WebView view, String url)**：该方法在页面加载结束时调用，**理论上**可以在此时关闭加载动画，进行其他操作。___（这里有一坑，后面会进一步介绍）___
+  - **onReceivedError(WebView view, WebResourceRequest request, WebResourceError error)**：
+  - **onReceivedHttpError(WebView view, WebResourceRequest request, WebResourceResponse errorResponse)**：
+  - **onReceivedSslError(WebView view, SslErrorHandler handler, SslError error)**：
   - **WebResourceResponse	shouldInterceptRequest(WebView view, WebResourceRequest request)**：
   - **boolean	shouldOverrideUrlLoading(WebView view, WebResourceRequest request)**：
 
-  - **void onPageCommitVisible(WebView view, String url)**：
-  - **void onReceivedHttpAuthRequest(WebView view, HttpAuthHandler handler, String host, String realm)**：
-  - **void onReceivedLoginRequest(WebView view, String realm, String account, String args)**：
-  - **void onScaleChanged(WebView view, float oldScale, float newScale)**：
+  - **onPageCommitVisible(WebView view, String url)**：
+  - **onReceivedHttpAuthRequest(WebView view, HttpAuthHandler handler, String host, String realm)**：
+  - **onReceivedLoginRequest(WebView view, String realm, String account, String args)**：
+  - **onScaleChanged(WebView view, float oldScale, float newScale)**：
   - **boolean	shouldOverrideKeyEvent(WebView view, KeyEvent event)**：
 
 

From c2bd4d1489ccafd5938618338cf5efc3931e586b Mon Sep 17 00:00:00 2001
From: Junqi Ling <673161157@qq.com>
Date: Fri, 19 Aug 2016 21:09:55 +0800
Subject: [PATCH 17/39] Update 2016-08-18.html.markdown

update
---
 .middleman/source/2016-08-18.html.markdown | 73 +++++++++++++++++++++-
 1 file changed, 71 insertions(+), 2 deletions(-)

diff --git a/.middleman/source/2016-08-18.html.markdown b/.middleman/source/2016-08-18.html.markdown
index e23ad59..7b17253 100644
--- a/.middleman/source/2016-08-18.html.markdown
+++ b/.middleman/source/2016-08-18.html.markdown
@@ -158,20 +158,41 @@ public class MainActivity extends AppCompatActivity {
 （几乎所有的set方法都有相应的get方法，这里就只介绍set了。**另，所有未写方法返回值类型的皆为空类型**）
 
   - **setJavaScriptEnabled**(boolean flag)：设置WebView是否可以运行JavaScript。
+  <br>
+  <br>
   - **setJavaScriptCanOpenWindowsAutomatically**(boolean flag)：设置WebView是否可以由JavaScript自动打开窗口，默认为false，通常与JavaScript的***window.open()***配合使用。
   <br>
   <br>
+  <br>
+***
   - **setAllowFileAccess**(boolean allow)：启用或禁用WebView访问文件数据。
+  <br>
+  <br>
   - **setBlockNetworkImage**(boolean flag)：禁止或允许WebView从网络上加载图片。需要注意的是，如果设置是从禁止到允许的转变的话，图片数据并不会在设置改变后立刻去获取，而是在WebView调用reload()的时候才会生效。<br>这个时候，需要确保这个app拥有访问Internet的权限，否则会抛出安全异常。<br>通常没有禁止图片加载的需求的时候，完全不用管这个方法，因为当我们的app拥有访问Internet的权限时，这个flag的默认值就是false。
+  <br>
+  <br>
   - **setSupportZoom**(boolean support)：设置是否支持缩放。
+  <br>
+  <br>
   - **setBuiltInZoomControls**(boolean enabled)：显示或不显示缩放按钮（wap网页不支持）。
+  <br>
+  <br>
   - **setSupportMultipleWindows**(boolean support)：设置WebView是否支持多窗口。
+  <br>
+  <br>
   - **setLayoutAlgorithm**(WebSettings.LayoutAlgorithm l)：指定WebView的页面布局显示形式，调用该方法会引起页面重绘。默认值为LayoutAlgorithm#NARROW_COLUMNS。
+  <br>
+  <br>
   - **setNeedInitialFocus(boolean flag)**：通知WebView是否需要设置一个节点获取焦点当WebView#requestFocus(int,android.graphics.Rect)被调用时，默认为true。
   <br>
   <br>
+  <br>
   - **setAppCacheEnabled(boolean flag)**：启用或禁用应用缓存。
+  <br>
+  <br>
   - **setAppCachePath(String appCachePath)**：设置应用缓存路径，这个路径必须是可以让app写入文件的。该方法应该只被调用一次，重复调用会被无视~
+  <br>
+  <br>
   - **setCacheMode(int mode)**：**用来设置WebView的缓存模式。**当我们加载页面或从上一个页面返回的时候，会按照设置的缓存模式去检查并使用（或不使用）缓存。
   <br>
     缓存模式有四种：
@@ -187,25 +208,50 @@ public class MainActivity extends AppCompatActivity {
   通常我们可以根据网络情况将这几种模式结合使用，比如有网的时候使用LOAD_DEFAULT，离线时使用LOAD_CACHE_ONLY、LOAD_CACHE_ELSE_NETWORK，让用户不至于在离线时啥都看不到。
   <br>
   - **setDatabaseEnabled(boolean flag)**：启用或禁用数据库缓存。
+  <br>
+  <br>
   - **setDomStorageEnabled(boolean flag)**：启用或禁用DOM缓存。
   <br>
   <br>
+  <br>
   - **setUserAgentString(String ua)**：设置WebView的UserAgent值。
+  <br>
+  <br>
   - **setDefaultEncodingName(String encoding)**：设置编码格式，通常都设为“UTF-8”。
   <br>
   <br>
+  <br>
   - **setStandardFontFamily(String font)**：设置标准的字体族，默认“sans-serif”。
+  <br>
+  <br>
   - **setCursiveFontFamily**：设置草书字体族，默认“cursive”。
+  <br>
+  <br>
   - **setFantasyFontFamily**：设置CursiveFont字体族，默认“cursive”。
+  <br>
+  <br>
   - **setFixedFontFamily**：设置混合字体族，默认“monospace”。
+  <br>
+  <br>
   - **setSansSerifFontFamily**：设置梵文字体族，默认“sans-serif”。
+  <br>
+  <br>
   - **setSerifFontFamily**：设置衬线字体族，默认“sans-serif” 
+  <br>
+  <br>
   - **setDefaultFixedFontSize(int size)**：设置默认填充字体大小，默认16，取值区间为[1-72]，超过范围，使用其上限值。
+  <br>
+  <br>
   - **setDefaultFontSize(int size)**：设置默认字体大小，默认16，取值区间[1-72]，超过范围，使用其上限值。
+  <br>
+  <br>
   - **setMinimumFontSize**：设置最小字体，默认8. 取值区间[1-72]，超过范围，使用其上限值。 
+  <br>
+  <br>
   - **setMinimumLogicalFontSize**：设置最小逻辑字体，默认8. 取值区间[1-72]，超过范围，使用其上限值。 
   <br>
   <br>
+  <br>
 以上就是一些WebSettings的常用方法，具体的使用以及一些缓存的问题会在接下来的代码以及文章中有更加直观的说明。
 
 <br>
@@ -217,19 +263,42 @@ public class MainActivity extends AppCompatActivity {
 
 
   - **onLoadResource(WebView view, String url)**：该方法在加载页面资源时会回调，每一个资源（比如图片）的加载都会调用一次。
-
+  <br>
+  <br>
   - **onPageStarted(WebView view, String url, Bitmap favicon)**：该方法在页面开始加载时回调，可以在这个时候设定一个加载的动画，告诉用户程序在等待网络的响应。
+  <br>
+  <br>
   - **onPageFinished(WebView view, String url)**：该方法在页面加载结束时调用，**理论上**可以在此时关闭加载动画，进行其他操作。___（这里有一坑，后面会进一步介绍）___
+  <br>
+  <br>
   - **onReceivedError(WebView view, WebResourceRequest request, WebResourceError error)**：
+  <br>
+  <br>
   - **onReceivedHttpError(WebView view, WebResourceRequest request, WebResourceResponse errorResponse)**：
+  <br>
+  <br>
   - **onReceivedSslError(WebView view, SslErrorHandler handler, SslError error)**：
+  <br>
+  <br>
   - **WebResourceResponse	shouldInterceptRequest(WebView view, WebResourceRequest request)**：
+  <br>
   - **boolean	shouldOverrideUrlLoading(WebView view, WebResourceRequest request)**：
-
+  <br>
+  <br>
   - **onPageCommitVisible(WebView view, String url)**：
+  <br>
+  <br>
   - **onReceivedHttpAuthRequest(WebView view, HttpAuthHandler handler, String host, String realm)**：
+  <br>
+  <br>
   - **onReceivedLoginRequest(WebView view, String realm, String account, String args)**：
+  <br>
+  <br>
   - **onScaleChanged(WebView view, float oldScale, float newScale)**：
+  <br>
+  <br>
   - **boolean	shouldOverrideKeyEvent(WebView view, KeyEvent event)**：
+  <br>
+  <br>
 
 

From 1e661f4d4b6552b6c9f0c22dddbd26d5542c2ddb Mon Sep 17 00:00:00 2001
From: Junqi Ling <673161157@qq.com>
Date: Sat, 20 Aug 2016 14:18:40 +0800
Subject: [PATCH 18/39] Update 2016-08-18.html.markdown

update
---
 .middleman/source/2016-08-18.html.markdown | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/.middleman/source/2016-08-18.html.markdown b/.middleman/source/2016-08-18.html.markdown
index 7b17253..efd989c 100644
--- a/.middleman/source/2016-08-18.html.markdown
+++ b/.middleman/source/2016-08-18.html.markdown
@@ -164,7 +164,7 @@ public class MainActivity extends AppCompatActivity {
   <br>
   <br>
   <br>
-***
+  <br>
   - **setAllowFileAccess**(boolean allow)：启用或禁用WebView访问文件数据。
   <br>
   <br>
@@ -187,6 +187,7 @@ public class MainActivity extends AppCompatActivity {
   <br>
   <br>
   <br>
+  <br>
   - **setAppCacheEnabled(boolean flag)**：启用或禁用应用缓存。
   <br>
   <br>
@@ -214,6 +215,7 @@ public class MainActivity extends AppCompatActivity {
   <br>
   <br>
   <br>
+  <br>
   - **setUserAgentString(String ua)**：设置WebView的UserAgent值。
   <br>
   <br>
@@ -221,6 +223,7 @@ public class MainActivity extends AppCompatActivity {
   <br>
   <br>
   <br>
+  <br>
   - **setStandardFontFamily(String font)**：设置标准的字体族，默认“sans-serif”。
   <br>
   <br>
@@ -252,11 +255,13 @@ public class MainActivity extends AppCompatActivity {
   <br>
   <br>
   <br>
+  <br>
 以上就是一些WebSettings的常用方法，具体的使用以及一些缓存的问题会在接下来的代码以及文章中有更加直观的说明。
 
 <br>
 <br>
 <br>
+<br>
 ##WebViewClient
   
   从名字上不难理解，这个类就像WebView的委托人一样，是帮助WebView处理各种通知和请求事件的。

From 3a5200b81126df6e0715eb89143ebd10f777d014 Mon Sep 17 00:00:00 2001
From: Junqi Ling <673161157@qq.com>
Date: Sun, 21 Aug 2016 17:02:05 +0800
Subject: [PATCH 19/39] Update 2016-08-18.html.markdown

update
---
 .middleman/source/2016-08-18.html.markdown | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/.middleman/source/2016-08-18.html.markdown b/.middleman/source/2016-08-18.html.markdown
index efd989c..f7a6f2b 100644
--- a/.middleman/source/2016-08-18.html.markdown
+++ b/.middleman/source/2016-08-18.html.markdown
@@ -7,7 +7,7 @@ summary: 北京市东城区首席Bug布道师开山之作，一整月交通事
 ---
 <br><br><br>
 #WebView·开车指南
-**Tips**:由于WebView的用法实在太多，如果读者只是想查询某个功能的使用建议Ctrl+F（Commad+F）在本页面搜索关键字查找。
+**Tips**:由于WebView的用法实在太多，如果您只是想查询某个功能的使用——建议Ctrl+F（Commad+F）在本页面搜索关键字查找。Thanks for reading~！٩(♡ε♡ )۶
 <br>
   
 ## 前言
@@ -270,13 +270,16 @@ public class MainActivity extends AppCompatActivity {
   - **onLoadResource(WebView view, String url)**：该方法在加载页面资源时会回调，每一个资源（比如图片）的加载都会调用一次。
   <br>
   <br>
-  - **onPageStarted(WebView view, String url, Bitmap favicon)**：该方法在页面开始加载时回调，可以在这个时候设定一个加载的动画，告诉用户程序在等待网络的响应。
+  - **onPageStarted(WebView view, String url, Bitmap favicon)**：该方法在WebView开始加载页面且仅在***Main frame loading***（即***整页加载***）时回调，一个页面只调用一次。我们可以在这个方法里设定开启一个加载的动画，告诉用户程序在等待网络的响应。
   <br>
   <br>
-  - **onPageFinished(WebView view, String url)**：该方法在页面加载结束时调用，**理论上**可以在此时关闭加载动画，进行其他操作。___（这里有一坑，后面会进一步介绍）___
+  - **onPageFinished(WebView view, String url)**：该方法在WebView加载一个页面结束时调用（同样也只在***main frame loading***时调用），**理论上**可以在此时关闭加载动画，进行其他操作。___（这里有一坑，后面会进一步介绍）___
   <br>
   <br>
-  - **onReceivedError(WebView view, WebResourceRequest request, WebResourceError error)**：
+  - **onReceivedError(WebView view, WebResourceRequest request, WebResourceError error)**：该方法在web页面加载错误时回调，这些错误通常都是由无法与服务器正常连接引起的，最常见的就是网络问题。
+  <br>这个方法有两个地方需要注意：
+  <br>1. 这个方法只在与服务器无法正常连接时调用，类似于服务器返回错误码的那种错误，该方法是不会回调的，因为你已经和服务器正常连接上了（全怪官方文档(︶^︶)）；
+  <br>2. 这个方法是新版本的onReceivedError()方法，从API23开始引进，与旧方法onReceivedError(WebView view,int errorCode,String description,String failingUrl)不同的是，新方法在页面局部加载发生错误时也会被调用（比如页面里两个子Tab或者一张图片）。这就意味着该方法的调用频率可能会更加频繁，所以我们应该在该方法里执行尽量少的操作。
   <br>
   <br>
   - **onReceivedHttpError(WebView view, WebResourceRequest request, WebResourceResponse errorResponse)**：

From 9c1cd339c8918906ecc8ffbc61125959dc453294 Mon Sep 17 00:00:00 2001
From: Junqi Ling <673161157@qq.com>
Date: Sun, 21 Aug 2016 17:13:41 +0800
Subject: [PATCH 20/39] Update 2016-08-18.html.markdown

update
---
 .middleman/source/2016-08-18.html.markdown | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/.middleman/source/2016-08-18.html.markdown b/.middleman/source/2016-08-18.html.markdown
index f7a6f2b..614a561 100644
--- a/.middleman/source/2016-08-18.html.markdown
+++ b/.middleman/source/2016-08-18.html.markdown
@@ -270,19 +270,20 @@ public class MainActivity extends AppCompatActivity {
   - **onLoadResource(WebView view, String url)**：该方法在加载页面资源时会回调，每一个资源（比如图片）的加载都会调用一次。
   <br>
   <br>
-  - **onPageStarted(WebView view, String url, Bitmap favicon)**：该方法在WebView开始加载页面且仅在***Main frame loading***（即***整页加载***）时回调，一个页面只调用一次。我们可以在这个方法里设定开启一个加载的动画，告诉用户程序在等待网络的响应。
+  - **onPageStarted(WebView view, String url, Bitmap favicon)**：该方法在WebView开始加载页面且仅在**Main frame loading**（即***整页加载***）时回调，一个页面只调用一次。我们可以在这个方法里设定开启一个加载的动画，告诉用户程序在等待网络的响应。
   <br>
   <br>
-  - **onPageFinished(WebView view, String url)**：该方法在WebView加载一个页面结束时调用（同样也只在***main frame loading***时调用），**理论上**可以在此时关闭加载动画，进行其他操作。___（这里有一坑，后面会进一步介绍）___
+  - **onPageFinished(WebView view, String url)**：该方法在WebView加载一个页面结束时调用（同样也只在**Main frame loading**时调用），**理论上**可以在此时关闭加载动画，进行其他操作。___（这里有一坑，后面会进一步介绍）___
   <br>
   <br>
   - **onReceivedError(WebView view, WebResourceRequest request, WebResourceError error)**：该方法在web页面加载错误时回调，这些错误通常都是由无法与服务器正常连接引起的，最常见的就是网络问题。
   <br>这个方法有两个地方需要注意：
-  <br>1. 这个方法只在与服务器无法正常连接时调用，类似于服务器返回错误码的那种错误，该方法是不会回调的，因为你已经和服务器正常连接上了（全怪官方文档(︶^︶)）；
-  <br>2. 这个方法是新版本的onReceivedError()方法，从API23开始引进，与旧方法onReceivedError(WebView view,int errorCode,String description,String failingUrl)不同的是，新方法在页面局部加载发生错误时也会被调用（比如页面里两个子Tab或者一张图片）。这就意味着该方法的调用频率可能会更加频繁，所以我们应该在该方法里执行尽量少的操作。
   <br>
+  1.这个方法只在与服务器无法正常连接时调用，类似于服务器返回错误码的那种错误，该方法是不会回调的，因为你已经和服务器正常连接上了（全怪官方文档(︶^︶)）；<br>
+  2.这个方法是新版本的onReceivedError()方法，从API23开始引进，与旧方法onReceivedError(WebView view,int errorCode,String description,String failingUrl)不同的是，新方法在页面局部加载发生错误时也会被调用（比如页面里两个子Tab或者一张图片）。这就意味着该方法的调用频率可能会更加频繁，所以我们应该在该方法里执行尽量少的操作。
   <br>
-  - **onReceivedHttpError(WebView view, WebResourceRequest request, WebResourceResponse errorResponse)**：
+  <br>
+  - **onReceivedHttpError(WebView view, WebResourceRequest request, WebResourceResponse errorResponse)**：上一个方法曾说到
   <br>
   <br>
   - **onReceivedSslError(WebView view, SslErrorHandler handler, SslError error)**：

From 23d2a85f90d86bb3d0b8a82bc7c3326dc3c19d61 Mon Sep 17 00:00:00 2001
From: Junqi Ling <673161157@qq.com>
Date: Sun, 21 Aug 2016 21:34:11 +0800
Subject: [PATCH 21/39] Update 2016-08-18.html.markdown

update
---
 .middleman/source/2016-08-18.html.markdown | 28 ++++++++++++++--------
 1 file changed, 18 insertions(+), 10 deletions(-)

diff --git a/.middleman/source/2016-08-18.html.markdown b/.middleman/source/2016-08-18.html.markdown
index 614a561..6c44e86 100644
--- a/.middleman/source/2016-08-18.html.markdown
+++ b/.middleman/source/2016-08-18.html.markdown
@@ -279,35 +279,43 @@ public class MainActivity extends AppCompatActivity {
   - **onReceivedError(WebView view, WebResourceRequest request, WebResourceError error)**：该方法在web页面加载错误时回调，这些错误通常都是由无法与服务器正常连接引起的，最常见的就是网络问题。
   <br>这个方法有两个地方需要注意：
   <br>
-  1.这个方法只在与服务器无法正常连接时调用，类似于服务器返回错误码的那种错误，该方法是不会回调的，因为你已经和服务器正常连接上了（全怪官方文档(︶^︶)）；<br>
+  1.这个方法只在与服务器无法正常连接时调用，类似于服务器返回错误码的那种错误（即**HTTP ERROR**），该方法是不会回调的，因为你已经和服务器正常连接上了（全怪官方文档(︶^︶)）；<br>
   2.这个方法是新版本的onReceivedError()方法，从API23开始引进，与旧方法onReceivedError(WebView view,int errorCode,String description,String failingUrl)不同的是，新方法在页面局部加载发生错误时也会被调用（比如页面里两个子Tab或者一张图片）。这就意味着该方法的调用频率可能会更加频繁，所以我们应该在该方法里执行尽量少的操作。
   <br>
   <br>
-  - **onReceivedHttpError(WebView view, WebResourceRequest request, WebResourceResponse errorResponse)**：上一个方法曾说到
+  - **onReceivedHttpError(WebView view, WebResourceRequest request, WebResourceResponse errorResponse)**：上一个方法提到onReceivedError并不会在服务器返回错误码时被回调，那么当我们需要捕捉HTTP ERROR并进行相应操作时应该怎么办呢？**API23**便引入了该方法。当服务器返回一个HTTP ERROR并且它的status code>=400时，该方法便会回调。这个方法的作用域并不局限于Main Frame，任何资源的加载引发HTTP ERROR都会引起该方法的回调，所以我们也应该在该方法里执行尽量少的操作，只进行非常必要的错误处理等。
   <br>
   <br>
-  - **onReceivedSslError(WebView view, SslErrorHandler handler, SslError error)**：
+  - **onReceivedSslError(WebView view, SslErrorHandler handler, SslError error)**：当WebView加载某个资源引发SSL错误时会回调该方法，这时WebView要么执行handler.cancel()取消加载，要么执行handler.proceed()方法继续加载（默认为cancel）。需要注意的是，这个决定可能会被保留并在将来再次遇到SSL错误时执行同样的操作。
   <br>
   <br>
-  - **WebResourceResponse	shouldInterceptRequest(WebView view, WebResourceRequest request)**：
+  - **WebResourceResponse	shouldInterceptRequest(WebView view, WebResourceRequest request)**：当WebView需要请求某个数据时，这个方法可以拦截该请求来告知app并且允许app本身返回一个数据来替代我们原本要加载的数据。
   <br>
-  - **boolean	shouldOverrideUrlLoading(WebView view, WebResourceRequest request)**：
+  比如你对web的某个js做了本地缓存，希望在加载该js时不再去请求服务器而是可以直接读取本地缓存的js，这个方法就可以帮助你完成这个需求。你可以写一些逻辑检测这个request，并返回相应的数据，你返回的数据就会被WebView使用，如果你返回null，WebView会继续向服务器请求。
   <br>
   <br>
-  - **onPageCommitVisible(WebView view, String url)**：
+  - **boolean	shouldOverrideUrlLoading(WebView view, WebResourceRequest request)**：哈~ 终于到了这个方法，在最开始的基础演示时我们用到了这个方法。从实践中我们知道，当我们没有给WebView提供WebViewClient时，WebView如果要加载一个url会向ActivityManager寻求一个适合的处理者来加载该url（比如系统自带的浏览器），这通常是我们不想看到的。于是我们需要给WebView提供一个WebViewClient，并重写该方法返回true来告知WebView url的加载就在app中进行。这时便可以实现在app内访问网页。
   <br>
   <br>
-  - **onReceivedHttpAuthRequest(WebView view, HttpAuthHandler handler, String host, String realm)**：
   <br>
+  - **onReceivedHttpAuthRequest(WebView view, HttpAuthHandler handler, String host, String realm)**：待斟酌。
   <br>
-  - **onReceivedLoginRequest(WebView view, String realm, String account, String args)**：
   <br>
+  - **onReceivedLoginRequest(WebView view, String realm, String account, String args)**：待斟酌。
   <br>
-  - **onScaleChanged(WebView view, float oldScale, float newScale)**：
   <br>
+  - **onScaleChanged(WebView view, float oldScale, float newScale)**：当WebView得页面Scale值发生改变时回调。
   <br>
-  - **boolean	shouldOverrideKeyEvent(WebView view, KeyEvent event)**：
   <br>
+  - **boolean	shouldOverrideKeyEvent(WebView view, KeyEvent event)**：默认值为false，重写此方法并return true可以让我们在WebView内处理按键事件。
   <br>
+  <br>
+  <br>
+  <br>
+
+##WebChromeClient
+
+  WebChromeClient是一个
+
 
 

From 15b3038fb7ad22a13c04aaee8dc7d014175ad10a Mon Sep 17 00:00:00 2001
From: Junqi Ling <673161157@qq.com>
Date: Sun, 21 Aug 2016 22:03:40 +0800
Subject: [PATCH 22/39] Update 2016-08-18.html.markdown

update
---
 .middleman/source/2016-08-18.html.markdown | 90 +++++++++++++++++++++-
 1 file changed, 87 insertions(+), 3 deletions(-)

diff --git a/.middleman/source/2016-08-18.html.markdown b/.middleman/source/2016-08-18.html.markdown
index 6c44e86..9aab5e3 100644
--- a/.middleman/source/2016-08-18.html.markdown
+++ b/.middleman/source/2016-08-18.html.markdown
@@ -7,7 +7,16 @@ summary: 北京市东城区首席Bug布道师开山之作，一整月交通事
 ---
 <br><br><br>
 #WebView·开车指南
-**Tips**:由于WebView的用法实在太多，如果您只是想查询某个功能的使用——建议Ctrl+F（Commad+F）在本页面搜索关键字查找。Thanks for reading~！٩(♡ε♡ )۶
+**Tips**
+  1. 由于WebView的用法实在太多，如果您只是想查询某个功能的使用——建议Ctrl+F（Commad+F）在本页面搜索关键字查找。<br>
+  2. 文章给前半部分大多是方法的介绍，若嫌琐碎可直接拖到最后看代码演示。
+<br>
+<br>
+<br>
+**Thanks for reading~！**٩(♡ε♡ )۶
+<br>
+<br>
+<br>
 <br>
   
 ## 前言
@@ -208,6 +217,8 @@ public class MainActivity extends AppCompatActivity {
   <br>
   通常我们可以根据网络情况将这几种模式结合使用，比如有网的时候使用LOAD_DEFAULT，离线时使用LOAD_CACHE_ONLY、LOAD_CACHE_ELSE_NETWORK，让用户不至于在离线时啥都看不到。
   <br>
+  <br>
+  <br>
   - **setDatabaseEnabled(boolean flag)**：启用或禁用数据库缓存。
   <br>
   <br>
@@ -264,7 +275,7 @@ public class MainActivity extends AppCompatActivity {
 <br>
 ##WebViewClient
   
-  从名字上不难理解，这个类就像WebView的委托人一样，是帮助WebView处理各种通知和请求事件的。
+  从名字上不难理解，这个类就像WebView的委托人一样，是帮助WebView处理各种通知和请求事件的，我们可以称他为WebView的内政大臣。
 
 
   - **onLoadResource(WebView view, String url)**：该方法在加载页面资源时会回调，每一个资源（比如图片）的加载都会调用一次。
@@ -298,6 +309,7 @@ public class MainActivity extends AppCompatActivity {
   <br>
   <br>
   <br>
+  <br>
   - **onReceivedHttpAuthRequest(WebView view, HttpAuthHandler handler, String host, String realm)**：待斟酌。
   <br>
   <br>
@@ -315,7 +327,79 @@ public class MainActivity extends AppCompatActivity {
 
 ##WebChromeClient
 
-  WebChromeClient是一个
+  如果说WebViewClient是帮助WebView处理各种通知、请求事件的内政大臣的话，那么WebChromeClient就是辅助WebView处理Javascript的对话框，网站图标，网站title，加载进度等偏宏观和外部的外交大臣。
+  
+  
+  - onProgressChanged(WebView view, int newProgress)
+  <br>
+  <br>
+  <br>
+  <br>
+  - onReceivedIcon(WebView view, Bitmap icon)
+  <br>
+  <br>
+  - onReceivedTitle(WebView view, String title)
+  <br>
+  <br>
+  - onRequestFocus(WebView view)
+  <br>
+  <br>
+  <br>
+  <br>
+  - onShowCustomView(View view, WebChromeClient.CustomViewCallback callback)
+  <br>
+  <br>
+  - onHideCustomView()
+  <br>
+  <br>
+  <br>
+  <br>
+  - Bitmap getDefaultVideoPoster()
+  <br>
+  <br>
+  - View getVideoLoadingProgressView()
+  <br>
+  <br>
+  <br>
+  <br>
+  - onCloseWindow(WebView window)
+  <br>
+  <br>
+  <br>
+  <br>
+  - boolean	onConsoleMessage(ConsoleMessage consoleMessage)
+  <br>
+  <br>
+  <br>
+  <br>
+  - boolean	onJsAlert(WebView view, String url, String message, JsResult result)
+  <br>
+  <br>
+  - boolean	onJsPrompt(WebView view, String url, String message, String defaultValue, JsPromptResult result)
+  <br>
+  <br>
+  - boolean	onJsBeforeUnload(WebView view, String url, String message, JsResult result)
+  <br>
+  <br>
+  - boolean	onJsConfirm(WebView view, String url, String message, JsResult result)
+  <br>
+  <br>
+  <br>
+  <br>
+  - boolean	onShowFileChooser(WebView webView, ValueCallback<Uri[]> filePathCallback, WebChromeClient.FileChooserParams fileChooserParams)
+  <br>
+  <br>
+  <br>
+  <br>
+  - onPermissionRequest(PermissionRequest request)
+  <br>
+  <br>
+  - onPermissionRequestCanceled(PermissionRequest request)
+  <br>
+  <br>
+  <br>
+  <br>
+  
 
 
 

From 467297a89be3494341802cf785b49667fa85cbd2 Mon Sep 17 00:00:00 2001
From: Junqi Ling <673161157@qq.com>
Date: Mon, 22 Aug 2016 00:01:49 +0800
Subject: [PATCH 23/39] Update 2016-08-18.html.markdown

update
---
 .middleman/source/2016-08-18.html.markdown | 50 +++++++++-------------
 1 file changed, 21 insertions(+), 29 deletions(-)

diff --git a/.middleman/source/2016-08-18.html.markdown b/.middleman/source/2016-08-18.html.markdown
index 9aab5e3..79d811c 100644
--- a/.middleman/source/2016-08-18.html.markdown
+++ b/.middleman/source/2016-08-18.html.markdown
@@ -275,7 +275,7 @@ public class MainActivity extends AppCompatActivity {
 <br>
 ##WebViewClient
   
-  从名字上不难理解，这个类就像WebView的委托人一样，是帮助WebView处理各种通知和请求事件的，我们可以称他为WebView的内政大臣。
+  从名字上不难理解，这个类就像WebView的委托人一样，是帮助WebView处理各种通知和请求事件的，我们可以称他为WebView的“内政大臣”。
 
 
   - **onLoadResource(WebView view, String url)**：该方法在加载页面资源时会回调，每一个资源（比如图片）的加载都会调用一次。
@@ -327,79 +327,71 @@ public class MainActivity extends AppCompatActivity {
 
 ##WebChromeClient
 
-  如果说WebViewClient是帮助WebView处理各种通知、请求事件的内政大臣的话，那么WebChromeClient就是辅助WebView处理Javascript的对话框，网站图标，网站title，加载进度等偏宏观和外部的外交大臣。
+  如果说WebViewClient是帮助WebView处理各种通知、请求事件的“内政大臣”的话，那么WebChromeClient就是辅助WebView处理Javascript的对话框，网站图标，网站title，加载进度等偏外部事件的“外交大臣”。
   
   
-  - onProgressChanged(WebView view, int newProgress)
+  - onProgressChanged(WebView view, int newProgress)：当页面加载的进度发生改变时回调，用来告知主程序当前页面的加载进度。
   <br>
   <br>
   <br>
   <br>
-  - onReceivedIcon(WebView view, Bitmap icon)
+  - onReceivedIcon(WebView view, Bitmap icon)：用来接收web页面的icon，我们可以在这里将该页面的icon设置到Toolbar。
   <br>
   <br>
-  - onReceivedTitle(WebView view, String title)
+  - onReceivedTitle(WebView view, String title)：用来接收web页面的title，我们可以在这里将页面的title设置到Toolbar。
   <br>
   <br>
-  - onRequestFocus(WebView view)
   <br>
   <br>
+以下两个方法是为了支持web页面进入全屏模式而存在的（比如播放视频），如果不实现这两个方法，该web上的内容便不能进入全屏模式。<br>
+  - onShowCustomView(View view, WebChromeClient.CustomViewCallback callback)：该方法在当前页面进入全屏模式时回调，主程序必须提供一个包含当前web内容（视频 or Something）的自定义的View。
   <br>
   <br>
-  - onShowCustomView(View view, WebChromeClient.CustomViewCallback callback)
+  - onHideCustomView()：该方法在当前页面退出全屏模式时回调，主程序应在这时隐藏之前show出来的View。
   <br>
   <br>
-  - onHideCustomView()
   <br>
   <br>
+  - Bitmap getDefaultVideoPoster()：当我们的Web页面包含视频时，我们可以在HTML里为它设置一个预览图，WebView会在绘制页面时根据它的宽高为它布局。而当我们处于弱网状态下时，我们没有比较快的获取该图片，那WebView绘制页面时的gitWidth()方法就会报出空指针异常~ 于是app就crash了。。<br>
+  这时我们就需要重写该方法，在我们尚未获取web页面上的video预览图时，给予它一个本地的图片，避免空指针的发生。
   <br>
   <br>
-  - Bitmap getDefaultVideoPoster()
+  - View getVideoLoadingProgressView()：重写该方法可以在视频loading时给予一个自定义的View，可以是加载圆环 or something。
   <br>
   <br>
-  - View getVideoLoadingProgressView()
   <br>
   <br>
+  - boolean	onJsAlert(WebView view, String url, String message, JsResult result)：处理Javascript中的Alert对话框。
   <br>
   <br>
-  - onCloseWindow(WebView window)
+  - boolean	onJsPrompt(WebView view, String url, String message, String defaultValue, JsPromptResult result)：处理Javascript中的Prompt对话框。
   <br>
   <br>
+  - boolean	onJsBeforeUnload(WebView view, String url, String message, JsResult result)：待斟酌
   <br>
   <br>
-  - boolean	onConsoleMessage(ConsoleMessage consoleMessage)
+  - boolean	onJsConfirm(WebView view, String url, String message, JsResult result)：处理Javascript中的Confirm对话框
   <br>
   <br>
   <br>
   <br>
-  - boolean	onJsAlert(WebView view, String url, String message, JsResult result)
+  - boolean	onShowFileChooser(WebView webView, ValueCallback<Uri[]> filePathCallback, WebChromeClient.FileChooserParams fileChooserParams)：
   <br>
   <br>
-  - boolean	onJsPrompt(WebView view, String url, String message, String defaultValue, JsPromptResult result)
   <br>
   <br>
-  - boolean	onJsBeforeUnload(WebView view, String url, String message, JsResult result)
+  - onPermissionRequest(PermissionRequest request)：
   <br>
   <br>
-  - boolean	onJsConfirm(WebView view, String url, String message, JsResult result)
-  <br>
-  <br>
-  <br>
-  <br>
-  - boolean	onShowFileChooser(WebView webView, ValueCallback<Uri[]> filePathCallback, WebChromeClient.FileChooserParams fileChooserParams)
-  <br>
-  <br>
-  <br>
-  <br>
-  - onPermissionRequest(PermissionRequest request)
-  <br>
-  <br>
-  - onPermissionRequestCanceled(PermissionRequest request)
+  - onPermissionRequestCanceled(PermissionRequest request)：
   <br>
   <br>
   <br>
   <br>
   
+##Js与WebView交互
+
+  js与webview
 
 
 

From 474887683f0da676964721a6089336f92e7f0102 Mon Sep 17 00:00:00 2001
From: Junqi Ling <673161157@qq.com>
Date: Mon, 22 Aug 2016 19:28:01 +0800
Subject: [PATCH 24/39] Update 2016-08-18.html.markdown

update
---
 .middleman/source/2016-08-18.html.markdown | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/.middleman/source/2016-08-18.html.markdown b/.middleman/source/2016-08-18.html.markdown
index 79d811c..3683c62 100644
--- a/.middleman/source/2016-08-18.html.markdown
+++ b/.middleman/source/2016-08-18.html.markdown
@@ -281,7 +281,7 @@ public class MainActivity extends AppCompatActivity {
   - **onLoadResource(WebView view, String url)**：该方法在加载页面资源时会回调，每一个资源（比如图片）的加载都会调用一次。
   <br>
   <br>
-  - **onPageStarted(WebView view, String url, Bitmap favicon)**：该方法在WebView开始加载页面且仅在**Main frame loading**（即***整页加载***）时回调，一个页面只调用一次。我们可以在这个方法里设定开启一个加载的动画，告诉用户程序在等待网络的响应。
+  - **onPageStarted(WebView view, String url, Bitmap favicon)**：该方法在WebView开始加载页面且仅在**Main frame loading**（即***整页加载***）时回调，一次Main frame的加载只会回调该方法一次。我们可以在这个方法里设定开启一个加载的动画，告诉用户程序在等待网络的响应。
   <br>
   <br>
   - **onPageFinished(WebView view, String url)**：该方法在WebView加载一个页面结束时调用（同样也只在**Main frame loading**时调用），**理论上**可以在此时关闭加载动画，进行其他操作。___（这里有一坑，后面会进一步介绍）___
@@ -375,21 +375,21 @@ public class MainActivity extends AppCompatActivity {
   <br>
   <br>
   <br>
-  - boolean	onShowFileChooser(WebView webView, ValueCallback<Uri[]> filePathCallback, WebChromeClient.FileChooserParams fileChooserParams)：
+  - boolean	onShowFileChooser(WebView webView, ValueCallback<Uri[]> filePathCallback, WebChromeClient.FileChooserParams fileChooserParams)：该方法在用户进行了web上某个需要上传文件的操作时回调。我们应该在这里打开一个文件选择器，如果要取消这个请求我们可以调用***filePathCallback.onReceiveValue(null)***并返回***true***。
   <br>
   <br>
   <br>
   <br>
-  - onPermissionRequest(PermissionRequest request)：
+  - onPermissionRequest(PermissionRequest request)：该方法在web页面请求某个尚未被允许或拒绝的权限时回调，主程序在此时调用***grant(String [])***或***deny()***方法。如果该方法没有被重写，则默认拒绝web页面请求的权限。
   <br>
   <br>
-  - onPermissionRequestCanceled(PermissionRequest request)：
+  - onPermissionRequestCanceled(PermissionRequest request)：该方法在web权限申请权限被取消时回调，这时应该隐藏任何与之相关的UI界面。
   <br>
   <br>
   <br>
   <br>
   
-##Js与WebView交互
+##Js与WebVipew交互
 
   js与webview
 

From 4d0967fd86b55ebcb5bdae937fc6c48ecd08dbfe Mon Sep 17 00:00:00 2001
From: Junqi Ling <673161157@qq.com>
Date: Mon, 22 Aug 2016 20:52:54 +0800
Subject: [PATCH 25/39] Update 2016-08-18.html.markdown

update
---
 .middleman/source/2016-08-18.html.markdown | 68 +++++++++++++++++++++-
 1 file changed, 65 insertions(+), 3 deletions(-)

diff --git a/.middleman/source/2016-08-18.html.markdown b/.middleman/source/2016-08-18.html.markdown
index 3683c62..bb26f7c 100644
--- a/.middleman/source/2016-08-18.html.markdown
+++ b/.middleman/source/2016-08-18.html.markdown
@@ -31,8 +31,9 @@ summary: 北京市东城区首席Bug布道师开山之作，一整月交通事
   3. WebSettings
   4. WebViewClient
   5. WebChromeClient
-  6. WebView加载优化
-  7. 上路
+  6. JavaScript与WebView交互
+  7. WebView加载优化
+  8. 上路
 
 <br>  
 ## WebView简介
@@ -391,7 +392,68 @@ public class MainActivity extends AppCompatActivity {
   
 ##Js与WebVipew交互
 
-  js与webview
+  既然嗨鸟应用大行其道，那么毫无疑问Android与JavaScript的交互我们也必须了解清楚，下面来介绍一下JavaScript与Android是如何互相调用的。
+  <br>
+  <br>
+  
+###利用WebView调用网页上的JavaScript代码
+  
+  在WebView中调用Js的基本格式为**webView.loadUrl("javascript:methodName(parameterValues)");**
+  <br>
+  <br>
+  **现有以下这段JavaScript代码**
+  ```JavaScript
+  <script type="text/javascript">
+      function readyToGo() {
+          alert("Hello")
+      }
+  
+      function alertMessage(message) {
+          alert(message)
+      }
+  
+      function getYourCar(){
+          return "Car";
+      }
+  </script>
+  ```
+  <br>
+####1. WebView调用JavaScript无参无返回值函数
+
+  ```Java
+  String call = "javascript:readyToGo()";
+  webView.loadUrl(call);
+  ```
+  <br>
+####2. WebView调用JavScript有参无返回值函数
+
+  ```Java
+  String call = "javascript:alertMessage(\"" + "content" + "\")";
+  webView.loadUrl(call);
+  ```
+  <br>
+####3. WebView调用JavaScript有参数有返回值的函数
+  
+  ```Java
+  @TargetApi(Build.VERSION_CODES.KITKAT)
+    private void evaluateJavaScript(WebView webView){
+        webView.evaluateJavascript("getYourCar()", new ValueCallback<String>() {
+            @Override
+            public void onReceiveValue(String s) {
+                Log.d("findCar",s);
+            }
+        });
+    }
+  ```
+  
+  <br>
+  <br>
+
+
+###JavaScript通过WebView调用Java代码
+
+  快快快快快快快
+
 
 
 

From 04367c3ce10860dd50e351503dff0f30e2ad7487 Mon Sep 17 00:00:00 2001
From: Junqi Ling <673161157@qq.com>
Date: Mon, 22 Aug 2016 21:50:41 +0800
Subject: [PATCH 26/39] Update 2016-08-18.html.markdown

update
---
 .middleman/source/2016-08-18.html.markdown | 48 ++++++++++++++++------
 1 file changed, 36 insertions(+), 12 deletions(-)

diff --git a/.middleman/source/2016-08-18.html.markdown b/.middleman/source/2016-08-18.html.markdown
index bb26f7c..7befd16 100644
--- a/.middleman/source/2016-08-18.html.markdown
+++ b/.middleman/source/2016-08-18.html.markdown
@@ -436,14 +436,14 @@ public class MainActivity extends AppCompatActivity {
   
   ```Java
   @TargetApi(Build.VERSION_CODES.KITKAT)
-    private void evaluateJavaScript(WebView webView){
-        webView.evaluateJavascript("getYourCar()", new ValueCallback<String>() {
-            @Override
-            public void onReceiveValue(String s) {
-                Log.d("findCar",s);
-            }
-        });
-    }
+  private void evaluateJavaScript(WebView webView){
+      webView.evaluateJavascript("getYourCar()", new ValueCallback<String>() {
+          @Override
+          public void onReceiveValue(String s) {
+              Log.d("findCar",s);
+          }
+      });
+  }
   ```
   
   <br>
@@ -452,8 +452,32 @@ public class MainActivity extends AppCompatActivity {
 
 ###JavaScript通过WebView调用Java代码
 
-  快快快快快快快
-
-
-
+  从API19开始，Android提供了@JavascriptInterface对象注解的方式来建立起Javascript对象和Android原生对象的绑定，提供给JavScript调用的函数必须带有@JavascriptInterface。
 
+  **演示一 JavaScript调用Android Toast方法**
+  
+  **1. 编写Java原生方法并用使用@JavascriptInterface注解**
+  ```Java
+  @JavascriptInterface
+  public void show(String s){
+      Toast.makeText(getApplication(), s, Toast.LENGTH_SHORT).show();
+  }
+  ```
+  <br>
+  **2.注册JavaScriptInterface**
+  ```Java
+  webView.addJavascriptInterface(this, "android");
+  ```
+  **addJavascriptInterface的作用是把this所代表的类映射为JavaScript中的android对象。**
+  
+  <br>
+  **3.编写JavaScript代码**
+  ```JavaScript
+  function toastClick(){
+      window.android.show("JavaScript called~!");
+  }
+  ```
+<br>
+<br>
+  演示二 JavaS
+  

From bd34f3cbb65869fc2a3ded00894d2abd3e8580dc Mon Sep 17 00:00:00 2001
From: Junqi Ling <673161157@qq.com>
Date: Sun, 28 Aug 2016 21:58:51 +0800
Subject: [PATCH 27/39] Update 2016-08-18.html.markdown

update
---
 .middleman/source/2016-08-18.html.markdown | 33 +++++++++++++++++++++-
 1 file changed, 32 insertions(+), 1 deletion(-)

diff --git a/.middleman/source/2016-08-18.html.markdown b/.middleman/source/2016-08-18.html.markdown
index 7befd16..180de1c 100644
--- a/.middleman/source/2016-08-18.html.markdown
+++ b/.middleman/source/2016-08-18.html.markdown
@@ -479,5 +479,36 @@ public class MainActivity extends AppCompatActivity {
   ```
 <br>
 <br>
-  演示二 JavaS
+**演示二 JavaScript调用有返回值的Java方法**
+
+  **1.定义一个带返回值的Java方法，并使用@JavaInterface：**
+  ```Java
+    @JavaInterface
+    public String getMessage(){
+        return "Hello,boy~";
+    }
+  ```
+  
+  **2.添加JavaScript的映射**
+  ```Java
+    webView.addJavaScriptInterface(this,"Android");
+  ```
+  
+  **3.通过JavaScript调用Java方法**
+  ```JavaScript
+  function showHello(){
+      var str=window.Android.getMessage();
+      console.log(str);
+  }
+ ```
+ 
+ 以上就是Js与WebView交互的一些介绍，希望能对你有帮助。
+ <br>
+ <br>
+##WebView加载优化
+ 
+  按时打卡大量空间啊
+ 
+ 
+ 
   

From ed6e961209bae3ba7a32c00986c5fcbfd467c559 Mon Sep 17 00:00:00 2001
From: Junqi Ling <673161157@qq.com>
Date: Mon, 29 Aug 2016 00:41:49 +0800
Subject: [PATCH 28/39] Update 2016-08-18.html.markdown

update
---
 .middleman/source/2016-08-18.html.markdown | 112 +++++++++++++++++++--
 1 file changed, 103 insertions(+), 9 deletions(-)

diff --git a/.middleman/source/2016-08-18.html.markdown b/.middleman/source/2016-08-18.html.markdown
index 180de1c..b9e3b40 100644
--- a/.middleman/source/2016-08-18.html.markdown
+++ b/.middleman/source/2016-08-18.html.markdown
@@ -28,14 +28,16 @@ summary: 北京市东城区首席Bug布道师开山之作，一整月交通事
 
   1. WebView简介
   2. WebView基本使用
-  3. WebSettings
-  4. WebViewClient
-  5. WebChromeClient
-  6. JavaScript与WebView交互
-  7. WebView加载优化
-  8. 上路
+  3. WebView常用方法
+  4. WebSettings
+  5. WebViewClient
+  6. WebChromeClient
+  7. JavaScript与WebView交互
+  8. WebView加载优化
+  9. 驾照考试
+  10. 上路
+  
 
-<br>  
 ## WebView简介
   
   为了方便开发者实现在app内展示网页并与网页交互的需求，Android SDK提供了WebView组件。<br>它继承自AbsoluteLayout，展示网页的同时，也可以在其中放入其他的子View。<br>
@@ -44,7 +46,7 @@ summary: 北京市东城区首席Bug布道师开山之作，一整月交通事
   [Migrating to WebView in Android 4.4](https://developer.android.com/guide/webapps/migrating.html)<br><br>
   在WebView中，有几个地方是我们可以使用来定制我们的WebView各种行为的，分别是：**WebSettings**、**JavaScriptInterface**、**WebViewClient**以及**WebChromeClient**。这些我都会在接下来的文章中一一介绍。
 <br><br>
-##WebView基本使用
+## WebView基本使用
   
   下面简单介绍下WebView的基本使用：
   首先新建一个工程，在layout文件里放入一个WebView控件（当然也可以通过Java代码动态放入，这里不演示了）
@@ -152,6 +154,98 @@ public class MainActivity extends AppCompatActivity {
   <br>
   <br>
   
+## WebView简介
+  
+  接下来再介绍一些WebView的常用方法，具体演示会在后面章节的代码里统一展示。
+  
+  <br>
+  <br>
+    - String **getUrl**()：获取当前页面的URL。
+  <br>
+  <br>
+    - **reload**()：重新reload当前的URL，即刷新。
+  <br>
+  <br>  
+  <br>
+  <br>
+    - boolean **canGoBack**()：用来确认WebView的历史记录里是否还有页面。通常我们会在WebView里重写返回键的点击事件，通过该方法判断WebView里是否还有历史记录，若有则返回上一页。
+  <br>
+  <br>
+    - boolean **canGoForward**()：用来确认WebView是否有向前的历史记录。
+  <br>
+  <br>
+    - boolean **canGoBackOrForward**(int steps)：以当前的页面为起始点，用来确认WebView的历史记录是否足以后退或前进给定的步数，正数为前进，负数为后退。
+  <br>
+  <br>
+    - **goBack**()：在WebView历史记录后退到上一项。
+  <br>
+  <br>
+    - **goForward**()：在WebView历史记录里前进到下一项。
+  <br>
+  <br>
+    - **goBackOrForward**(int steps)：以当前页面为起始点，前进或后退历史记录中指定的步数，正数为前进，负数为后退。
+  <br>
+  <br>
+  <br>
+  <br>
+    - **clearCache**(boolean includeDiskFiles)：清空网页访问留下的缓存数据。需要注意的时，由于缓存是全局的，所以只要是WebView用到的缓存都会被清空，即便其他地方也会使用到。该方法接受一个参数，从命名即可看出作用。若设为false，则只清空内存里的资源缓存，而不清空磁盘里的。
+  <br>
+  <br>
+    - **clearHistory**()：清除当前webview访问的历史记录。
+  <br>
+  <br>
+    - **clearFormData**()：清除自动完成填充的表单数据。需要注意的是，该方法仅仅清楚**当前表单域自动完成填充的表单数据**，并不会清除WebView存储到本地的数据。
+  <br>
+  <br>
+  <br>
+  <br>
+    - **onPause**()：当页面被失去焦点被切换到后台不可见状态，需要执行onPause操作，该操作会通知内核安全地暂停所有动作，比如动画的执行或定位的获取等。需要注意的是该方法并不会暂停JavaScript的执行，若要暂停JavaScript的执行请使用接下来的这个方法。
+  <br>
+  <br>
+    - **onResume**()：在先前调用***onPause()***后，我们可以调用该方法来恢复WebView的运行。
+  <br>
+  <br>
+    - **pauseTimers**()：该方法面向全局整个应用程序的webview，它会暂停所有webview的layout，parsing，JavaScript Timer。当程序进入后台时，该方法的调用可以降低CPU功耗。
+  <br>
+  <br>
+    - **resumeTimers**()：恢复pauseTimers时的所有操作。
+  <br>
+  <br>
+    - **destroy**()：销毁WebView。需要注意的是：这个方法的调用应在WebView从父容器中被remove掉之后。我们可以手动地调用
+  ```Java
+    rootLayout.removeView(webView);
+    webView.destroy();
+  ```
+  
+  <br>
+  <br>
+  <br>
+  <br>
+    - **getScrollY**()：该方法返回的当前可见区域的顶端距整个页面顶端的距离，也就是当前内容滚动的距离。
+  <br>
+  <br>
+    - **getHeight**()：方法都返回当前WebView这个容器的高度。其实以上两个方法都属于View。
+  <br>
+  <br>
+    - **getContentHeight**()：该方法返回整个HTML页面的高度，但该高度值并不等同于当前整个页面的高度，因为WebView有缩放功能， 所以当前整个页面的高度实际上应该是原始HTML的高度再乘上缩放比例。因此，准确的判断方法应该是
+  ```Java
+    if (webView.getContentHeight() * webView.getScale() == (webView.getHeight() + webView.getScrollY())) {
+        //已经处于底端
+    }
+    
+    if(webView.getScrollY() == 0){
+        //处于顶端
+    }
+```
+  <br>
+  <br>
+    - **pageUp**()：待斟酌。
+  <br>
+  <br>
+    - **pageDown**()：待斟酌。
+  <br>
+  <br>
+  
   <br>
 ##WebSettings
 
@@ -161,7 +255,7 @@ public class MainActivity extends AppCompatActivity {
 ###获取WebSettings对象
   
   ```Java
-  WebSettings webSettings = webView.getSettings();
+    WebSettings webSettings = webView.getSettings();
   ```
   <br>
 ###WebSettings常用方法

From 3964255cb0e3d1f646d78bfe36c1ddfad33726bf Mon Sep 17 00:00:00 2001
From: Junqi Ling <673161157@qq.com>
Date: Mon, 29 Aug 2016 21:05:18 +0800
Subject: [PATCH 29/39] 2016-08-30.html.markdown

update
---
 .middleman/source/2016-08-18.html.markdown | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/.middleman/source/2016-08-18.html.markdown b/.middleman/source/2016-08-18.html.markdown
index b9e3b40..22c0ffc 100644
--- a/.middleman/source/2016-08-18.html.markdown
+++ b/.middleman/source/2016-08-18.html.markdown
@@ -168,10 +168,10 @@ public class MainActivity extends AppCompatActivity {
   <br>  
   <br>
   <br>
-    - boolean **canGoBack**()：用来确认WebView的历史记录里是否还有页面。通常我们会在WebView里重写返回键的点击事件，通过该方法判断WebView里是否还有历史记录，若有则返回上一页。
+    - boolean **canGoBack**()：用来确认WebView里是否还有可回退的历史记录。通常我们会在WebView里重写返回键的点击事件，通过该方法判断WebView里是否还有历史记录，若有则返回上一页。
   <br>
   <br>
-    - boolean **canGoForward**()：用来确认WebView是否有向前的历史记录。
+    - boolean **canGoForward**()：用来确认WebView是否还有可向前的历史记录。
   <br>
   <br>
     - boolean **canGoBackOrForward**(int steps)：以当前的页面为起始点，用来确认WebView的历史记录是否足以后退或前进给定的步数，正数为前进，负数为后退。
@@ -194,7 +194,7 @@ public class MainActivity extends AppCompatActivity {
     - **clearHistory**()：清除当前webview访问的历史记录。
   <br>
   <br>
-    - **clearFormData**()：清除自动完成填充的表单数据。需要注意的是，该方法仅仅清楚**当前表单域自动完成填充的表单数据**，并不会清除WebView存储到本地的数据。
+    - **clearFormData**()：清除自动完成填充的表单数据。需要注意的是，该方法仅仅清除**当前表单域自动完成填充的表单数据**，并不会清除WebView存储到本地的数据。
   <br>
   <br>
   <br>
@@ -379,7 +379,7 @@ public class MainActivity extends AppCompatActivity {
   - **onPageStarted(WebView view, String url, Bitmap favicon)**：该方法在WebView开始加载页面且仅在**Main frame loading**（即***整页加载***）时回调，一次Main frame的加载只会回调该方法一次。我们可以在这个方法里设定开启一个加载的动画，告诉用户程序在等待网络的响应。
   <br>
   <br>
-  - **onPageFinished(WebView view, String url)**：该方法在WebView加载一个页面结束时调用（同样也只在**Main frame loading**时调用），**理论上**可以在此时关闭加载动画，进行其他操作。___（这里有一坑，后面会进一步介绍）___
+  - **onPageFinished(WebView view, String url)**：该方法只在WebView完成一个页面加载时调用一次（同样也只在**Main frame loading**时调用），我们可以可以在此时关闭加载动画，进行其他操作。
   <br>
   <br>
   - **onReceivedError(WebView view, WebResourceRequest request, WebResourceError error)**：该方法在web页面加载错误时回调，这些错误通常都是由无法与服务器正常连接引起的，最常见的就是网络问题。
@@ -600,8 +600,11 @@ public class MainActivity extends AppCompatActivity {
  <br>
  <br>
 ##WebView加载优化
- 
-  按时打卡大量空间啊
+
+###1. 案件打卡机
+
+###2. 啦啦啦
+  大家刻录机卡顿
  
  
  

From 54746c7d94c8000d78e249f3ef30b1ff07674862 Mon Sep 17 00:00:00 2001
From: Junqi Ling <673161157@qq.com>
Date: Mon, 29 Aug 2016 22:26:05 +0800
Subject: [PATCH 30/39] Rename 2016-08-18.html.markdown to
 2016-08-30.html.markdown

Rename
---
 .../source/{2016-08-18.html.markdown => 2016-08-30.html.markdown} | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 rename .middleman/source/{2016-08-18.html.markdown => 2016-08-30.html.markdown} (100%)

diff --git a/.middleman/source/2016-08-18.html.markdown b/.middleman/source/2016-08-30.html.markdown
similarity index 100%
rename from .middleman/source/2016-08-18.html.markdown
rename to .middleman/source/2016-08-30.html.markdown

From 2799d8b70361a362834abe166371beb422c8f948 Mon Sep 17 00:00:00 2001
From: Junqi Ling <673161157@qq.com>
Date: Mon, 29 Aug 2016 23:34:01 +0800
Subject: [PATCH 31/39] Update 2016-08-30.html.markdown

update
---
 .middleman/source/2016-08-30.html.markdown | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/.middleman/source/2016-08-30.html.markdown b/.middleman/source/2016-08-30.html.markdown
index 22c0ffc..149ac16 100644
--- a/.middleman/source/2016-08-30.html.markdown
+++ b/.middleman/source/2016-08-30.html.markdown
@@ -601,9 +601,21 @@ public class MainActivity extends AppCompatActivity {
  <br>
 ##WebView加载优化
 
-###1. 案件打卡机
+当WebView的使用频率变得频繁的时候，对于其各方面的优化就变得逐渐重要了起来。可以知道的是，我们每加载一个 H5页面，都会有很多的请求。除了HTML主URL自身的请求外，HTML外部引用的 JS、CSS、字体文件、图片都是一个个独立的HTTP 请求，每一个请求都是串行的（可能有连接复用）。这么多请求串起来，再加上浏览器解析、渲染的时间，Web 整体的加载时间变得较长。同时请求文件越多，消耗的流量也会越多。那么对于加载的优化就变得非常重要，这方面的经验我也没有什么别的，大概三个方面：
 
-###2. 啦啦啦
+<br>
+###一个，就是资源本地化的问题
+首先可以明确的是，以目前的网络条件，通过网络去服务器获取资源的速度是远远比不上从本地读取的。所以我们的思路一，就是将一些较重的资源比如js、css、图片等进行本地化处理，在每次加载到这些资源的时候，从本地读取进行加载，可以简单记忆为**“存·取·更”**。
+
+具体实现思路为：
+  1. **“存”**——将上述重量级资源打包进apk文件，每次加载相应文件时时从本地取即可。也可不打包，在第一次加载时以及接下来的若干间隔时间里动态下载存储；
+  2. **“取”**——重写WebViewClient的***WebResourceResponse	shouldInterceptRequest***(WebView view, WebResourceRequest request)方法，通过一定的判别方法（例如正则表达式）拦截相应的请求，从本地读取相应资源并返回；
+  3. **“更”**——建立起Cache Control机制，定期或使用API通知的形式控制本地资源的更新，保证本地资源是最新和可用的。
+  
+这里附上一篇博客链接，非常棒可供参考：[caching-web-resources-in-the-android-device](http://tutorials.jenkov.com/android/android-web-apps-using-android-webview.html#caching-web-resources-in-the-android-device)  
+
+<br>
+###第二个，就是
   大家刻录机卡顿
  
  

From c20228a533fe29d2eff0c2b5f372f2407c802f4d Mon Sep 17 00:00:00 2001
From: Junqi Ling <673161157@qq.com>
Date: Tue, 30 Aug 2016 00:34:13 +0800
Subject: [PATCH 32/39] Update 2016-08-30.html.markdown

not finish yet
---
 .middleman/source/2016-08-30.html.markdown | 64 ++++++++++++++++++++--
 1 file changed, 58 insertions(+), 6 deletions(-)

diff --git a/.middleman/source/2016-08-30.html.markdown b/.middleman/source/2016-08-30.html.markdown
index 149ac16..c7ceb58 100644
--- a/.middleman/source/2016-08-30.html.markdown
+++ b/.middleman/source/2016-08-30.html.markdown
@@ -605,19 +605,71 @@ public class MainActivity extends AppCompatActivity {
 
 <br>
 ###一个，就是资源本地化的问题
-首先可以明确的是，以目前的网络条件，通过网络去服务器获取资源的速度是远远比不上从本地读取的。所以我们的思路一，就是将一些较重的资源比如js、css、图片等进行本地化处理，在每次加载到这些资源的时候，从本地读取进行加载，可以简单记忆为**“存·取·更”**。
+首先可以明确的是，以目前的网络条件，通过网络去服务器获取资源的速度是远远比不上从本地读取的。谈论各种优化策略其实恰恰忽略了“需要加载”才是阻挡速度提升的最大绊脚石。所以我们的思路一，就是将一些较重的资源比如js、css、图片甚至HTML本身进行本地化处理，在每次加载到这些资源的时候，从本地读取进行加载，可以简单记忆为**“存·取·更”**。
 
 具体实现思路为：
-  1. **“存”**——将上述重量级资源打包进apk文件，每次加载相应文件时时从本地取即可。也可不打包，在第一次加载时以及接下来的若干间隔时间里动态下载存储；
+  1. **“存”**——将上述重量级资源打包进apk文件，每次加载相应文件时时从本地取即可。也可不打包，在第一次加载时以及接下来的若干间隔时间里动态下载存储，将所有的资源文件都存在Android的asset目录下；
   2. **“取”**——重写WebViewClient的***WebResourceResponse	shouldInterceptRequest***(WebView view, WebResourceRequest request)方法，通过一定的判别方法（例如正则表达式）拦截相应的请求，从本地读取相应资源并返回；
   3. **“更”**——建立起Cache Control机制，定期或使用API通知的形式控制本地资源的更新，保证本地资源是最新和可用的。
   
 这里附上一篇博客链接，非常棒可供参考：[caching-web-resources-in-the-android-device](http://tutorials.jenkov.com/android/android-web-apps-using-android-webview.html#caching-web-resources-in-the-android-device)  
 
 <br>
-###第二个，就是
-  大家刻录机卡顿
- 
- 
+###第二个，就是缓存的问题
+倘若你不采用或不完全采用第一条资源本地化的思路，那么你的WebView缓存是必须要开启的（虽然这一思路和第一条有重合的地方）。
+  ```Java
+    WebSettings settings = webView.getSettings();
+    settings.setAppCacheEnabled(true);
+    settings.setDatabaseEnabled(true);
+    settings.setDomStorageEnabled(true);//开启DOM缓存
+    settings.setCacheMode(WebSettings.LOAD_DEFAULT);
+  ```
+在网络正常时，采用默认缓存策略，在缓存可获取并且没有过期的情况下加载缓存，否则通过网络获取资源以减少页面的网络请求次数。
+<br>
+这里值得提起的是，我们经常在app里用WebView展示页面时，并不想让用户觉得他是在访问一个网页。因为倘若我们的app里网页非常多，而我们给用户的感觉又都像在访问网页的话，我们的app便失去了意义。（我的意思是为什么用户不直接使用浏览器呢？）
+<br>
+所以这时，离线缓存的问题就值得我们注意。我们需要让用户在没有网的时候，依然能够操作我们的app，而不是面对一个和浏览器里的网络错误一样的页面，哪怕他能进行的操作十分有限。
+<br>
+这里我的思路是，在开启缓存的前提下，WebView在加载页面时检测网络变化，倘若在加载页面时用户的网络突然断掉，我们应当更改WebView的缓存策略。
+  ```Java
+    ConnectivityManager connectivityManager = (ConnectivityManager)getSystemService(Context.CONNECTIVITY_SERVICE);
+    NetworkInfo networkInfo = connectivityManager.getActiveNetworkInfo();
+    if(networkInfo.isAvailable()) {
+        settings.setCacheMode(WebSettings.LOAD_DEFAULT);//网络正常时使用默认缓存策略
+    } else {
+        settings.setCacheMode(WebSettings.LOAD_CACHE_ONLY);//网络不可用时只加载缓存
+    }
+  ```
+
+既然有缓存，就要有缓存控制，与一相似的是我们也要建立缓存控制机制，定期或接受服务器通知来进行缓存的清空或更新。
+
+<br>
+###第三个，就是延迟加载和执行js
+  在WebView中，onPageFinished()的回调意味着页面加载的完成。但该方法会在JavScript脚本执行完成后才会触发，倘若我们要加载的页面使用了JQuery，会在处理完DOM对象，执行完$(document).ready(function() {})后才会渲染并显示页面。这是不可接受的，所以我们需要对Js进行延迟加载，当然这部分是Web前端的工作。
  
+ <br>
+ ###最后
+如果说还有什么我知道的但没提到的话那就是JsBridge一律不得滥用，这个对页面加载的完成速度是有很大影响的。同时要注意的是，不管你是否对资源进行缓存，都请将资源在服务器端进行压缩。因为无论是资源的获取和更新，都是要从服务器获取的，所以对于资源文件的压缩其实是最直接也最应该做的事情之一，但是一般服务器端都会做好，所以主要就是上面这三件事。
+ <br>
+ <br>
+##驾照考试
+
+介绍了这么多，希望能对你有点帮助。接下来时纯实战时间，我会将上面所介绍的很多知识点在接下来的代码里实际应用一遍，希望能够带给你更加直观的使用感受。
+
+  ```Java
+    public class WebViewTestActivity{
+        
+        @Override
+        public void onCreate(){
+            lalala
+        }
+    }
+  ```
+  效果图：
+  <br>
+  <img src="https://cloud.githubusercontent.com/assets/12692071/17649176/5ffb5b44-6260-11e6-84dc-2ac41be1b858.gif" width="300" height="550" />
+  <br>
+  <br>
+##上路
+  好了，到此为止你已阅读完所有的指南。
   

From 54f0dd48a410ca1afa3dede419e22b0a477fec16 Mon Sep 17 00:00:00 2001
From: Junqi Ling <673161157@qq.com>
Date: Tue, 30 Aug 2016 00:37:07 +0800
Subject: [PATCH 33/39] Update 2016-08-30.html.markdown

update
---
 .middleman/source/2016-08-30.html.markdown | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/.middleman/source/2016-08-30.html.markdown b/.middleman/source/2016-08-30.html.markdown
index c7ceb58..929db7a 100644
--- a/.middleman/source/2016-08-30.html.markdown
+++ b/.middleman/source/2016-08-30.html.markdown
@@ -648,8 +648,9 @@ public class MainActivity extends AppCompatActivity {
   在WebView中，onPageFinished()的回调意味着页面加载的完成。但该方法会在JavScript脚本执行完成后才会触发，倘若我们要加载的页面使用了JQuery，会在处理完DOM对象，执行完$(document).ready(function() {})后才会渲染并显示页面。这是不可接受的，所以我们需要对Js进行延迟加载，当然这部分是Web前端的工作。
  
  <br>
- ###最后
-如果说还有什么我知道的但没提到的话那就是JsBridge一律不得滥用，这个对页面加载的完成速度是有很大影响的。同时要注意的是，不管你是否对资源进行缓存，都请将资源在服务器端进行压缩。因为无论是资源的获取和更新，都是要从服务器获取的，所以对于资源文件的压缩其实是最直接也最应该做的事情之一，但是一般服务器端都会做好，所以主要就是上面这三件事。
+###如果说还有什么
+ 
+那就是JsBridge一律不得滥用，这个对页面加载的完成速度是有很大影响的。同时要注意的是，不管你是否对资源进行缓存，都请将资源在服务器端进行压缩。因为无论是资源的获取和更新，都是要从服务器获取的，所以对于资源文件的压缩其实是最直接也最应该做的事情之一，但是一般服务器端都会做好，所以主要就是上面这三件事。
  <br>
  <br>
 ##驾照考试

From d2aa679841ec753f669a516ac6fb29a45b80b3c2 Mon Sep 17 00:00:00 2001
From: Junqi Ling <673161157@qq.com>
Date: Tue, 30 Aug 2016 11:01:36 +0800
Subject: [PATCH 34/39] Update 2016-08-30.html.markdown

update
---
 .middleman/source/2016-08-30.html.markdown | 97 +++++++++++++---------
 1 file changed, 60 insertions(+), 37 deletions(-)

diff --git a/.middleman/source/2016-08-30.html.markdown b/.middleman/source/2016-08-30.html.markdown
index 929db7a..3ad650c 100644
--- a/.middleman/source/2016-08-30.html.markdown
+++ b/.middleman/source/2016-08-30.html.markdown
@@ -22,7 +22,9 @@ summary: 北京市东城区首席Bug布道师开山之作，一整月交通事
 ## 前言
 
   喝酒不开车，开车不喝酒。
-
+<br>
+<br>
+  
 <br>
 ## 目录
 
@@ -36,8 +38,10 @@ summary: 北京市东城区首席Bug布道师开山之作，一整月交通事
   8. WebView加载优化
   9. 驾照考试
   10. 上路
+<br>
+<br>
   
-
+<br>
 ## WebView简介
   
   为了方便开发者实现在app内展示网页并与网页交互的需求，Android SDK提供了WebView组件。<br>它继承自AbsoluteLayout，展示网页的同时，也可以在其中放入其他的子View。<br>
@@ -45,7 +49,10 @@ summary: 北京市东城区首席Bug布道师开山之作，一整月交通事
   不过有几点改变需要注意，但我尝试着翻译了下，发现还是英文原文说得好，所以我贴链接吧~~~<br>
   [Migrating to WebView in Android 4.4](https://developer.android.com/guide/webapps/migrating.html)<br><br>
   在WebView中，有几个地方是我们可以使用来定制我们的WebView各种行为的，分别是：**WebSettings**、**JavaScriptInterface**、**WebViewClient**以及**WebChromeClient**。这些我都会在接下来的文章中一一介绍。
-<br><br>
+<br>
+<br>
+  
+<br>
 ## WebView基本使用
   
   下面简单介绍下WebView的基本使用：
@@ -151,9 +158,10 @@ public class MainActivity extends AppCompatActivity {
   效果图：
   <br>
   <img src="https://cloud.githubusercontent.com/assets/12692071/17649176/5ffb5b44-6260-11e6-84dc-2ac41be1b858.gif" width="300" height="550" />
-  <br>
-  <br>
+<br>
+<br>
   
+<br>
 ## WebView简介
   
   接下来再介绍一些WebView的常用方法，具体演示会在后面章节的代码里统一展示。
@@ -363,10 +371,9 @@ public class MainActivity extends AppCompatActivity {
   <br>
   <br>
 以上就是一些WebSettings的常用方法，具体的使用以及一些缓存的问题会在接下来的代码以及文章中有更加直观的说明。
-
-<br>
 <br>
 <br>
+  
 <br>
 ##WebViewClient
   
@@ -415,75 +422,73 @@ public class MainActivity extends AppCompatActivity {
   <br>
   <br>
   - **boolean	shouldOverrideKeyEvent(WebView view, KeyEvent event)**：默认值为false，重写此方法并return true可以让我们在WebView内处理按键事件。
-  <br>
-  <br>
-  <br>
-  <br>
-
+<br>
+<br>
+  
+<br>
 ##WebChromeClient
 
   如果说WebViewClient是帮助WebView处理各种通知、请求事件的“内政大臣”的话，那么WebChromeClient就是辅助WebView处理Javascript的对话框，网站图标，网站title，加载进度等偏外部事件的“外交大臣”。
   
   
-  - onProgressChanged(WebView view, int newProgress)：当页面加载的进度发生改变时回调，用来告知主程序当前页面的加载进度。
+  - **onProgressChanged(WebView view, int newProgress)**：当页面加载的进度发生改变时回调，用来告知主程序当前页面的加载进度。
   <br>
   <br>
   <br>
   <br>
-  - onReceivedIcon(WebView view, Bitmap icon)：用来接收web页面的icon，我们可以在这里将该页面的icon设置到Toolbar。
+  - **onReceivedIcon(WebView view, Bitmap icon)**：用来接收web页面的icon，我们可以在这里将该页面的icon设置到Toolbar。
   <br>
   <br>
-  - onReceivedTitle(WebView view, String title)：用来接收web页面的title，我们可以在这里将页面的title设置到Toolbar。
+  - **onReceivedTitle(WebView view, String title)**：用来接收web页面的title，我们可以在这里将页面的title设置到Toolbar。
   <br>
   <br>
   <br>
   <br>
 以下两个方法是为了支持web页面进入全屏模式而存在的（比如播放视频），如果不实现这两个方法，该web上的内容便不能进入全屏模式。<br>
-  - onShowCustomView(View view, WebChromeClient.CustomViewCallback callback)：该方法在当前页面进入全屏模式时回调，主程序必须提供一个包含当前web内容（视频 or Something）的自定义的View。
+  - **onShowCustomView(View view, WebChromeClient.CustomViewCallback callback)**：该方法在当前页面进入全屏模式时回调，主程序必须提供一个包含当前web内容（视频 or Something）的自定义的View。
   <br>
   <br>
-  - onHideCustomView()：该方法在当前页面退出全屏模式时回调，主程序应在这时隐藏之前show出来的View。
+  - **onHideCustomView()**：该方法在当前页面退出全屏模式时回调，主程序应在这时隐藏之前show出来的View。
   <br>
   <br>
   <br>
   <br>
-  - Bitmap getDefaultVideoPoster()：当我们的Web页面包含视频时，我们可以在HTML里为它设置一个预览图，WebView会在绘制页面时根据它的宽高为它布局。而当我们处于弱网状态下时，我们没有比较快的获取该图片，那WebView绘制页面时的gitWidth()方法就会报出空指针异常~ 于是app就crash了。。<br>
+  - **Bitmap getDefaultVideoPoster()**：当我们的Web页面包含视频时，我们可以在HTML里为它设置一个预览图，WebView会在绘制页面时根据它的宽高为它布局。而当我们处于弱网状态下时，我们没有比较快的获取该图片，那WebView绘制页面时的gitWidth()方法就会报出空指针异常~ 于是app就crash了。。<br>
   这时我们就需要重写该方法，在我们尚未获取web页面上的video预览图时，给予它一个本地的图片，避免空指针的发生。
   <br>
   <br>
-  - View getVideoLoadingProgressView()：重写该方法可以在视频loading时给予一个自定义的View，可以是加载圆环 or something。
-  <br>
-  <br>
+  - **View getVideoLoadingProgressView()**：重写该方法可以在视频loading时给予一个自定义的View，可以是加载圆环 or something。
   <br>
   <br>
-  - boolean	onJsAlert(WebView view, String url, String message, JsResult result)：处理Javascript中的Alert对话框。
   <br>
   <br>
-  - boolean	onJsPrompt(WebView view, String url, String message, String defaultValue, JsPromptResult result)：处理Javascript中的Prompt对话框。
+  - **boolean	onJsAlert(WebView view, String url, String message, JsResult result)**：处理Javascript中的Alert对话框。
   <br>
   <br>
-  - boolean	onJsBeforeUnload(WebView view, String url, String message, JsResult result)：待斟酌
+  - **boolean	onJsPrompt(WebView view, String url, String message, String defaultValue, JsPromptResult result)**：处理Javascript中的Prompt对话框。
   <br>
   <br>
-  - boolean	onJsConfirm(WebView view, String url, String message, JsResult result)：处理Javascript中的Confirm对话框
+  - **boolean	onJsBeforeUnload(WebView view, String url, String message, JsResult result)**：待斟酌
   <br>
   <br>
+  - **boolean	onJsConfirm(WebView view, String url, String message, JsResult result)**：处理Javascript中的Confirm对话框
   <br>
   <br>
-  - boolean	onShowFileChooser(WebView webView, ValueCallback<Uri[]> filePathCallback, WebChromeClient.FileChooserParams fileChooserParams)：该方法在用户进行了web上某个需要上传文件的操作时回调。我们应该在这里打开一个文件选择器，如果要取消这个请求我们可以调用***filePathCallback.onReceiveValue(null)***并返回***true***。
   <br>
   <br>
+  - **boolean	onShowFileChooser(WebView webView, ValueCallback<Uri[]> filePathCallback, WebChromeClient.FileChooserParams fileChooserParams)**：该方法在用户进行了web上某个需要上传文件的操作时回调。我们应该在这里打开一个文件选择器，如果要取消这个请求我们可以调用***filePathCallback.onReceiveValue(null)***并返回***true***。
   <br>
   <br>
-  - onPermissionRequest(PermissionRequest request)：该方法在web页面请求某个尚未被允许或拒绝的权限时回调，主程序在此时调用***grant(String [])***或***deny()***方法。如果该方法没有被重写，则默认拒绝web页面请求的权限。
-  <br>
-  <br>
-  - onPermissionRequestCanceled(PermissionRequest request)：该方法在web权限申请权限被取消时回调，这时应该隐藏任何与之相关的UI界面。
   <br>
   <br>
+  - **onPermissionRequest(PermissionRequest request)**：该方法在web页面请求某个尚未被允许或拒绝的权限时回调，主程序在此时调用***grant(String [])***或***deny()***方法。如果该方法没有被重写，则默认拒绝web页面请求的权限。
   <br>
   <br>
+  - **onPermissionRequestCanceled(PermissionRequest request)**：该方法在web权限申请权限被取消时回调，这时应该隐藏任何与之相关的UI界面。
+<br>
+<br>
   
+<br>
 ##Js与WebVipew交互
 
   既然嗨鸟应用大行其道，那么毫无疑问Android与JavaScript的交互我们也必须了解清楚，下面来介绍一下JavaScript与Android是如何互相调用的。
@@ -597,11 +602,13 @@ public class MainActivity extends AppCompatActivity {
  ```
  
  以上就是Js与WebView交互的一些介绍，希望能对你有帮助。
- <br>
- <br>
+<br>
+<br>
+  
+<br>
 ##WebView加载优化
 
-当WebView的使用频率变得频繁的时候，对于其各方面的优化就变得逐渐重要了起来。可以知道的是，我们每加载一个 H5页面，都会有很多的请求。除了HTML主URL自身的请求外，HTML外部引用的 JS、CSS、字体文件、图片都是一个个独立的HTTP 请求，每一个请求都是串行的（可能有连接复用）。这么多请求串起来，再加上浏览器解析、渲染的时间，Web 整体的加载时间变得较长。同时请求文件越多，消耗的流量也会越多。那么对于加载的优化就变得非常重要，这方面的经验我也没有什么别的，大概三个方面：
+当WebView的使用频率变得频繁的时候，对于其各方面的优化就变得逐渐重要了起来。可以知道的是，我们每加载一个 H5页面，都会有很多的请求。除了HTML主URL自身的请求外，HTML外部引用的 JS、CSS、字体文件、图片都是一个个独立的HTTP 请求，请求为并行但执行却为串行（可能有连接复用）。这么多请求串起来，再加上浏览器解析、渲染的时间，Web 整体的加载时间变得较长。同时请求文件越多，消耗的流量也会越多。那么对于加载的优化就变得非常重要，这方面的经验我也没有什么别的，大概三个方面：
 
 <br>
 ###一个，就是资源本地化的问题
@@ -651,8 +658,10 @@ public class MainActivity extends AppCompatActivity {
 ###如果说还有什么
  
 那就是JsBridge一律不得滥用，这个对页面加载的完成速度是有很大影响的。同时要注意的是，不管你是否对资源进行缓存，都请将资源在服务器端进行压缩。因为无论是资源的获取和更新，都是要从服务器获取的，所以对于资源文件的压缩其实是最直接也最应该做的事情之一，但是一般服务器端都会做好，所以主要就是上面这三件事。
- <br>
- <br>
+<br>
+<br>
+  
+<br>
 ##驾照考试
 
 介绍了这么多，希望能对你有点帮助。接下来时纯实战时间，我会将上面所介绍的很多知识点在接下来的代码里实际应用一遍，希望能够带给你更加直观的使用感受。
@@ -669,8 +678,22 @@ public class MainActivity extends AppCompatActivity {
   效果图：
   <br>
   <img src="https://cloud.githubusercontent.com/assets/12692071/17649176/5ffb5b44-6260-11e6-84dc-2ac41be1b858.gif" width="300" height="550" />
-  <br>
-  <br>
+<br>
+<br>
+  
+<br>
 ##上路
   好了，到此为止你已阅读完所有的指南。
   
+  
+<br>
+<br>
+  
+<br>
+##参考文章
+
+  [caching-web-resources-in-the-android-device](http://tutorials.jenkov.com/android/android-web-apps-using-android-webview.html#caching-web-resources-in-the-android-device)  
+  [caching-web-resources-in-the-android-device](http://tutorials.jenkov.com/android/android-web-apps-using-android-webview.html#caching-web-resources-in-the-android-device)  
+  [caching-web-resources-in-the-android-device](http://tutorials.jenkov.com/android/android-web-apps-using-android-webview.html#caching-web-resources-in-the-android-device)  
+  [caching-web-resources-in-the-android-device](http://tutorials.jenkov.com/android/android-web-apps-using-android-webview.html#caching-web-resources-in-the-android-device)  
+  

From 8ddbb3769999a5354c2c9746305add69cc17b712 Mon Sep 17 00:00:00 2001
From: Junqi Ling <673161157@qq.com>
Date: Tue, 30 Aug 2016 11:05:50 +0800
Subject: [PATCH 35/39] Update 2016-08-30.html.markdown

update
---
 .middleman/source/2016-08-30.html.markdown | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/.middleman/source/2016-08-30.html.markdown b/.middleman/source/2016-08-30.html.markdown
index 3ad650c..35b663e 100644
--- a/.middleman/source/2016-08-30.html.markdown
+++ b/.middleman/source/2016-08-30.html.markdown
@@ -611,7 +611,7 @@ public class MainActivity extends AppCompatActivity {
 当WebView的使用频率变得频繁的时候，对于其各方面的优化就变得逐渐重要了起来。可以知道的是，我们每加载一个 H5页面，都会有很多的请求。除了HTML主URL自身的请求外，HTML外部引用的 JS、CSS、字体文件、图片都是一个个独立的HTTP 请求，请求为并行但执行却为串行（可能有连接复用）。这么多请求串起来，再加上浏览器解析、渲染的时间，Web 整体的加载时间变得较长。同时请求文件越多，消耗的流量也会越多。那么对于加载的优化就变得非常重要，这方面的经验我也没有什么别的，大概三个方面：
 
 <br>
-###一个，就是资源本地化的问题
+####一个，就是资源本地化的问题
 首先可以明确的是，以目前的网络条件，通过网络去服务器获取资源的速度是远远比不上从本地读取的。谈论各种优化策略其实恰恰忽略了“需要加载”才是阻挡速度提升的最大绊脚石。所以我们的思路一，就是将一些较重的资源比如js、css、图片甚至HTML本身进行本地化处理，在每次加载到这些资源的时候，从本地读取进行加载，可以简单记忆为**“存·取·更”**。
 
 具体实现思路为：
@@ -622,7 +622,7 @@ public class MainActivity extends AppCompatActivity {
 这里附上一篇博客链接，非常棒可供参考：[caching-web-resources-in-the-android-device](http://tutorials.jenkov.com/android/android-web-apps-using-android-webview.html#caching-web-resources-in-the-android-device)  
 
 <br>
-###第二个，就是缓存的问题
+####第二个，就是缓存的问题
 倘若你不采用或不完全采用第一条资源本地化的思路，那么你的WebView缓存是必须要开启的（虽然这一思路和第一条有重合的地方）。
   ```Java
     WebSettings settings = webView.getSettings();
@@ -651,11 +651,11 @@ public class MainActivity extends AppCompatActivity {
 既然有缓存，就要有缓存控制，与一相似的是我们也要建立缓存控制机制，定期或接受服务器通知来进行缓存的清空或更新。
 
 <br>
-###第三个，就是延迟加载和执行js
+####第三个，就是延迟加载和执行js
   在WebView中，onPageFinished()的回调意味着页面加载的完成。但该方法会在JavScript脚本执行完成后才会触发，倘若我们要加载的页面使用了JQuery，会在处理完DOM对象，执行完$(document).ready(function() {})后才会渲染并显示页面。这是不可接受的，所以我们需要对Js进行延迟加载，当然这部分是Web前端的工作。
  
  <br>
-###如果说还有什么
+####如果说还有什么
  
 那就是JsBridge一律不得滥用，这个对页面加载的完成速度是有很大影响的。同时要注意的是，不管你是否对资源进行缓存，都请将资源在服务器端进行压缩。因为无论是资源的获取和更新，都是要从服务器获取的，所以对于资源文件的压缩其实是最直接也最应该做的事情之一，但是一般服务器端都会做好，所以主要就是上面这三件事。
 <br>

From 32c81c14dae45955745421540f15f24412d5ef68 Mon Sep 17 00:00:00 2001
From: Junqi Ling <673161157@qq.com>
Date: Tue, 30 Aug 2016 20:32:09 +0800
Subject: [PATCH 36/39] Update 2016-08-30.html.markdown

update
---
 .middleman/source/2016-08-30.html.markdown | 253 ++++++++++++++++++---
 1 file changed, 223 insertions(+), 30 deletions(-)

diff --git a/.middleman/source/2016-08-30.html.markdown b/.middleman/source/2016-08-30.html.markdown
index 35b663e..76debc3 100644
--- a/.middleman/source/2016-08-30.html.markdown
+++ b/.middleman/source/2016-08-30.html.markdown
@@ -168,7 +168,7 @@ public class MainActivity extends AppCompatActivity {
   
   <br>
   <br>
-    - String **getUrl**()：获取当前页面的URL。
+    - **String getUrl**()：获取当前页面的URL。
   <br>
   <br>
     - **reload**()：重新reload当前的URL，即刷新。
@@ -176,13 +176,13 @@ public class MainActivity extends AppCompatActivity {
   <br>  
   <br>
   <br>
-    - boolean **canGoBack**()：用来确认WebView里是否还有可回退的历史记录。通常我们会在WebView里重写返回键的点击事件，通过该方法判断WebView里是否还有历史记录，若有则返回上一页。
+    - **boolean canGoBack**()：用来确认WebView里是否还有可回退的历史记录。通常我们会在WebView里重写返回键的点击事件，通过该方法判断WebView里是否还有历史记录，若有则返回上一页。
   <br>
   <br>
-    - boolean **canGoForward**()：用来确认WebView是否还有可向前的历史记录。
+    - **boolean canGoForward**()：用来确认WebView是否还有可向前的历史记录。
   <br>
   <br>
-    - boolean **canGoBackOrForward**(int steps)：以当前的页面为起始点，用来确认WebView的历史记录是否足以后退或前进给定的步数，正数为前进，负数为后退。
+    - **boolean canGoBackOrForward**(int steps)：以当前的页面为起始点，用来确认WebView的历史记录是否足以后退或前进给定的步数，正数为前进，负数为后退。
   <br>
   <br>
     - **goBack**()：在WebView历史记录后退到上一项。
@@ -247,10 +247,10 @@ public class MainActivity extends AppCompatActivity {
 ```
   <br>
   <br>
-    - **pageUp**()：待斟酌。
+    - **pageUp**(boolean top)：将WebView展示的页面滑动至顶部。
   <br>
   <br>
-    - **pageDown**()：待斟酌。
+    - **pageDown**(boolean bottom)：将WebView展示的页面滑动至底部。
   <br>
   <br>
   
@@ -412,12 +412,6 @@ public class MainActivity extends AppCompatActivity {
   <br>
   <br>
   <br>
-  - **onReceivedHttpAuthRequest(WebView view, HttpAuthHandler handler, String host, String realm)**：待斟酌。
-  <br>
-  <br>
-  - **onReceivedLoginRequest(WebView view, String realm, String account, String args)**：待斟酌。
-  <br>
-  <br>
   - **onScaleChanged(WebView view, float oldScale, float newScale)**：当WebView得页面Scale值发生改变时回调。
   <br>
   <br>
@@ -468,9 +462,6 @@ public class MainActivity extends AppCompatActivity {
   - **boolean	onJsPrompt(WebView view, String url, String message, String defaultValue, JsPromptResult result)**：处理Javascript中的Prompt对话框。
   <br>
   <br>
-  - **boolean	onJsBeforeUnload(WebView view, String url, String message, JsResult result)**：待斟酌
-  <br>
-  <br>
   - **boolean	onJsConfirm(WebView view, String url, String message, JsResult result)**：处理Javascript中的Confirm对话框
   <br>
   <br>
@@ -608,11 +599,11 @@ public class MainActivity extends AppCompatActivity {
 <br>
 ##WebView加载优化
 
-当WebView的使用频率变得频繁的时候，对于其各方面的优化就变得逐渐重要了起来。可以知道的是，我们每加载一个 H5页面，都会有很多的请求。除了HTML主URL自身的请求外，HTML外部引用的 JS、CSS、字体文件、图片都是一个个独立的HTTP 请求，请求为并行但执行却为串行（可能有连接复用）。这么多请求串起来，再加上浏览器解析、渲染的时间，Web 整体的加载时间变得较长。同时请求文件越多，消耗的流量也会越多。那么对于加载的优化就变得非常重要，这方面的经验我也没有什么别的，大概三个方面：
+当WebView的使用频率变得频繁的时候，对于其各方面的优化就变得逐渐重要了起来。可以知道的是，我们每加载一个 H5页面，都会有很多的请求。除了HTML主URL自身的请求外，HTML外部引用的 JS、CSS、字体文件、图片都是一个个独立的HTTP 请求，虽然请求是并发的，但当网页整体数量达到一定程度的时候，再加上浏览器解析、渲染的时间，Web整体的加载时间变得很长。同时请求文件越多，消耗的流量也会越多。那么对于加载的优化就变得非常重要，这方面的经验我也没有什么别的，大概三个方面：
 
 <br>
 ####一个，就是资源本地化的问题
-首先可以明确的是，以目前的网络条件，通过网络去服务器获取资源的速度是远远比不上从本地读取的。谈论各种优化策略其实恰恰忽略了“需要加载”才是阻挡速度提升的最大绊脚石。所以我们的思路一，就是将一些较重的资源比如js、css、图片甚至HTML本身进行本地化处理，在每次加载到这些资源的时候，从本地读取进行加载，可以简单记忆为**“存·取·更”**。
+首先可以明确的是，以目前的网络条件，通过网络去服务器获取资源的速度是远远比不上从本地读取的。**谈论各种优化策略其实恰恰忽略了“需要加载”才是阻挡速度提升的最大绊脚石。**所以我们的思路一，就是将一些较重的资源比如js、css、图片甚至HTML本身进行本地化处理，在每次加载到这些资源的时候，从本地读取进行加载，可以简单记忆为**“存·取·更”**。
 
 具体实现思路为：
   1. **“存”**——将上述重量级资源打包进apk文件，每次加载相应文件时时从本地取即可。也可不打包，在第一次加载时以及接下来的若干间隔时间里动态下载存储，将所有的资源文件都存在Android的asset目录下；
@@ -644,7 +635,7 @@ public class MainActivity extends AppCompatActivity {
     if(networkInfo.isAvailable()) {
         settings.setCacheMode(WebSettings.LOAD_DEFAULT);//网络正常时使用默认缓存策略
     } else {
-        settings.setCacheMode(WebSettings.LOAD_CACHE_ONLY);//网络不可用时只加载缓存
+        settings.setCacheMode(WebSettings.LOAD_CACHE_ONLY);//网络不可用时只使用缓存
     }
   ```
 
@@ -657,7 +648,7 @@ public class MainActivity extends AppCompatActivity {
  <br>
 ####如果说还有什么
  
-那就是JsBridge一律不得滥用，这个对页面加载的完成速度是有很大影响的。同时要注意的是，不管你是否对资源进行缓存，都请将资源在服务器端进行压缩。因为无论是资源的获取和更新，都是要从服务器获取的，所以对于资源文件的压缩其实是最直接也最应该做的事情之一，但是一般服务器端都会做好，所以主要就是上面这三件事。
+那就是JsBridge一律不得滥用，这个对页面加载的完成速度是有很大影响的，倘若一个页面很多操作都通过JSbridge来控制，再怎么优化也无济于事（因为毕竟有那么多操作要实际执行）。同时要注意的是，不管你是否对资源进行缓存，都请将资源在服务器端进行压缩。因为无论是资源的获取和更新，都是要从服务器获取的，所以对于资源文件的压缩其实是**最直接也最应该做**的事情之一，但是一般服务器端都会做好，所以主要就是上面这三件事。
 <br>
 <br>
   
@@ -667,13 +658,209 @@ public class MainActivity extends AppCompatActivity {
 介绍了这么多，希望能对你有点帮助。接下来时纯实战时间，我会将上面所介绍的很多知识点在接下来的代码里实际应用一遍，希望能够带给你更加直观的使用感受。
 
   ```Java
-    public class WebViewTestActivity{
-        
-        @Override
-        public void onCreate(){
-            lalala
+    public class MainActivity extends AppCompatActivity {
+
+    private WebView mWebView;
+
+    private ProgressBar mProgressbar;
+    private Toolbar mToolbar;
+
+    @Override
+    protected void onCreate(Bundle savedInstanceState) {
+        supportRequestWindowFeature(Window.FEATURE_NO_TITLE);
+        super.onCreate(savedInstanceState);
+        setContentView(R.layout.activity_main);
+
+        initAppBar();//初始化Toolbar
+
+        initWebView();//初始化WebView
+        initWebSettings();//初始化WebSettings
+        initWebViewClient();//初始化WebViewClient
+        initWebChromeClient();//初始化WebChromeClient
+    }
+
+    private void initAppBar() {
+        mToolbar = (Toolbar) findViewById(R.id.toolbar);
+        mToolbar.setTitle("载入中..");
+        mToolbar.setTitleTextColor(getResources().getColor(R.color.colorWhite));
+        setSupportActionBar(mToolbar);
+        getSupportActionBar().setDisplayHomeAsUpEnabled(false);
+    }
+
+    private void initWebView() {
+        mWebView = (WebView) findViewById(R.id.web_view);
+        mProgressbar = (ProgressBar) findViewById(R.id.progress_bar);
+        String url = "https://www.google.com";
+        mWebView.loadUrl(url);
+    }
+
+    private void initWebSettings() {
+        WebSettings settings = mWebView.getSettings();
+        //支持获取手势焦点
+        mWebView.requestFocusFromTouch();
+        //支持JS
+        settings.setJavaScriptEnabled(true);
+        //支持插件
+        settings.setPluginState(WebSettings.PluginState.ON);
+        //设置适应屏幕
+        settings.setUseWideViewPort(true);
+        settings.setLoadWithOverviewMode(true);
+        //支持缩放
+        settings.setSupportZoom(false);
+        //隐藏原生的缩放控件
+        settings.setDisplayZoomControls(false);
+        //支持内容重新布局
+        settings.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN);
+        settings.supportMultipleWindows();
+        settings.setSupportMultipleWindows(true);
+        //设置缓存模式
+        settings.setDomStorageEnabled(true);
+        settings.setDatabaseEnabled(true);
+        settings.setCacheMode(WebSettings.LOAD_DEFAULT);
+        settings.setAppCacheEnabled(true);
+        settings.setAppCachePath(mWebView.getContext().getCacheDir().getAbsolutePath());
+
+        //设置可访问文件
+        settings.setAllowFileAccess(true);
+        //当webview调用requestFocus时为webview设置节点
+        settings.setNeedInitialFocus(true);
+        //支持自动加载图片
+        if (Build.VERSION.SDK_INT >= 19) {
+            settings.setLoadsImagesAutomatically(true);
+        } else {
+            settings.setLoadsImagesAutomatically(false);
         }
+        settings.setNeedInitialFocus(true);
+        //设置编码格式
+        settings.setDefaultTextEncodingName("UTF-8");
+    }
+
+    private void initWebViewClient() {
+        mWebView.setWebViewClient(new WebViewClient() {
+
+            //页面开始加载时
+            @Override
+            public void onPageStarted(WebView view, String url, Bitmap favicon) {
+                super.onPageStarted(view, url, favicon);
+                mProgressbar.setVisibility(View.VISIBLE);
+            }
+
+
+            //页面完成加载时
+            @Override
+            public void onPageFinished(WebView view, String url) {
+                super.onPageFinished(view, url);
+                mProgressbar.setVisibility(View.GONE);
+            }
+
+            //是否在WebView内加载新页面
+            @Override
+            public boolean shouldOverrideUrlLoading(WebView view, WebResourceRequest request) {
+                view.loadUrl(request.toString());
+                return true;
+            }
+
+            //网络错误时回调的方法
+            @Override
+            public void onReceivedError(WebView view, WebResourceRequest request, WebResourceError error) {
+                super.onReceivedError(view, request, error);
+                /**
+                 * 在这里写网络错误时的逻辑,比如显示一个错误页面
+                 *
+                 * 这里我偷个懒不写了
+                 * */
+            }
+
+            @TargetApi(Build.VERSION_CODES.M)
+            @Override
+            public void onReceivedHttpError(WebView view, WebResourceRequest request, WebResourceResponse errorResponse) {
+                super.onReceivedHttpError(view, request, errorResponse);
+            }
+        });
     }
+
+    private void initWebChromeClient() {
+
+        mWebView.setWebChromeClient(new WebChromeClient() {
+
+            private Bitmap mDefaultVideoPoster;//默认的视频展示图
+
+            @Override
+            public void onReceivedTitle(WebView view, String title) {
+                super.onReceivedTitle(view, title);
+                setToolbarTitle(title);
+            }
+
+            @Override
+            public Bitmap getDefaultVideoPoster() {
+                if (mDefaultVideoPoster == null) {
+                    mDefaultVideoPoster = BitmapFactory.decodeResource(
+                            getResources(), R.drawable.video_default
+                    );
+                    return mDefaultVideoPoster;
+                }
+                return super.getDefaultVideoPoster();
+            }
+        });
+    }
+
+    /**
+     * 设置Toolbar标题
+     *
+     * @param title
+     */
+    private void setToolbarTitle(final String title) {
+        Log.d("setToolbarTitle", " WebDetailActivity " + title);
+        if (mToolbar != null) {
+            mToolbar.post(new Runnable() {
+                @Override
+                public void run() {
+                    mToolbar.setTitle(TextUtils.isEmpty(title) ? getString(R.string.loading) : title);
+                }
+            });
+        }
+    }
+
+    @Override
+    public boolean onCreateOptionsMenu(Menu menu) {
+        getMenuInflater().inflate(R.menu.menu_main, menu);
+        return super.onCreateOptionsMenu(menu);
+    }
+
+    @Override
+    public boolean onOptionsItemSelected(MenuItem item) {
+        switch (item.getItemId()) {
+            case R.id.page_up:
+                Toast.makeText(getApplicationContext(), "页面向上", Toast.LENGTH_SHORT).show();
+                mWebView.pageUp(true);
+                break;
+            case R.id.page_down:
+                Toast.makeText(getApplicationContext(), "页面向下", Toast.LENGTH_SHORT).show();
+                mWebView.pageDown(true);
+                break;
+            case R.id.refresh:
+                Toast.makeText(getApplicationContext(), "刷新~", Toast.LENGTH_SHORT).show();
+                mWebView.reload();
+            default:
+                return super.onOptionsItemSelected(item);
+        }
+        return super.onOptionsItemSelected(item);
+    }
+
+    @Override
+    public boolean onKeyDown(int keyCode, KeyEvent event) {
+
+        //如果按下的是回退键且历史记录里确实还有页面
+        if ((keyCode == KeyEvent.KEYCODE_BACK) && mWebView.canGoBack()) {
+            mWebView.goBack();
+            return true;
+        } else {
+            Toast.makeText(getApplicationContext(), "考试结束,恭喜您考试合格!", Toast.LENGTH_LONG).show();
+        }
+        return super.onKeyDown(keyCode, event);
+    }
+}
+
   ```
   效果图：
   <br>
@@ -683,8 +870,9 @@ public class MainActivity extends AppCompatActivity {
   
 <br>
 ##上路
-  好了，到此为止你已阅读完所有的指南。
-  
+  好了，到此为止你已阅读完所有的指南，送你一辆车，上路吧。
+  <br>
+  <img src="" width="300" height="550" />
   
 <br>
 <br>
@@ -692,8 +880,13 @@ public class MainActivity extends AppCompatActivity {
 <br>
 ##参考文章
 
-  [caching-web-resources-in-the-android-device](http://tutorials.jenkov.com/android/android-web-apps-using-android-webview.html#caching-web-resources-in-the-android-device)  
-  [caching-web-resources-in-the-android-device](http://tutorials.jenkov.com/android/android-web-apps-using-android-webview.html#caching-web-resources-in-the-android-device)  
-  [caching-web-resources-in-the-android-device](http://tutorials.jenkov.com/android/android-web-apps-using-android-webview.html#caching-web-resources-in-the-android-device)  
-  [caching-web-resources-in-the-android-device](http://tutorials.jenkov.com/android/android-web-apps-using-android-webview.html#caching-web-resources-in-the-android-device)  
+  [Android官方文档](https://developer.android.com/guide/index.html)
+  <br>
+  [Android Web Apps Using Android WebView](http://tutorials.jenkov.com/android/android-web-apps-using-android-webview.html) 
+  <br>
+  [史上最全webview详解](https://yq.aliyun.com/articles/32559)  
+  <br>
+  [H5 缓存机制浅析 移动端 Web 加载性能优化 ](http://bugly.qq.com/bbs/forum.php?mod=viewthread&tid=267)  
+  <br>
+  [WebView加载速度优化](http://www.jianshu.com/p/427600ca2107)  
   

From a17f496c8bdcff96a9ad354c907976f7f03b7316 Mon Sep 17 00:00:00 2001
From: Junqi Ling <673161157@qq.com>
Date: Tue, 30 Aug 2016 22:04:32 +0800
Subject: [PATCH 37/39] Update 2016-08-30.html.markdown

update
---
 .middleman/source/2016-08-30.html.markdown | 56 +++++++++++++++++++---
 1 file changed, 49 insertions(+), 7 deletions(-)

diff --git a/.middleman/source/2016-08-30.html.markdown b/.middleman/source/2016-08-30.html.markdown
index 76debc3..07c79e5 100644
--- a/.middleman/source/2016-08-30.html.markdown
+++ b/.middleman/source/2016-08-30.html.markdown
@@ -657,6 +657,48 @@ public class MainActivity extends AppCompatActivity {
 
 介绍了这么多，希望能对你有点帮助。接下来时纯实战时间，我会将上面所介绍的很多知识点在接下来的代码里实际应用一遍，希望能够带给你更加直观的使用感受。
 
+  ```XML
+      <?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:orientation="vertical">
+
+    <android.support.design.widget.AppBarLayout
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content">
+
+        <android.support.v7.widget.Toolbar
+            android:id="@+id/toolbar"
+            android:layout_width="match_parent"
+            android:layout_height="?attr/actionBarSize"
+            android:background="?attr/colorPrimary"
+            app:theme="@style/ThemeOverlay.AppCompat.Light" />
+
+    </android.support.design.widget.AppBarLayout>
+
+    <FrameLayout
+        android:layout_width="match_parent"
+        android:layout_height="match_parent">
+
+        <WebView
+            android:id="@+id/web_view"
+            android:layout_width="match_parent"
+            android:layout_height="match_parent" />
+
+        <ProgressBar
+            android:id="@+id/progress_bar"
+            android:layout_width="50dp"
+            android:layout_height="50dp"
+            android:layout_gravity="center"
+            android:visibility="gone" />
+    </FrameLayout>
+</LinearLayout>
+  ```
+  <br>
+  <br>
+  Java部分
   ```Java
     public class MainActivity extends AppCompatActivity {
 
@@ -863,8 +905,8 @@ public class MainActivity extends AppCompatActivity {
 
   ```
   效果图：
-  <br>
-  <img src="https://cloud.githubusercontent.com/assets/12692071/17649176/5ffb5b44-6260-11e6-84dc-2ac41be1b858.gif" width="300" height="550" />
+  
+  fuck，效果图太大压缩无望~~~
 <br>
 <br>
   
@@ -872,7 +914,7 @@ public class MainActivity extends AppCompatActivity {
 ##上路
   好了，到此为止你已阅读完所有的指南，送你一辆车，上路吧。
   <br>
-  <img src="" width="300" height="550" />
+  <img src="https://cloud.githubusercontent.com/assets/12692071/18089238/78f70d26-6ef1-11e6-8b7d-2b821fd92355.jpg" width="752" height="538" />
   
 <br>
 <br>
@@ -881,12 +923,12 @@ public class MainActivity extends AppCompatActivity {
 ##参考文章
 
   [Android官方文档](https://developer.android.com/guide/index.html)
-  <br>
+  
   [Android Web Apps Using Android WebView](http://tutorials.jenkov.com/android/android-web-apps-using-android-webview.html) 
-  <br>
+  
   [史上最全webview详解](https://yq.aliyun.com/articles/32559)  
-  <br>
+  
   [H5 缓存机制浅析 移动端 Web 加载性能优化 ](http://bugly.qq.com/bbs/forum.php?mod=viewthread&tid=267)  
-  <br>
+  
   [WebView加载速度优化](http://www.jianshu.com/p/427600ca2107)  
   

From 45bd6ad6870d767e8f7dcde4d2db55b0981b76ee Mon Sep 17 00:00:00 2001
From: Junqi Ling <673161157@qq.com>
Date: Tue, 30 Aug 2016 22:08:35 +0800
Subject: [PATCH 38/39] Update 2016-08-30.html.markdown

finish
---
 .middleman/source/2016-08-30.html.markdown | 42 +++++++++++-----------
 1 file changed, 21 insertions(+), 21 deletions(-)

diff --git a/.middleman/source/2016-08-30.html.markdown b/.middleman/source/2016-08-30.html.markdown
index 07c79e5..bc40dac 100644
--- a/.middleman/source/2016-08-30.html.markdown
+++ b/.middleman/source/2016-08-30.html.markdown
@@ -168,58 +168,58 @@ public class MainActivity extends AppCompatActivity {
   
   <br>
   <br>
-    - **String getUrl**()：获取当前页面的URL。
+  - **String getUrl**()：获取当前页面的URL。
   <br>
   <br>
-    - **reload**()：重新reload当前的URL，即刷新。
+  - **reload**()：重新reload当前的URL，即刷新。
   <br>
   <br>  
   <br>
   <br>
-    - **boolean canGoBack**()：用来确认WebView里是否还有可回退的历史记录。通常我们会在WebView里重写返回键的点击事件，通过该方法判断WebView里是否还有历史记录，若有则返回上一页。
+  - **boolean canGoBack**()：用来确认WebView里是否还有可回退的历史记录。通常我们会在WebView里重写返回键的点击事件，通过该方法判断WebView里是否还有历史记录，若有则返回上一页。
   <br>
   <br>
-    - **boolean canGoForward**()：用来确认WebView是否还有可向前的历史记录。
+  - **boolean canGoForward**()：用来确认WebView是否还有可向前的历史记录。
   <br>
   <br>
-    - **boolean canGoBackOrForward**(int steps)：以当前的页面为起始点，用来确认WebView的历史记录是否足以后退或前进给定的步数，正数为前进，负数为后退。
+  - **boolean canGoBackOrForward**(int steps)：以当前的页面为起始点，用来确认WebView的历史记录是否足以后退或前进给定的步数，正数为前进，负数为后退。
   <br>
   <br>
-    - **goBack**()：在WebView历史记录后退到上一项。
+  - **goBack**()：在WebView历史记录后退到上一项。
   <br>
   <br>
-    - **goForward**()：在WebView历史记录里前进到下一项。
+  - **goForward**()：在WebView历史记录里前进到下一项。
   <br>
   <br>
-    - **goBackOrForward**(int steps)：以当前页面为起始点，前进或后退历史记录中指定的步数，正数为前进，负数为后退。
+  - **goBackOrForward**(int steps)：以当前页面为起始点，前进或后退历史记录中指定的步数，正数为前进，负数为后退。
   <br>
   <br>
   <br>
   <br>
-    - **clearCache**(boolean includeDiskFiles)：清空网页访问留下的缓存数据。需要注意的时，由于缓存是全局的，所以只要是WebView用到的缓存都会被清空，即便其他地方也会使用到。该方法接受一个参数，从命名即可看出作用。若设为false，则只清空内存里的资源缓存，而不清空磁盘里的。
+  - **clearCache**(boolean includeDiskFiles)：清空网页访问留下的缓存数据。需要注意的时，由于缓存是全局的，所以只要是WebView用到的缓存都会被清空，即便其他地方也会使用到。该方法接受一个参数，从命名即可看出作用。若设为false，则只清空内存里的资源缓存，而不清空磁盘里的。
   <br>
   <br>
-    - **clearHistory**()：清除当前webview访问的历史记录。
+  - **clearHistory**()：清除当前webview访问的历史记录。
   <br>
   <br>
-    - **clearFormData**()：清除自动完成填充的表单数据。需要注意的是，该方法仅仅清除**当前表单域自动完成填充的表单数据**，并不会清除WebView存储到本地的数据。
+  - **clearFormData**()：清除自动完成填充的表单数据。需要注意的是，该方法仅仅清除**当前表单域自动完成填充的表单数据**，并不会清除WebView存储到本地的数据。
   <br>
   <br>
   <br>
   <br>
-    - **onPause**()：当页面被失去焦点被切换到后台不可见状态，需要执行onPause操作，该操作会通知内核安全地暂停所有动作，比如动画的执行或定位的获取等。需要注意的是该方法并不会暂停JavaScript的执行，若要暂停JavaScript的执行请使用接下来的这个方法。
+  - **onPause**()：当页面被失去焦点被切换到后台不可见状态，需要执行onPause操作，该操作会通知内核安全地暂停所有动作，比如动画的执行或定位的获取等。需要注意的是该方法并不会暂停JavaScript的执行，若要暂停JavaScript的执行请使用接下来的这个方法。
   <br>
   <br>
-    - **onResume**()：在先前调用***onPause()***后，我们可以调用该方法来恢复WebView的运行。
+  - **onResume**()：在先前调用***onPause()***后，我们可以调用该方法来恢复WebView的运行。
   <br>
   <br>
-    - **pauseTimers**()：该方法面向全局整个应用程序的webview，它会暂停所有webview的layout，parsing，JavaScript Timer。当程序进入后台时，该方法的调用可以降低CPU功耗。
+  - **pauseTimers**()：该方法面向全局整个应用程序的webview，它会暂停所有webview的layout，parsing，JavaScript Timer。当程序进入后台时，该方法的调用可以降低CPU功耗。
   <br>
   <br>
-    - **resumeTimers**()：恢复pauseTimers时的所有操作。
+  - **resumeTimers**()：恢复pauseTimers时的所有操作。
   <br>
   <br>
-    - **destroy**()：销毁WebView。需要注意的是：这个方法的调用应在WebView从父容器中被remove掉之后。我们可以手动地调用
+  - **destroy**()：销毁WebView。需要注意的是：这个方法的调用应在WebView从父容器中被remove掉之后。我们可以手动地调用
   ```Java
     rootLayout.removeView(webView);
     webView.destroy();
@@ -229,13 +229,13 @@ public class MainActivity extends AppCompatActivity {
   <br>
   <br>
   <br>
-    - **getScrollY**()：该方法返回的当前可见区域的顶端距整个页面顶端的距离，也就是当前内容滚动的距离。
+  - **getScrollY**()：该方法返回的当前可见区域的顶端距整个页面顶端的距离，也就是当前内容滚动的距离。
   <br>
   <br>
-    - **getHeight**()：方法都返回当前WebView这个容器的高度。其实以上两个方法都属于View。
+  - **getHeight**()：方法都返回当前WebView这个容器的高度。其实以上两个方法都属于View。
   <br>
   <br>
-    - **getContentHeight**()：该方法返回整个HTML页面的高度，但该高度值并不等同于当前整个页面的高度，因为WebView有缩放功能， 所以当前整个页面的高度实际上应该是原始HTML的高度再乘上缩放比例。因此，准确的判断方法应该是
+  - **getContentHeight**()：该方法返回整个HTML页面的高度，但该高度值并不等同于当前整个页面的高度，因为WebView有缩放功能， 所以当前整个页面的高度实际上应该是原始HTML的高度再乘上缩放比例。因此，准确的判断方法应该是
   ```Java
     if (webView.getContentHeight() * webView.getScale() == (webView.getHeight() + webView.getScrollY())) {
         //已经处于底端
@@ -247,10 +247,10 @@ public class MainActivity extends AppCompatActivity {
 ```
   <br>
   <br>
-    - **pageUp**(boolean top)：将WebView展示的页面滑动至顶部。
+  - **pageUp**(boolean top)：将WebView展示的页面滑动至顶部。
   <br>
   <br>
-    - **pageDown**(boolean bottom)：将WebView展示的页面滑动至底部。
+  - **pageDown**(boolean bottom)：将WebView展示的页面滑动至底部。
   <br>
   <br>
   

From db7a533ca1d6441463941841608c0d7311c36ed7 Mon Sep 17 00:00:00 2001
From: Junqi Ling <673161157@qq.com>
Date: Wed, 31 Aug 2016 10:38:40 +0800
Subject: [PATCH 39/39] Update and rename 2016-08-30.html.markdown to
 2016-08-31.html.markdown

finish
---
 .../{2016-08-30.html.markdown => 2016-08-31.html.markdown}   | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)
 rename .middleman/source/{2016-08-30.html.markdown => 2016-08-31.html.markdown} (99%)

diff --git a/.middleman/source/2016-08-30.html.markdown b/.middleman/source/2016-08-31.html.markdown
similarity index 99%
rename from .middleman/source/2016-08-30.html.markdown
rename to .middleman/source/2016-08-31.html.markdown
index bc40dac..171103a 100644
--- a/.middleman/source/2016-08-30.html.markdown
+++ b/.middleman/source/2016-08-31.html.markdown
@@ -480,7 +480,7 @@ public class MainActivity extends AppCompatActivity {
 <br>
   
 <br>
-##Js与WebVipew交互
+##Js与WebView交互
 
   既然嗨鸟应用大行其道，那么毫无疑问Android与JavaScript的交互我们也必须了解清楚，下面来介绍一下JavaScript与Android是如何互相调用的。
   <br>
@@ -658,7 +658,7 @@ public class MainActivity extends AppCompatActivity {
 介绍了这么多，希望能对你有点帮助。接下来时纯实战时间，我会将上面所介绍的很多知识点在接下来的代码里实际应用一遍，希望能够带给你更加直观的使用感受。
 
   ```XML
-      <?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="utf-8"?>
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:app="http://schemas.android.com/apk/res-auto"
     android:layout_width="match_parent"
@@ -907,6 +907,7 @@ public class MainActivity extends AppCompatActivity {
   效果图：
   
   fuck，效果图太大压缩无望~~~
+  [效果图看外链视频吧](http://www.iqiyi.com/w_19rsx24znp.html)
 <br>
 <br>