我有一个使用HybridWebView(https://developer.xamarin.com/guides/xamarin-forms/custom-renderer/hybridwebview/)的xamarin.forms应用程序来显示html文档。我使用baseUrl将本地CSS和JS加载到文档中。这段代码在iOS 9.x上运行良好。
但是,在我升级到iOS 10之后,该代码可在iOS模拟器上运行,但不能在实际设备上运行。在设备上,它不会从本地存储加载CSS。
这是我正在使用的测试代码。它可以在模拟器上运行,但不能在设备上运行。
async void Handle_TestButtonClicked (object sender, System.EventArgs e)
{
string css = @"
body {
background-color: powderblue;
}
h1 {
color: blue;
}
p {
color: red;
}
";
var folder = await AppGlobals.AppStorage.GetContentFolder ();
string filename = "styles.css";
await AppGlobals.AppStorage.WriteToFile (folder, filename, css);
string html = @"<!DOCTYPE html>
<html>
<head>
<link rel=""stylesheet"" href=""styles.css"">
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>";
this.DocumentView.Html = html;
}
在HybridWebView中,我使用以下代码设置baseUrl
if (Element.Html != null) {
string baseFolderPath = await AppStorage.GetInstance ().GetContentFolderPath ();
var baseUrl = new NSUrl (baseFolderPath, true);
Control.LoadHtmlString (Element.Html, baseUrl);
}
我正在使用PCLStorage库读取/写入本地存储。
我认为LoadHtmlString已损坏,无法加载本地CSS / JS等。
通过将HTML字符串写入本地文件,然后使用LoadFileUrl加载它来解决此问题。这按预期工作
if (!String.IsNullOrEmpty (Element.Uri)) {
string filePath = await GetFilePathInContentFolderFromUri (Element.Uri);
var fileUrl = new NSUrl (filePath, false);
Control.LoadFileUrl (fileUrl, fileUrl);
}
另一个解决方法是将所需的css / js注入html文档本身,并仍然使用LoadHtmlString,这可行。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句