開始する前に、StackExchange を再確認しましたが、この質問に適合するサイトは他に見つかりませんでした。私が逃した場合、言い訳。
このガイドに従って、ソース マップ sass をサポートする chrome を有効にしましたが、機能させることができません。
おもしろいのは、私が別のガイドに従って、Firefox のサポートを有効にし、機能していることです。
両者に共通する部分は、config.sass.debug_info = trueインレールの設置です。
したがって、問題はレールではなくクロムにあると思いますが、よくわかりません。
これは私のセットアップです：
更新- 問題は Chrome 27.x シリーズにあるようです。その場合、この質問はクロム開発者からの修正待ちになります。ということで、もう少し調べてみますが、確認できたら、この質問は閉じます。御時間ありがとうございます。
更新- 本当のようです。これは Google Chrome の問題です。ご協力いただきありがとうございます。
問題は、Chrome 開発者ツールがサポートするソース マップのバージョンを最近変更したことです。あなたが言及した記事では、古いスタイルの CSS ソース マップを設定する方法について詳しく説明しています。ただし、Chrome はバージョン 3 ソース マップをサポートするようになりました。新しいソース マップは、コンパイルされた CSS ファイルのインラインではなく、別の *.css.map ファイルにマッピングを配置します。新しい形式の利点は、サイズがはるかに小さく、古い Internet Explorer のスタイルを壊さないことです。@justin-smith が提供したリンクは、正しい方向を示しているはずです。ただし、私の調査結果によると、SASS gem のプレリリース バージョン 3.3 は .map ファイルを生成する方法を知っていても、Rails アセット パイプラインからこれらのファイルを正しく提供するには、sass-rails gem からのサポートが必要です。私はRails での v3 sass ソース マップのサポートの現在の状態を把握するために、リポジトリを参照してください。アセット パイプラインをショート サーキットし、sass gem でファイルをプリコンパイルして、アセット パスの早い段階にあるディレクトリに配置する方法があるかもしれません。しかし、私はこれを行う方法を理解していません。
SASSソースマップをホストで動作させるのに問題がありました....マップファイルが生成され、sourceMappingURLタグが存在し、すべてが正常で、Chromeが構成されていたため、何が解決策になるのかまったくわかりませんでしたカナリアバージョンも使用しました.....しかし、それを取得しました：認証などをテストする必要がある自己署名SSL証明書を備えた開発Webサーバーを使用しました.暗号化なしのプレーンHTTPに切り替えたとき、 sourcemaps はすぐに機能するようになりました。
このリンクのチュートリアルに従ってみてください。私は今朝これを設定したばかりで、うまく機能しています。
これにより、要素を調べて、対応する SCSS 宣言が何であるかを見つけることができます。
@gerryster が言ったように、Chrome は をサポートするようになりsource maps proposal v 3ました。Google Chrome での Rails 4 CoffeeScript および Sass ソース ファイルのデバッグに関するブログ記事を書きました。