NativeScript,WebView脱机时显示本地HTML文件

NativeScript,WebView脱机时显示本地HTML文件,webview,nativescript,Webview,Nativescript,在NativeScript中,如果WebView处于脱机状态,如何显示本地HTML文件 在本例中,我尝试加载字符串而不是文件。但我不能让它工作 let errorHtml = ` <html> <style> body { background-color: red; color: #fff;

在NativeScript中,如果WebView处于脱机状态,如何显示本地HTML文件

在本例中,我尝试加载字符串而不是文件。但我不能让它工作

    let errorHtml = `
        <html>
            <style>
                body {
                    background-color: red;
                    color: #fff;
                }
            </style>
            <body>
                <h1>Error</h1>
            </body>
        </html>
    `;

    webView.on(webViewModule.WebView.loadFinishedEvent, (args) => {
        if (!args.error) {
            loadLanguagesInWebView();
            listenLangWebViewEvents();
        } else {
            webView.src = errorHtml;
        }
    });

    webView.src = "www.google.com";
let errorHtml=`
身体{
背景色:红色;
颜色:#fff;
}
错误
`;
webView.on(webViewModule.webView.loadFinishedEvent,(args)=>{
如果(!args.error){
加载WebView()中的语言;
listenLangWebViewEvents();
}否则{
webView.src=errorHtml;
}
});
webView.src=“www.google.com”;

如果您已在应用程序中本地包含HTML文件,则无需担心设备是否处于脱机状态

如果您要求在设备脱机时加载远程网站,则这与WebView无关


这就是你的web应用所要做的,实现。我将Angular用于我的web应用程序,我所做的只是使模块能够获得对我的web应用程序的脱机支持。根据web应用的技术堆栈,您可能需要进行类似的调整。

我有一个从服务器加载站点的WebView。但我喜欢显示一个“脱机”页面(本地html文件),上面写着“没有internet连接”。如果该站点不在您的控制范围内,那么您可以只收听WebView的
loadFinished
事件,如果有错误且
none
,然后在WebView上设置错误消息。我用今天的代码更新了问题。但是如果主页(例如google.com)没有加载,我无法显示错误页面。这对我来说似乎很好——但是如果我将手机设置为飞行模式并重新启动应用程序,错误页面将不会显示。它只是一片空白。如果没有连接,如何显示错误页面?