如何在 Framework7 中调试路由？

Question

我将 Framework7 与 Phonegap 结合使用，并尝试构建一个简单的应用程序。我按照此处 https://framework7.io/docs/routes.html 中的文档来定义自定义路由，我进一步简化了它以仅加载一个关于页面，但无法使其工作。在浏览器和 Phonegap 应用程序中，link 到我的自定义路由都不起作用。

这是我得到的：

// Init App
var myApp = new Framework7({
routes: [
  {
  name: 'foobar',
  path: '/foobar/',
  url: './about.html',
  },
],

});

并且：

<div class="page-content">
    <div class="content-block">
        <p>Page content goes here</p>
        <!-- Link to another page -->
        <a href="/foobar/">Test</a>
    </div>
</div>

但是每当我运行应用程序时，我的自定义路由不会被框架接收，并且请求会出现 404 错误。控制台中没有可能阻止应用程序执行的重大错误。

有什么方法可以在Framework7中调试路由并检查路由设置是否正确？

Answer 1

事实证明，最新的 Phonegap 仍然在其已有两年历史的旧版本 1.4.0 中使用 Framework7 模板。

以下解决了这个问题：

myApp.version

Answer 2

您可以使用：console.log(page.route.url); 或 console.log(page.route); 看看你现在在哪里。

在 page:afterin 页面事件中添加此代码，如下所示：

app.on('pageAfterIn', function (page) {
    console.log("Current url: ");
    console.log(page.route.url);
    return;

});

如何在 Framework7 中调试路由？

How to debug routes in Framework7?

cordova

html-framework-7

phonegap