1

如何将 html 和/或非本地网站呈现到nativescript应用程序中？我找不到启动或操作浏览器实例的方法。

4

2 回答 2

4

该文档将对您有所帮助，但这里有两个示例：

带有网址的示例

此示例将创建一个带有 WebView 的新页面，然后导航到该页面。Url 可以是本地的（手机上的 html 文件）或远程的（http://...）

var frameModule = require('ui/frame');
var pageModule = require('ui/page');
var webViewModule = require("ui/web-view");

var factoryFunc = function () {
    var webView = new webViewModule.WebView();
    webView.url = 'http://www.example.com';
    var page = new pageModule.Page();
    page.content = webView;
    return page;
};

frameModule.topmost().navigate(factoryFunc);

将本地数据加载到 WebView 中的示例

一个例子，你有一个视图 ( .xml) 和它的相应.js文件，你给它一个包含要显示的 html 的字符串。

在哪里.xml：

<Page xmlns="http://www.nativescript.org/tns.xsd" loaded="loaded">
    <WebView id="myWebView" />
</Page>

和.js：

exports.loaded = function(args) {
    var page = args.object;
    var webView = page.getViewById('myWebView');
    var application = require('application');
    var html = '<html><body><h1>I can haz webview?</h1></body><html>';

    if (application.ios) {
        webView.ios.loadHTMLStringBaseURL(html, null);
    } else if (application.android) {
        webview.android.loadData(html, 'text/html', null);
    }
};
于 2015-05-16T16:55:53.090 回答
1

在即将发布的版本中，您将能够像这样指定 HTML：

<Page>
    <WebView src="<html><body><h1>I can haz webview?</h1></body><html>" />
</Page>

Src 属性也适用于 URL 和本地文件路径。

于 2015-05-19T11:49:11.833 回答