ウィジェットの1つのカテゴリでいくつかの単語の色を変更する必要があります。開発ツールに関するYouTubeビデオを見ました。
変更したい部分を見つけて、element.style {color：red;の右上隅にある（開発ツールの）「Elements」で変更を行うとき。}しかし、私がリソースに行くときにビデオをフォローしているように、私が行った変更はそこにありません。
この開発ツールがどのように機能するかを誰かに教えてもらえますか？
ただし、編集/追加してソースに保存することはできますが、スタイルシートをリソースからソースに保存する必要があるかもしれません。それは私がやろうとしていることですか？
あなたが言ったように、Chrome Dev Tools には、編集したコードを保存するための組み込み関数がありませんが、Chrome 拡張機能がいくつかあります。私の意見では、Tincrが最高です。
ここで見つけることができます
次に、ここでチュートリアルを見つけることもできます: http://addyosmani.com/blog/lets-tincr-bi-directional-editing-and-saving-with-the-chrome-devtools/ .
基本的にあなた
拡張機能をインストールし、
次に、Ruby on Rails、Chrome 拡張機能、Atlassian プラグインおよび構成ファイルからアプリケーション タイプを選択します。
その後、プロジェクトのルート ディレクトリを追加できます。
完了したら、Google Chrome Dev Tools を使用して何かを編集すると、変更はソース ファイルに自動的に保存され、ライブ リロード機能もあるため、更新ボタンや F5 を押してリロードする必要はありません。変更後のページ。
2013 年 3 月現在の更新された回答では、Dev Tools 内から変更 (DOM ではなく JS と CSS) を保存できるようになりました。
http://remysharp.com/2012/12/21/my-workflow-never-having-to-leave-devtools/
開発者ツールを使用してサーバー上のファイルを編集することはできず、更新後に変更が保持されません。