调试资产管道方法

Question

我有一个 Rails 应用程序，它使用 twitter-bootstrap-rails gem 来提供 Bootstrap 资源。我在尝试添加 jquery ui 时遇到了困难，但这不是我的问题。在尝试使 jquery ui 正常工作时，我添加和删除了许多 gem 并更新了驱动资产管道的文件。

现在看来我已经损坏了 Rails/Bootstrap javascript，因为导航栏下拉菜单不再起作用。

应用程序并没有那么远，我可以重新构建以解决问题。但是我正在尝试找出资产管道中出现问题时应该查看的位置，以供将来参考。

我检查了以下几个地方，它们看起来都还可以：

• 宝石文件
• application.js
• bootstrap.js.coffee
• application.css
• bootstrap_and_overrides.css.ls
• application.html.erb

我也试过以下命令：

$ rake assets:precompile
$ rake assets:clean

当然，我也尝试过弹回 Web 服务器并清除浏览器缓存。该应用程序仅在 dev 上。

当存在资产问题或冲突时，解决问题的最佳方法是什么？我应该使用 Firebug 或类似工具来帮助确定实际问题吗？

Answer 1

虽然这是一个广泛的问题，并且与资产相关的项目的错误可能来自各种来源，但您的第一道攻击线应该是 Firebug 或 Chrome 开发工具，因为它们可用于准确检查已加载的资产以及是否存在他们有什么问题。无论导致什么错误，您目前都遇到了资产本身的问题，因此首先应该检查它们。

这方面的一些更具体的项目是查看是否存在任何 Javascript 错误（使用开发工具控制台选项卡），以及查看已加载的资产（使用开发工具网络选项卡）。一旦您可以确定资产有什么问题，您就可以后退一步，看看为什么您的资产没有加载或加载不正确。