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