Chrome のスタイル パネルで行った CSS の変更を永久に保存するにはどうすればよいですか?

Chrome のスタイル パネルで CSS の変更を保存する

Chrome の開発者ツールを使用すると、スタイル パネル内で CSS スタイルを簡単にインライン編集できます。ただし、この機能はネイティブでは利用できないため、この記事ではこれらの変更を永続的に保存する方法について説明します。

ネイティブ ワークスペース統合

最新の Chrome バージョンではワークスペース機能が導入されており、ワークスペースへのローカル フォルダーの追加。これにより、ネットワーク リソースを CSS ファイルなどのローカル リソースにマッピングできるようになります。

1. ソース パネルに移動し、左側のファイル リスト パネルを右クリックします。
2. [フォルダーの追加] を選択します"
3. フォルダーへの Chrome アクセスを許可します。
4. 必要なネットワーク リソースをマッピングします (CSS)

ローカル CSS ファイルに加えられた変更は開発ツールに反映され、ファイルを保存 (CTRL S) すると永続的に保存されます。

Firebug の代替

Firebug は CSS 変更保存のための拡張機能を提供していますが、そのようなツールは最新の Chrome デベロッパー ツールでは利用できません。ただし、ネイティブのワークスペース統合は、CSS の変更を保存するための包括的なソリューションを提供し、外部アドオンの必要性を排除します。

以上がChrome のスタイル パネルで行った CSS の変更を永久に保存するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。