基於Xamarin Android實現的簡單的瀏覽器

　　最近做了一個Android瀏覽器，當然功能比較簡單，主要實現了自己想要的一些功能……現在有好多瀏覽器為什么還要自己寫？當你使用的時候總有那么一些地方不如意，於是就想自己寫一個。

　　開發環境：Xamarin Android(非Forms)+聯想機子（5.0）+榮耀機子（8.0）

　　【開發目標】

　　1、瀏覽器的基本功能，關聯Http和Https(在另一個APP中打開網頁時，可以彈出本應用)

　　2、創建應用目錄，用來存放離線網頁文件

　　3、可以離線保存網頁（格式為mht）

　　4、關聯mht和mhtml格式的文件

　　【涉及到的技術點】

　　1、重寫Activity中的OnBackPressed方法，實現webview回退和再按一次退出程序的功能

　　2、重寫Activity中的OnConfigurationChanged方法，實現橫豎屏功能

　　【webview相關技術點】

　　1、開啟一些常用的設置：JavaScriptEnabled、DomStorageEnabled（如果DomStorageEnabled不啟用，網頁中的下拉刷新和加載更多將不起作用；例子：百度首頁加載新聞）

　　2、重寫WebViewClient中的ShouldOverrideUrlLoading方法，在點擊打開網頁中的鏈接時，用自己的webview中打開連接，而不是打開其他的瀏覽器

　　3、重寫WebChromeClient中的OnReceivedTitle和OnProgressChanged方法，分別獲取頁面標題（作為離線文件的名稱）和加載進度

　　4、采用事件的方式，通知主Activity關於頁面加載開始、加載結束、標題、加載進度等的一些事情，進而更新UI（這里和Java的寫法有些不同）

　　5、頁面加載進度條

　　【懸浮按鈕】1、全屏（退出）按鈕　　2、保存網頁　　3、掃描二維碼（版本兼容問題尚未實現）

　　【網址輸入框】

　　1、輸入正確的網址之后點擊輸入法中的“前往”調轉

　　2、隱藏輸入法

　　以上列到的功能基本實現，最后在榮耀V10上測試時，其他的功能還好，就是在打開離線文件時也不報錯，就是打不開……郁悶啊！最后查了一下也沒有找到原因。這里說一下場景，以方便大神發現問題，希望大神不吝賜教。在我的聯想手機上測試時發現本地文件路徑是這樣的：file:///storage/emulated/0/DDZMyBrowser/SavePages/1.mht　　此時可以正常瀏覽，而V10中得到的路徑是這樣的，內部存儲：content://com.huawei.hidisk.fileprovider/root/storage/emulated/0/DDZMyBrowser/SavePages/1.mht 　　SD卡：content://com.huawei.hidisk.fileprovider/root/storage/0ABF-6213/1.mht　　這兩個都打不開。我查詢的結果，這路徑應該是利用FileProvider生成的（7.0以上），哎，並非真正的android開發，並不太懂，一臉懵逼，不知道是不是因為這個原因……開始我還寄希望於將content://轉為file:///格式的，但是都失敗了，最后想想網上說的webview支持content://開頭的啊，自己在輸入框中手動修改為：file:///storage/emulated/0/DDZMyBrowser/SavePages/1.mht　　發現是可以征程瀏覽的……

　　上一下截圖：

　　1、應用首頁

　　2、再按一次退出程序

　　3、橫屏

　　4、豎屏

　　5、網頁中的下拉刷新

　　6、加載更多

　　7、用自己的webview中打開連接，而不是打開其他的瀏覽器；進度條

　　8、全屏

　　9、離線保存

　　10、關聯MHT

　　11、關聯HTTP和HTTPS

 　　12、actionGo

 　　13、最后再來一張V10加載異常的圖片

 　　去去去，傳上去之后發現圖片太大了，全是百度的圖片……這事兒弄得

　　最后在貼一下代碼，記錄一下

　　CS代碼：

using Android.App;
using Android.Widget;
using Android.OS;
using Android.Webkit;
using System;
using Android.Support.Design.Widget;
using Android.Content;
using Android.Views;
using Java.IO;
using Android.Views.InputMethods;
using Android.Content.PM;
using Android.Content.Res;
using Android.Provider;
using Android.Database;

namespace DDZ.MyBrowser
{
    /// <summary>
    /// 獲取網頁Title
    /// </summary>
    /// <param name="title"></param>
    public delegate void MyWebViewTitleDelegate(string title);

    /// <summary>
    /// 獲取網頁加載進度
    /// </summary>
    public delegate void MyWebViewProgressChangedDelegate(int newProgress);

    /// <summary>
    /// 網頁加載完成事件
    /// </summary>
    public delegate void MyWebViewPageFinishedDelegate();

    [IntentFilter(
        new[] { Intent.ActionView },
        Categories = new[] { Intent.CategoryDefault, Intent.CategoryBrowsable },
        DataSchemes = new[] { "http", "https" })]
    [IntentFilter(
        new[] { Intent.ActionView },
        Categories = new[] { Intent.CategoryDefault, Intent.CategoryBrowsable },
        DataSchemes = new[] { "file", "content" }, DataMimeType = "*/*", DataHost = "*", DataPathPattern = ".*\\\\.mhtml")]
    [IntentFilter(
        new[] { Intent.ActionView },
        Categories = new[] { Intent.CategoryDefault, Intent.CategoryBrowsable },
        DataMimeType = "*/*", DataSchemes = new[] { "file", "content" }, DataHost = "*", DataPathPattern = ".*\\\\.mht")]
    [Activity(Label = "@string/app_name", Theme = "@style/AppTheme", MainLauncher = true,
        ConfigurationChanges = ConfigChanges.Orientation | ConfigChanges.ScreenSize | ConfigChanges.KeyboardHidden)]
    public class MainActivity : Activity
    {
        WebView myBrowser;
        EditText edtTxtUrl;
        FloatingActionButton fabMain;
        FloatingActionButton fabSubQRcodeScan;
        FloatingActionButton fabSubToggleFullScreen;
        FloatingActionButton fabSubSaveMHT;
        ProgressBar myBrowserPBar;

        private static bool isFabOpen;
        private static bool isFullScreen;
        private static DateTime lastClickGoBack = DateTime.Now;

        private static string currentPageTitle;
        private readonly string externalStorageDirPath = Android.OS.Environment.ExternalStorageDirectory.AbsolutePath;
        private readonly string selfFolderName = "DDZMyBrowser";
        private static string selfApplicationDirPath;
        protected override void OnCreate(Bundle savedInstanceState)
        {
            // https://blog.csdn.net/niunan/article/details/71774292
            base.OnCreate(savedInstanceState);
            // Set our view from the "main" layout resource
            SetContentView(Resource.Layout.activity_main);

            //  1、瀏覽器控件相關
            myBrowser = FindViewById<WebView>(Resource.Id.myBrowser);
            //  要與Javascript交互，則webview必須設置支持Javascript
            myBrowser.Settings.JavaScriptEnabled = true;
            //  支持通過JS打開新窗口 
            myBrowser.Settings.JavaScriptCanOpenWindowsAutomatically = true;
            myBrowser.Settings.DomStorageEnabled = true;
            myBrowser.Settings.AllowFileAccessFromFileURLs = true;

            var myWebViewClient = new MyWebViewClient();
            myWebViewClient.GetWebViewPageFinishedDelegate += MyWebViewClient_GetWebViewPageFinishedDelegate;
            myBrowser.SetWebViewClient(myWebViewClient);
            var myWebChromeClient = new MyWebChromeClient();
            myWebChromeClient.GetWebViewTitleDelegate += MyWebChromeClient_GetWebViewTitleDelegate;
            myWebChromeClient.GetWebViewProgressChangedDelegate += MyWebChromeClient_GetWebViewProgressChangedDelegate;
            myBrowser.SetWebChromeClient(myWebChromeClient);
            edtTxtUrl = FindViewById<EditText>(Resource.Id.edtTxtUrl);
            edtTxtUrl.EditorAction += EdtTxtUrl_EditorAction;
            myBrowserPBar = FindViewById<ProgressBar>(Resource.Id.myBrowserPBar);

            //  2、右下方懸浮控件
            fabMain = FindViewById<FloatingActionButton>(Resource.Id.fabMain);
            fabSubQRcodeScan = FindViewById<FloatingActionButton>(Resource.Id.fabSubQRcodeScan);
            fabSubToggleFullScreen = FindViewById<FloatingActionButton>(Resource.Id.fabSubToggleFullScreen);
            fabSubSaveMHT = FindViewById<FloatingActionButton>(Resource.Id.fabSubSaveMHT);
            fabMain.Click += FabMain_Click;
            fabSubQRcodeScan.Click += FabSubQRcodeScan_Click;
            fabSubToggleFullScreen.Click += FabSubToggleFullScreen_Click; ;
            fabSubSaveMHT.Click += FabSubSaveMHT_Click;

            //  3、第三方應用使用該應用打開網頁時，"this.Intent.DataString" 獲取需要打開的網址
            //      自己打開時，"this.Intent.DataString" 的值為空
            String url = this.Intent.DataString;
            if (!String.IsNullOrEmpty(url))
            {              
                if (this.Intent.Data.Scheme == "content")
                {
                    //  DocumentsContract.IsDocumentUri(this, this.Intent.Data)：false

                    //  this.Intent.Data.Authority：com.huawei.hidisk.fileprovider
                    //  this.Intent.Data.Host：com.huawei.hidisk.fileprovider
                    //  this.Intent.Data.Path：/root/storage/0ABF-6213/xxx.mht
                    //  this.Intent.Data.PathSegments：this.Intent.Data.Path的數組形式

                    //  Android.Support.V4.Content.FileProvider.GetUriForFile()
                    //   this.Intent.SetFlags(ActivityFlags.GrantReadUriPermission).SetFlags(ActivityFlags.GrantWriteUriPermission);
                }
            }
            edtTxtUrl.Text = url;
            LoadOnePage(url);

            //  4、創建應用目錄
            CreateSelfApplicationFolder();
        }       

        private void EdtTxtUrl_EditorAction(object sender, TextView.EditorActionEventArgs e)
        {
            string inputUrl = edtTxtUrl.Text.Trim();
            if (e.ActionId == ImeAction.Go)
            {
                HideSoftInputFn();
                LoadOnePage(inputUrl);
            }
        }

        #region 獲取WebView加載頁面相關信息的一些自定義事件
        private void MyWebViewClient_GetWebViewPageFinishedDelegate()
        {
            Toast.MakeText(this, "加載完成", ToastLength.Long).Show();
        }

        private void MyWebChromeClient_GetWebViewProgressChangedDelegate(int newProgress)
        {
            myBrowserPBar.Visibility = ViewStates.Visible;
            myBrowserPBar.Progress = newProgress;
            if (newProgress == 100)
            {
                myBrowserPBar.Visibility = ViewStates.Gone;
            }
        }

        private void MyWebChromeClient_GetWebViewTitleDelegate(string title)
        {
            currentPageTitle = title;
        }
        #endregion

        #region 懸浮按鈕
        private void FabMain_Click(object sender, EventArgs e)
        {
            if (!isFabOpen)
            {
                HideSoftInputFn();
                ShowFabMenu();
            }
            else
            {
                CloseFabMenu();
            }
            SetToggleFullScreenBtnImg();
        }

        private void FabSubQRcodeScan_Click(object sender, EventArgs e)
        {
            Toast.MakeText(this, "掃描二維碼", ToastLength.Long).Show();
        }

        private void FabSubSaveMHT_Click(object sender, EventArgs e)
        {
            string savePageDirPath = $"{selfApplicationDirPath}{File.Separator}SavePages";
            File dir = new File(savePageDirPath);
            if (!dir.Exists())
            {
                bool retBool = dir.Mkdir();
            }
            myBrowser.SaveWebArchive($"{savePageDirPath}{File.Separator}{currentPageTitle}.mht");
        }

        private void FabSubToggleFullScreen_Click(object sender, EventArgs e)
        {
            if (isFullScreen)
            {   //  目前為全屏狀態，修改為非全屏
                edtTxtUrl.Visibility = ViewStates.Visible;
                this.Window.ClearFlags(WindowManagerFlags.Fullscreen);
            }
            else
            {   //  目前為非全屏狀態，修改為全屏
                edtTxtUrl.Visibility = ViewStates.Gone;
                this.Window.SetFlags(WindowManagerFlags.Fullscreen, WindowManagerFlags.Fullscreen);
            }
            isFullScreen = !isFullScreen;
            SetToggleFullScreenBtnImg();
        }

        private void ShowFabMenu()
        {
            isFabOpen = true;
            fabSubQRcodeScan.Visibility = ViewStates.Visible;
            fabSubToggleFullScreen.Visibility = ViewStates.Visible;
            fabSubSaveMHT.Visibility = ViewStates.Visible;

            fabMain.Animate().Rotation(135f);
            fabSubQRcodeScan.Animate()
               .TranslationY(-600f)
               .Rotation(0f);
            fabSubToggleFullScreen.Animate()
               .TranslationY(-410f)
               .Rotation(0f);
            fabSubSaveMHT.Animate()
                .TranslationY(-220f)
                .Rotation(0f);
        }

        private void CloseFabMenu()
        {
            isFabOpen = false;

            fabMain.Animate().Rotation(0f);
            fabSubQRcodeScan.Animate()
                .TranslationY(0f)
                .Rotation(90f);
            fabSubToggleFullScreen.Animate()
                .TranslationY(0f)
                .Rotation(90f);
            fabSubSaveMHT.Animate()
                .TranslationY(0f)
                .Rotation(90f);

            fabSubQRcodeScan.Visibility = ViewStates.Gone;
            fabSubToggleFullScreen.Visibility = ViewStates.Gone;
            fabSubSaveMHT.Visibility = ViewStates.Gone;
        }

        private void SetToggleFullScreenBtnImg()
        {
            if (isFullScreen)
            {
                fabSubToggleFullScreen.SetImageResource(Resource.Drawable.fullscreenExit);
            }
            else
            {
                fabSubToggleFullScreen.SetImageResource(Resource.Drawable.fullscreen);
            }
        }
        #endregion

        #region 重寫基類 Activity 方法
        public override void OnConfigurationChanged(Configuration newConfig)
        {
            base.OnConfigurationChanged(newConfig);
            if (newConfig.Orientation == Android.Content.Res.Orientation.Portrait)
            {
                edtTxtUrl.Visibility = ViewStates.Visible;
                fabMain.Visibility = ViewStates.Visible;
                this.Window.ClearFlags(WindowManagerFlags.Fullscreen);
                isFullScreen = false;
                Toast.MakeText(Application.Context, "豎屏模式！", ToastLength.Long).Show();
            }
            else
            {
                CloseFabMenu();
                edtTxtUrl.Visibility = ViewStates.Gone;
                fabMain.Visibility = ViewStates.Gone;
                this.Window.SetFlags(WindowManagerFlags.Fullscreen, WindowManagerFlags.Fullscreen);
                isFullScreen = true;
                Toast.MakeText(Application.Context, "橫屏模式！", ToastLength.Long).Show();
            }
        }
        public override void OnBackPressed()
        {
            if (myBrowser.CanGoBack())
            {
                myBrowser.GoBack();
            }
            else
            {
                if ((DateTime.Now - lastClickGoBack).Seconds > 2)
                {
                    Toast.MakeText(this, $"再按一次退出程序", ToastLength.Long).Show();
                    lastClickGoBack = DateTime.Now;
                }
                else
                {
                    this.Finish();
                }
            }
        }
        #endregion

        private void LoadOnePage(String url = "")
        {
            currentPageTitle = null;
            if (String.IsNullOrEmpty(url)) url = "https://www.baidu.com/";
            myBrowser.LoadUrl(url);
        }

        private void HideSoftInputFn()
        {
            //  隱藏鍵盤
            InputMethodManager imm = (InputMethodManager)this.GetSystemService(Context.InputMethodService);
            imm.HideSoftInputFromWindow(edtTxtUrl.WindowToken, 0);
        }

        private void CreateSelfApplicationFolder()
        {
            selfApplicationDirPath = $"{externalStorageDirPath}{File.Separator}{selfFolderName}";
            File dir = new File(selfApplicationDirPath);
            if (!dir.Exists())
            {
                bool retBool = dir.Mkdir();
            }
        }

        private String GetRealPathFromURI(Context context, Android.Net.Uri uri)
        {
            String retPath = null;
            if (context == null || uri == null) return retPath;
            Boolean isKitKat = Build.VERSION.SdkInt >= BuildVersionCodes.Kitkat;
            if (isKitKat && DocumentsContract.IsDocumentUri(context, uri))
            {
                if (uri.Authority.Equals("com.android.externalstorage.documents", StringComparison.OrdinalIgnoreCase))
                {
                    String docId = DocumentsContract.GetDocumentId(uri);
                    String[] split = docId.Split(':');
                    if (split[0].Equals("primary", StringComparison.OrdinalIgnoreCase))
                    {
                        retPath = Android.OS.Environment.ExternalStorageDirectory + "/" + split[1];
                    }
                }
            }
            return retPath;
        }

        private String GetFilePathFromContentUri(Context context,Android.Net.Uri url)
        {
            String filePath = null;
            String[] filePathColumn = { MediaStore.MediaColumns.Data };
            using (ICursor cursor = context.ContentResolver.Query(url, filePathColumn, null, null, null))
            {
                if (cursor != null && cursor.MoveToFirst())
                {
                    int columnIndex = cursor.GetColumnIndexOrThrow(filePathColumn[0]);
                    if (columnIndex > -1)
                    {
                        filePath = cursor.GetString(columnIndex);
                    }
                }
            }
            return filePath;
        }
    }

    public class MyWebViewClient : WebViewClient
    {
        public event MyWebViewPageFinishedDelegate GetWebViewPageFinishedDelegate;
        public override bool ShouldOverrideUrlLoading(WebView view, IWebResourceRequest request)
        {
            view.LoadUrl(request.Url.ToString());
            return true;
        }

        public override void OnPageFinished(WebView view, string url)
        {
            base.OnPageFinished(view, url);
            GetWebViewPageFinishedDelegate();
        }
    }

    public class MyWebChromeClient : WebChromeClient
    {
        public event MyWebViewTitleDelegate GetWebViewTitleDelegate;//聲明一個事件

        public event MyWebViewProgressChangedDelegate GetWebViewProgressChangedDelegate;
        public override void OnReceivedTitle(WebView view, string title)
        {
            base.OnReceivedTitle(view, title);
            GetWebViewTitleDelegate(title);
        }

        public override void OnProgressChanged(WebView view, int newProgress)
        {
            base.OnProgressChanged(view, newProgress);
            GetWebViewProgressChangedDelegate(newProgress);
        }
    }
}

　　布局代碼：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <LinearLayout
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <ProgressBar
            style="?android:attr/progressBarStyleHorizontal"
            android:layout_width="match_parent"
            android:layout_height="3dip"
            android:max="100"
            android:progress="0"
            android:visibility="gone"
            android:id="@+id/myBrowserPBar" />
        <android.webkit.WebView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:id="@+id/myBrowser" />
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal">
            <EditText
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:id="@+id/edtTxtUrl"
                android:inputType="text"
                android:singleLine="true"
                android:imeOptions="actionGo"
                android:hint="請輸入網址" />
        </LinearLayout>
    </LinearLayout>
    <android.support.design.widget.FloatingActionButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:layout_margin="18dp"
        android:visibility="gone"
        android:rotation="90"
        android:src="@drawable/qrcodeScan"
        app:fabSize="mini"
        android:id="@+id/fabSubQRcodeScan" />
    <android.support.design.widget.FloatingActionButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:layout_margin="18dp"
        android:visibility="gone"
        android:rotation="90"
        android:src="@drawable/saveMht"
        app:fabSize="mini"
        android:id="@+id/fabSubSaveMHT" />
    <android.support.design.widget.FloatingActionButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:layout_margin="18dp"
        android:visibility="gone"
        android:rotation="90"
        app:fabSize="mini"
        android:id="@+id/fabSubToggleFullScreen" />
    <android.support.design.widget.FloatingActionButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:layout_margin="10dp"
        android:src="@drawable/plus"
        app:fabSize="normal"
        android:id="@+id/fabMain" />
</RelativeLayout>

　　用到的一些權限

<uses-permission android:name="android.permission.INTERNET" />
    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
    <uses-permission android:name="android.permission.MOUNT_UNMOUNT_FILESYSTEMS" />
    <uses-permission android:name="android.permission.BIND_INPUT_METHOD" />

　　到此就結束了，webview在8.0下打開content://文件失敗的問題，如果有大神看到，希望幫忙解答，十分感謝！以后有機會在慢慢完善他的功能。

　　【2018-06-26更新】

　　昨天在小米note3測試本應用，本來是想測試一下看看能不能打開離線文件的問題，但是連關聯MHT都不行，打開的時候，應用列表沒有該應用……郁悶了，越淌水越深啊！

　　【2018-11-08更新】

　　開始因為版本兼容的問題，掃描二維碼未處理，一直想着過后看看官方能不能解決，但是今天看看，還是不行……但是VS給出了解決方案：

　　VS會依次提示單獨安裝上述的幾個包，開始這個項目只安裝了一個包，現在的依賴如下：

　　這次添加的相機權限

<uses-permission android:name="android.permission.CAMERA" />

　　相機相關代碼

　　1、初始化

        protected override void OnCreate(Bundle savedInstanceState)
        {
            ………………
            ………………
            //  5、初始化
            MobileBarcodeScanner.Initialize(Application);
        }

　　2、點擊掃描二維碼執行的代碼

        private void FabSubQRcodeScan_Click(object sender, EventArgs e)
        {
            //Toast.MakeText(this, "掃描二維碼", ToastLength.Long).Show();
            Task.Run(() =>
            {
                var scanner = new MobileBarcodeScanner();
                var result = scanner.Scan();
                if (result != null)
                {
                    string scanResult = result.Result.Text;
                    this.RunOnUiThread(new Java.Lang.Runnable(() =>
                    {
                        edtTxtUrl.Text = scanResult;
                        LoadOnePage(scanResult);
                    }));
                }
            });
        }

　　經過這次更新，就可以掃描二維碼了……