Xamarin.Form中WebView的使用以及一些注意點


webview的使用一般情況分為三種,網站、html字符串以及本地Html內容的處理

1、網站

若要顯示來自 internet 的網站,請設置WebView Source 屬性設置為字符串 URL:

代碼如下

var browser = new WebView
{
  Source = "http://xamarin.com"
};

備注

Url 必須完全與指定的協議格式 (即它必須具有"http://"或"https://"開頭加)。

2、HTML 字符串

如果你想要顯示的代碼中動態定義的 HTML 字符串,你將需要創建的實例 HtmlWebViewSource :

代碼如下:

var browser = new WebView(); var htmlSource = new HtmlWebViewSource();
htmlSource.Html = @"<html><body>
  <h1>Xamarin.Forms</h1>
  <p>Welcome to WebView.</p>
  </body></html>";
browser.Source = htmlSource;

3、本地 HTML 內容

WebView 可提高一部分性能,引用本地的 JavaScript 文件或CSS 樣式表時。由於每個操作系統上的文件系統不同,我們需要確定每個平台上的文件路徑。 Xamarin.Forms 公開DependencyService用於解析在每個平台上運行時依賴項。可以使用DependencyService,首先定義一個可以在每個平台實現的接口:

public interface IBaseUrl { string Get(); }

接口的調用:

var source = new HtmlWebViewSource();
source.BaseUrl = DependencyService.Get<IBaseUrl>().Get();

然后必須提供每個平台接口的實現。這里只討論Android以及IOS

IOS平台:

[assembly: Dependency (typeof (BaseUrl_iOS))]
namespace WorkingWithWebview.iOS
{
  public class BaseUrl_iOS : IBaseUrl
  {
    public string Get()
    {
      return NSBundle.MainBundle.BundlePath; } } }

Android平台:

[assembly: Dependency (typeof(BaseUrl_Android))]
namespace WorkingWithWebview.Android
{
  public class BaseUrl_Android : IBaseUrl
  {
    public string Get()
    {
      return "file:///android_asset/";
    }
  }
}

遇到的一些問題:

問題1、安卓升級到Android 9.0之后,遇到http請求的問題

Google表示,為保證用戶數據和設備的安全,針對下一代 Android 系統(Android P) 的應用程序,將要求默認使用加密連接,這意味着 Android P 將禁止 App 使用所有未加密的連接,因此運行 Android P 系統的安卓設備無論是接收或者發送流量,未來都不能明碼傳輸,需要使用下一代(Transport Layer Security)傳輸層安全協議,而 Android Nougat 和 Oreo 則不受影響。

有以下三種解決方案

  • APP改用https請求
  • targetSdkVersion 降到27以下
  • 在 res 下新增一個 xml 目錄,然后創建一個名為:network_security_config.xml 文件(名字自定) ,內容如下,大概意思就是允許開啟http請求

<?xml version="1.0" encoding="utf-8"?>
<network-security-config>
    <base-config cleartextTrafficPermitted="true" />
</network-security-config>

然后在APP的AndroidManifest.xml文件下的application標簽增加以下屬性

<application
...
android:networkSecurityConfig="@xml/network_security_config"
...
/>

參考鏈接:

https://docs.microsoft.com/zh-cn/xamarin/xamarin-forms/user-interface/webview?tabs=windows

https://www.cnblogs.com/renhui/p/9921790.html

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM