Chrome Inspector で、ライブ CSS を編集するより良い方法はありますか?
- 「Elements」タブと「Sources」タブを切り替える必要がある
- インスペクタースタイルシートから実際のスタイルシートにコピー/貼り付け
- ファイルとフォルダーのウィンドウで実際のスタイルシートを見つけ、右クリックして [保存] を選択しますか?
Chrome 開発者がこれを見た場合、代わりに便利な場所に大きな「保存」ボタンを 1 つだけ配置できるのではないでしょうか?
Chrome Inspector で、ライブ CSS を編集するより良い方法はありますか?
Chrome 開発者がこれを見た場合、代わりに便利な場所に大きな「保存」ボタンを 1 つだけ配置できるのではないでしょうか?
ChromeInspectorを使用してファイルを編集することはできません。要求されたページにアクセスしているときにChromeがダウンロードした一時ファイルを編集します。html / cssコードを調べるだけでサーバーのファイルを処理できるとしたら、かなりのセキュリティリスクになります。個人的には、Chrome Inspectorを使用しています。これは、CSSを実際のcssファイルにコピーしてアップロードする前に、CSSをライブで簡単に編集できるためです。
新しいバージョンの Chrome には、この問題に対処するワークスペースと呼ばれる機能があります。Web サーバー上のどのパスがシステム上のどのパスに対応するかを定義し、ctrl-s だけで編集して保存できます。
参照: http://www.html5rocks.com/en/tutorials/developertools/revolutions2013/