phonegap应用中的嵌入式帮助主题

Question

我正在使用Cordova / Phonegap用于移动应用程序，以及用于MV *支持的backbone.js。这个应用程序可能会在很长一段时间没有互联网连接的情况下使用，所以我想将一些帮助文件与应用程序捆绑在一起 - 这样它们就可以脱机使用。

现在我只有一个Backbone View的开头来显示帮助主题：

var HelpView    = require('app/views/HelpView'),
    helpView    = new HelpView();

return Backbone.Router.extend({
    routes: {
        "":             "home",     // (top level)
        "help":         "help",    // #help
        //etc.
    },
    help: function () {
        helpView.delegateEvents();
        slider.slidePage(helpView.$el);
    },
    // etc.

但这种感觉就像是在重新发明轮子。是否有任何种类的最佳实践/框架可以提供帮助支持？

Answer 1

我意识到我没有跟进我们最后做的事情。哪个，好吧，不是一个单独的帮助系统。

我们最终使用了帮助演练系统。有点简单，但移动应用程序应该设计得足够直观，只需要基本的方向。有几种UX模式可用于实现演练（Here are some） - 以及一些javascript框架：

• Bootstro.js：http://clu3.github.io/bootstro.js/
• Bootstrap Tour：http://github.com/Gild/bootstrap-tour
• Chardin.js：http://heelhook.github.io/chardin.js/
• Hopscotch.js：https://linkedin.github.io/hopscotch/
• Intro.js：http://usablica.github.io/intro.js/
• Joyride：http://zurb.com/playground/jquery-joyride-feature-tour-plugin

我最初是从Joyride开始的，但是有一些CSS类碰撞导致了头痛。我们最终得到了hopscotch.js，它由LinkedIn维护，并且还提供了对演练文本本地化的支持（很好！）。