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