如何在nativescript應用程序中呈現html網站？

如何將html和/或非本地網站呈現爲nativescript應用程序？我無法找到一種方法來啓動或操縱瀏覽器實例。如何在nativescript應用程序中呈現html網站？

2015-05-14 Γιωργος Σκιλλος Νικολαου

http://docs.nativescript.org/ApiReference/ui/web-view/WebView –

的documentation會幫你不少，但這裏有兩個例子：

例如使用URL

這個例子將創建一個新的頁面上有一個web視圖，然後導航到該頁面。地址可以是本地的（對電話HTML文件）或遠程（http://..。）本地數據加載到web視圖

的位置有一個視圖（.xml）的一個例子的

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);

實施例和和其相應的.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-16 16:55:53

我試着運行這個例子，android模擬器啓動應用程序，它彈出一條消息「不幸的是，myapp已經停止。「 ps我使用的網址示例，所以即時通訊不是很確定我的XML文件，它應該包含什麼 –

也許是smthin與我的權限錯誤？....我無法弄清楚什麼是錯誤的日誌 –

你的日誌說什麼？你能顯示你的代碼嗎？ –

在即將到來的版本中，您將能夠指定這樣的HTML：

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

的Src屬性也適用於URL和本地文件路徑。

來源

2015-05-19 11:49:11

您知道該版本何時會發布嗎？ –

發佈將在6月初，但即使現在你仍然可以從主分支獲得最新版本。這裏也有關於從主人運行最新信息：http://docs.nativescript.org/running-latest –

完全適合我，當不包圍！另外：; ..（不嵌套在）用於通過URL提取HTML來包含HTML。享受，並投票！ :) – Yavin5

如何在nativescript應用程序中呈現html網站？

回答

相關問題