Question

对于使用Angular的NativeScript iOS和Android应用程序，如何在WebView内加载具有JS和CSS引用的本地存储的html文件？我可以显示WebView，但是由于找不到文件中的src，因此出现找不到文件的错误。

目前，我在src / assets中有文件，并且其中有index.html

在应用程序中是否有更合适的位置存储这些文件？有没有比WebView更好的显示方式了？如何引用此文件作为WebView的源？

我还将需要知道如何引用应用下载的文件。 iOS和Android在哪里将应用程序中下载的文件存储在哪里？如何从WebView引用这些文件？

谢谢。

Answer 1

在将本地JS / CSS /图像导入WebView时，必须使用绝对路径。这是Playground sample。与给定的示例不同，如果您要加载与应用程序打包在一起的文件，则只需使用应用程序目录，而不用正确的文件路径即可。

Answer 2

我使用的路径如下：

src='~/assets/player.iframe.html'

在我刚刚添加的webpack.config.js中

new CopyWebpackPlugin([
                { from: { glob: "assets/**" } },          <= Added this row
                { from: { glob: "fonts/**" } },
                { from: { glob: "**/*.jpg" } },
                ...

在NativeScript应用程序中加载本地HTML / JavaScript / CSS

2 个答案: