【问题标题】:Html5 javascript and css with Xamarin带有 Xamarin 的 Html5 javascript 和 css
【发布时间】:2016-01-19 05:49:18
【问题描述】:

我正在使用 Xamarin 表单编写本机跨平台应用程序。但是我有一个带有 Web 视图的页面,我需要在其中呈现现有的 HTML5 页面。现有的 HTML 5 页面也有 JavaScript 和 Css。我想将这些文件移植到 Xamarin 表单应用程序中,而不是托管在服务器中。我该如何解决这种情况?

提前致谢

注意

我知道我们可以使用 Razor 引擎加载 HTML。但似乎它不适用于 HTML5 js 和 css 组合。

【问题讨论】:

  • HTML 5、JS 和 CSS 在设备方面或功能方面究竟会做什么?例如,它是否需要播放视频或使用任何设备功能(相机、视频等)?我问是因为根据 HTML 5 页面的疯狂程度,您可能需要创建一个自定义 WebView 渲染器。
  • 没有及时编辑我上面的评论,但是如果 HTML 5 页面没有做任何太花哨的事情,那么我建议您遵循 Xamarin 的指南here 和/或告诉我们您遇到的任何问题按照这些说明进行操作。
  • @hvaughan3 我正在使用 HTML5 读取和显示 CBZ、PDF 和 EPub 文件。特别是,CBZ 文件包含一组图像。我正在使用 HTML5 和 JS,因为没有任何跨平台、基于单声道的库来读取 cbz、pdf 和 epub 文件(据我所知)。因此我应该使用 HTML5。比如像这样dzone.com/articles/how-i-built-html5-comic-book.
  • 您在使用我在上一条评论中链接到的 Xamarin 指南时遇到问题了吗?
  • 不幸的是,这取决于设备的类型。 Android WebViews 将支持与默认 iOS WebViews 不同的 HTML 5 功能。尽管您通常可以围绕这些问题进行补偿和/或编码。什么样的东西没有渲染,在什么类型的设备上?也许在您的问题中添加一些代码,并准确指出问题所在。

标签: javascript html xamarin xamarin.ios xamarin.forms


【解决方案1】:

问问自己(a)短期和(b)长期的每种可能的解决方案有多复杂:

  • 在 XF 中编写全新的代码
  • 使用 WebView 显示 HTML 的静态副本
  • 使用 WebView 显示您的远程页面
  • 在 Safari 中打开指向您页面的链接

上面的列表以高昂的前期成本开始,以最低的前期成本结束,长期成本可能会有很大差异:您是否想在网页设计发生变化时更新您的应用程序?网页是否相当复杂;你会用它来跟踪用户吗?……不胜枚举。

如果没有具体细节,很难猜测解决问题的最佳方法是什么。

假设它真的是一个折腾我会一直使用 XF,在 XAML 中重新实现该页面的功能,因为它将允许未来的开发是自包含的 - 你应该减少尽可能多的代码的依赖关系,包括不显示编译时的依赖关系。当一个团队依赖另一个团队来修复/更新某些东西时,维护一个应用程序可能会很痛苦。

【讨论】:

  • 。谢谢。我知道在 Xamarin 中使用 HTML 的缺点。但在我的情况下,只有一页将包含 HTML,这在未来永远不会改变。我在这里使用 HTML5 bz 可用于 PCL(支持 xamarin)的库用于读取 CBZ、CBR、EPUB 等文件的限制(请参阅我的 cmets 以获取 @hvaughan3。)如果您知道这样的库,请告诉我。我发现它很容易HTML5.
  • 如果您只是查看文件,请尝试使用 XF.WebView 而不使用任何花哨的 JS 或 HTML,只需将文件发送到 WebView(我已经使用 PDF 完成了)并选择不使用任何花哨的 JS 控件,直到您的用户要求它(有吗?)。不值得支持任何不太重要的事情
  • 彼得罗夫。你的意思是 XF.WebView 可以简单地渲染 PDF 而没有任何 HTML?我们如何在没有 HTML 的情况下在 WebView 中加载 pdf?你能给我举个例子吗?
  • 是的,你可以。链接的文档适用于 iOS,但我确信它也适用于 android。在链接中查看文件类型:developer.xamarin.com/recipes/ios/content_controls/web_view/…
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-05-23
  • 2012-03-13
  • 2012-03-10
  • 1970-01-01
  • 1970-01-01
  • 2017-01-04
相关资源
最近更新 更多