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平台:
[
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