私のプロジェクトでは、文書を保存してブラウザーをリフレッシュして、時間のかかる作業である変更を確認するのが習慣です。時々、私は自分の必要に応じてdevtoolsを使ってクロムに直接変更を加え、最終的にはプロジェクトIDEで同じことをします。変更されたタグとCSSスタイルをChromeからエクスポートする方法はありますか？
私の質問は私がクロムで私の仕事全体を行い、後でHTML/CSSスタイル全体をプロジェクト/生のテキストとしてエクスポートすることができますか？または少なくとも私はクロムを使って行った変更をエクスポートしますか？
最新のIDEには多くの優れた機能があるので愚かな疑問に思っていますが、私がこれをやりたい理由は、遅延なしでクロムで見ることができるライブの変更です。保存する必要はありませんブラウザを開いてコミットされた変更を確認するためにリフレッシュしてください:)
「ワークスペース」と呼ばれる開発ツールの機能があります。
あなたが調整中のリモートリソースをローカルファイルにマップし、変更を維持します。
ここにはofficial documentationがあります。
これは、しかし奇跡の治療法はありません：
ワークスペースがあるほどの強力な、あなたが知っておくべきいくつかの制限があります。
- [要素]パネルのスタイルの変更のみが保持されます。 DOMへの変更は永続化されません。
- 外部CSSファイルで定義されたスタイルのみ保存できます。 element.styleまたはインラインスタイルへの変更は永続化されません。
- 要素パネルのスタイルの変更は、明示的な保存（Ctrl + SまたはCmd + S（Mac））なしで直ちに保持されます。 CSSリソースはローカルファイルにマップされます。
- ローカルサーバーではなくリモートサーバーからファイルをマッピングする場合、ページを更新すると、リモートサーバーからページが再読み込みされます。変更はディスクに残っており、作業領域で編集を続行すると再適用されます。
- ブラウザでマップされたファイルの絶対パスを使用する必要があります。ステージングされたバージョンを表示するには、インデックスファイルでもURLに.htmlを含める必要があります。