Question

我将Framework7与Phonegap一起使用，并尝试构建一个简单的应用程序。我按照这里的文档https://framework7.io/docs/routes.html来定义一个自定义路由，我进一步简化了加载一个about页面，但无法使它工作。在浏览器和Phonegap App中，指向我的自定义路由的链接不起作用。

这就是我所拥有的：

// 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模板，该版本已有两年了。

以下解决了这个问题：

<?xml version="1.0" encoding="UTF-8"?>
<extensions>
    <extension>
        <groupId>io.takari.polyglot</groupId>
        <artifactId>polyglot-yaml</artifactId>
        <version>0.2.1</version>
    </extension>
</extensions>

Answer 2

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

在页面内添加此代码：afterin Page Event如下所示：

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

}）;

如何在Framework7中调试路由？

2 个答案: