搜尋此網誌

2017年10月10日 星期二

【Android】使用webview速記

ref:
https://developer.android.com/guide/webapps/webview.html
  • 首先，把網頁檔(包含.htm, .html, .css)通通丟進assets目錄中，如果沒有assets資料夾，main目錄下建立一個assets資料夾。
    • 其中，這裡舉例網頁的主畫面為other.html，一個頁面透過不同的超連結直接對應各網頁。
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <link href="main.css" rel="stylesheet" type="text/css">
</head>
<body>
<h1><span id=title>webview示範</span></h1>
<p><b>Version <span id=version>0.0.1 (201710100640)</span></b></p>
<p>
<ul>
    <li><a href="cookbk.htm">使用說明</a></li>
</ul>
</p>
<p>
<!-- <p><ul><li><a href="http://www.youtube.com/watch?v=testtest">介紹影片</a></li></ul></p> -->
<p>
</p>
<p>
<ul>
    <li><a href="version_log.html">版本更新資訊</a></li>
</ul>
</p>
<p><b>需要的權限：</b>
<ul>
    <li>RECEIVE_BOOT_COMPLETED: 當設備重開機時，自動啟動通知提醒功能</li>
    <!--<li>SYSTEM_ALERT_WINDOW: 用於顯示應用使用時間過長的提醒訊息</li>-->
    <!--<li>WRITE_EXTERNAL_STORAGE: 儲存程式的執行紀錄</li>-->
</ul>
</p>

<p><b>Email:</b> <a href="mailto:xxyyzz@gmail.com">xxyyzz@gmail.com</a></p>

<p>Copyright(C) 2012-2017 ptodue Note. All Rights Reserved.</p>
</body>
</html>

  • 建立一個webview layout頁面，很多教學網頁都有，就不舉例。
  • 在webViewactivity的onCreate()載入webview。
WebView myWebView = (WebView) findViewById(R.id.webview);
myWebView.loadUrl("file:///android_asset/zh/other.html");

  • 基本上，一個載入簡單html的功能就完成。
-----------------------我是分隔線-----------------------------------------
但是，在點擊網頁中預設的連結時，總是會crash，並中斷程式。透過查firebase crash report發現是android.os.FileUriExposedExceptionj問題，通常是在android N以上會出錯。

The exception that is thrown when an application exposes a file:// Uri to another app.
  • This exposure is discouraged since the receiving app may not have access to the shared path. For example, the receiving app may not have requested the READ_EXTERNAL_STORAGE runtime permission, or the platform may be sharing the Uri across user profile boundaries.
    Instead, apps should use content:// Uris so the platform can extend temporary permission for the receiving app to access the resource.
    This is only thrown for applications targeting N or higher. Applications targeting earlier SDK versions are allowed to share file:// Uri, but it's strongly discouraged.
  • 大意：android 7.0(N)以後，不能使用file://Uri，只能使用content://Uri，因為有安全因素，所以要定義好權限問題(Intent.FLAG_GRANT_READ_URI_PERMISSION)。有看沒有懂?!
  • 網路上搜尋解決辦法：使用FileProvider，可參考
  • 把原本的做法繞過去，不確定是否最佳解？
    • 簡單來說，因為首次讀取網頁不會跳exception，所以，不透過webview hyperlink，而是直接重新載入activity，但webView load會替換成，剛剛使用者所選取的網頁路徑。
    • 做法：擷取當使用者點擊網頁對應hyper link path，並透過intentExtra Bundle傳遞此資訊，context.startActivity(this,this.class);，所以uri path會替換成剛Bundle收到的hyper link path。
    • codet趁記憶簡單寫一下：

@Override
onCraete()

WebView myWebView = (WebView) findViewById(R.id.webview);  
refreshWebView(myWebView);    //擷取網頁點擊動作，並載入

//...略

自定義的refreshWebView(WebView myWebView)，以version_log作示範：

  • 使用shouldOverrideUrlLoading 偵測擷取uri path
The shouldOverrideUrlLoading(WebView view, String url) method is deprecated in API 24 and the shouldOverrideUrlLoading(WebView view, WebResourceRequest request) method is added in API 24. If you are targeting older versions of android, you need the former method, and if you are targeting 24 (or later, if someone is reading this in distant future) it's advisable to override the latter method as well.(ref:https://stackoverflow.com/a/38484061)

String fromPath = getIntent().getExtras().getString("webviewEX","zh/other.html");  //預設路徑為zh/other.html
myWebView.loadUrl("file:///android_asset/" + fromPath);    //載入webview內容

view.setWebViewClient(new WebViewClient() {    
            @SuppressWarnings("deprecation")
            @Override
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                if (url.contains("version_log.html")) {
                    goClickPage(ctx, "zh/version_log.html");
                    return true;
                }
                return false;
            }

            @TargetApi(Build.VERSION_CODES.N)
            @Override
            public boolean shouldOverrideUrlLoading(WebView view, WebResourceRequest request) {
                if (request.getUrl().toString().contains("version_log.html")) {
                    goClickPage(ctx, "zh/version_log.html");
                }
                return true;
            }
        });

自定義的goClickPage(Context ctx, String path)

Intent starter = new Intent(context, webViewactivity.class);
starter.putExtra("webviewEX", path);
context.startActivity(starter);
完成
-----------------------我是分隔線-----------------------------------------
題外話：
如果想完完全全在activity開啟自己的瀏覽網頁的瀏覽器，而不是額外開啟Chrome之類的。可參考：
Android Working with WebView – Building a Simple In-App Browser

標籤： ,

沒有留言:

張貼留言

訂閱： 張貼留言 (Atom)