node.js - 如何使用 Jade 加载phonegap/cordova？

Question

我正在使用node.js、express 和jade 开发Web 应用程序。我有以下 jade 模板，我在 Phonegap 应用程序中使用 WebView 看到它:

doctype mobile
html
    head
        script(src="cordova-2.1.0.js")
        script
            var ready = function() {
                alert(\'Ready\');
            }
            document.addEventListener("deviceready", ready);
        title= title
        link(rel='stylesheet', href='/stylesheets/style.css')
    body
        block content
            h1= title
            button(id='vibrateButton', onclick='navigator.notification.vibrate(2000);')Confirm
            #services
                - each service in services
                    div.service
                    a(href=service.link)!= service.name
                    div.desc= service.description

此模板将生成一个网页，其中包含将从 mongo 数据库获取的项目列表(描述和链接)。该页面使用node.js 提供服务

现在，cordova 脚本未加载，因为未显示警报(“就绪”)。另外，如果我按下按钮，设备将不会振动，并且控制台将显示以下消息:

Uncaught TypeError: Cannot call method 'vibrate' of undefined at http://xx.xxx.xx.x:3000/:5

如何使用 jade 包含 Phonegap 脚本？我尝试仅使用警报加载简单的脚本并且它有效，但在这种情况下我不知道为什么它不起作用。

请问有人可以提供建议吗？谢谢。

Answer 1

随着 Cordova 最近的变化，您应该看看 InAppBrowser API。这是处理应用程序中嵌入的远程页面的推荐方法。

最后，您可能会在应用程序上有一个index.html，以确保cordova js api 已加载并且一切正常。然后，您将打开一个针对您的远程页面的 InAppBrowser(请记住将其列入 config.xml 的白名单以获得更好的体验!)。