Appcelerator Titanium - 在移动应用程序中打开网站

时间:2015-07-28 15:00:44

标签: javascript window titanium-mobile appcelerator-mobile

我试图通过点击我的应用按钮来打开网站。它只是一个简单的帮助按钮,可以打开网站的帮助页面。没什么太花哨的。但是我在加载它时遇到了很多麻烦。

以下是我的相关代码:

var helpButton = $.help;
var webview = Titanium.UI.createWebView(URL_HELP);
helpButton.addEventListener('click', function() {
    try {
        var helpWin = Titanium.UI.createWindow();
        helpWin.add(webview);
        helpWin.open({modal:true});
    } catch (e) {
        Ti.API.error("Error: " + e);
    }
});

错误永远不会被抓住。在按钮单击时,它会加载一个新窗口,但永远保持加载状态。我不确定问题是什么,或者从哪里开始。

请提供帮助,如果您有任何其他问题或想法,请与我们联系。

1 个答案:

答案 0 :(得分:0)

首先尝试创建webview,将其属性设置为所需的值。以下代码对我来说工作正常。

var webview = Titanium.UI.createWebView({
    url: 'http://stackoverflow.com/tour',
    top: 0,
    left: 0,
    width: "100%",
    height: "100%"
});

你可以用你的网址试试这个。

注意:如果您只想显示帮助页面,则可以在帮助按钮单击事件中创建窗口后创建该文件,而不是创建此视图的全局webview。所以你的代码看起来应该是这样的。你也可以使用$ .help.addEventListener而不是将它分配给一个单独的变量。

$.help.addEventListener('click', function() {
    try {
        var helpWin = Titanium.UI.createWindow();
        var webview = Titanium.UI.createWebView({
            url: URL_HELP,
            top: 0,
            left: 0,
            width: "100%",
            height: "100%"
        });
        helpWin.add(webview);
        helpWin.open({modal:true});
    } catch (e) {
        Ti.API.error("Error: " + e);
    }
});