从该网站 Xamarin android 中的链接将 pdf 显示为 webview

Question

在我的应用程序中，我实现了一个 webview 来显示指向该 webview 的网站链接。现在该网站有一个包含 pdf 文件链接的按钮。如果我点击网站上的那个按钮，它会在网上显示一个 pdf 文件。但是，如果我尝试在我的应用程序中将其打开到 webview 中，则什么也不会发生。我是 Xamarin android 的新手。我找不到任何合适的方法。这是我将网站显示到 webview 中的代码。

单击网站上的链接时，我想重新加载 pdf。但是结果和以前一样

修改后的代码

    namespace Xamarin.PDFView
{
    [Activity (Label = "PDFView", MainLauncher = true, Icon = "@drawable/icon")]

    public class MainActivity : Activity
    {
        private  string _documentsPath = System.Environment.GetFolderPath(System.Environment.SpecialFolder.MyDocuments);
        private  string _pdfPath;
        private  string _pdfFileName = "thePDFDocument.pdf";
        private  string _pdfFilePath;
        private WebView _webView;
        private string _webUrl = "https://Link of thewebsite";
        private string _pdfURL = "https://Link of thewebsite/25052016.pdf";
        private WebClient _webClient = new WebClient();

        protected override void OnCreate (Bundle bundle)
        {
            base.OnCreate (bundle);
            // Set our view from the "main" layout resource
            SetContentView (Resource.Layout.Main);

            _webView = FindViewById<WebView> (Resource.Id.webView1);
            var settings = _webView.Settings;
            settings.JavaScriptEnabled = true;
            settings.AllowFileAccessFromFileURLs = true;
            settings.AllowUniversalAccessFromFileURLs = true;
            settings.BuiltInZoomControls = true;
            _webView.SetWebViewClient(new WebViewClient());
            _webView.SetWebChromeClient(new WebChromeClient());
            _webView.LoadUrl(_webUrl);

        }
        public override bool OnTouchEvent(MotionEvent e)
        {
            if (_webUrl.Contains(".pdf"))
            {
               DownloadPDFDocument();
            }

            return base.OnTouchEvent(e);
        }

        protected override void OnResume ()
        {
            base.OnResume ();
            _webView.LoadUrl( "javascript:window.location.reload( true )" );

        }

        protected override void OnPause ()
        {
            base.OnPause ();
            _webView.ClearCache(true);
        }

        private void DownloadPDFDocument()
        {
            AndHUD.Shared.Show(this, "Downloading PDF\nPlease Wait ..", -1, MaskType.Clear);

            _pdfPath = _documentsPath + "/PDFView";
            _pdfFilePath  = Path.Combine(_pdfPath, _pdfFileName);

            // Check if the PDFDirectory Exists
            if(!Directory.Exists(_pdfPath)){
                Directory.CreateDirectory(_pdfPath);
            }
            else{
                // Check if the pdf is there, If Yes Delete It. Because we will download the fresh one just in a moment
                if (File.Exists(_pdfFilePath)){
                    File.Delete(_pdfFilePath);
                }
            }

            // This will be executed when the pdf download is completed
            _webClient.DownloadDataCompleted += OnPDFDownloadCompleted;
            // Lets downlaod the PDF Document
            var url = new Uri(_pdfURL);
            _webClient.DownloadDataAsync(url);
        }

        private void OnPDFDownloadCompleted (object sender, DownloadDataCompletedEventArgs e)
        {
            // Okay the download's done, Lets now save the data and reload the webview.
            var pdfBytes = e.Result;
            File.WriteAllBytes (_pdfFilePath, pdfBytes);

            if(File.Exists(_pdfFilePath))
            {
                var bytes = File.ReadAllBytes(_pdfFilePath);
            }

            _webView.LoadUrl("file:///android_asset/pdfviewer/index.html?file=" + _pdfFilePath);

            AndHUD.Shared.Dismiss();
        }


        public class HelloWebViewClient : WebViewClient
        {
            public override bool ShouldOverrideUrlLoading(WebView view, IWebResourceRequest request)
            {
                view.LoadUrl(request.Url.ToString());
                return false;
            }
        }
    }

}

Answer 1

在下面的链接中提到：

Read this link

您需要使用WebViewRenderer 实现以下代码

namespace DisplayPDF.Droid
{
    public class CustomWebViewRenderer : WebViewRenderer
    {
        protected override void OnElementChanged (ElementChangedEventArgs<WebView> e)
        {
            base.OnElementChanged (e);

            if (e.NewElement != null) {
                var customWebView = Element as CustomWebView;
                Control.Settings.AllowUniversalAccessFromFileURLs = true;
                Control.LoadUrl (string.Format ("file:///android_asset/pdfjs/web/viewer.html?file={0}", string.Format ("file:///android_asset/Content/{0}", WebUtility.UrlEncode (customWebView.Uri))));
            }
        }
    }
}

Answer 2

有没有办法从链接中显示 pdf 文件

如前所述，android webview 不支持 pdf 文件。作为一种解决方法，您可以在 android webview 中使用 Google Docs：

1. 创建一个自定义 webview 客户端并像这样覆盖 ShouldOverrideUrlLoading：

   public class MyWebViewClient: WebViewClient
   {
       public override bool ShouldOverrideUrlLoading(WebView view, string url)
       {
           //if PDF file then use google client to show it
           if (url.ToLower().EndsWith(".pdf"))
           {
               var newUrl = "https://docs.google.com/viewer?url=" + url;
               view.LoadUrl(newUrl);
           }
           return true;
       }
   }
   

2. 使用您的自定义 webview 客户端：

   mWebview.SetWebViewClient(new MyWebViewClient());
   

注意：如果您的 webview 使用 android:layout_height="wrap_content"，则需要将其更改为固定 dp，例如 android:layout_height="400dp"，否则 webview 将无法正确显示 pdf。