Q&A
参考URL
http://qiita.com/tokeikun/items/14513b019e66c2410296
1.デベロッパーツールのSourcesタブを選択
2.右クリックメニューからSave Asを選択
3.元のファイルを選択して上書き反映
試してはないですが、
上記で出来ますかね。
メディアクエリによるレスポンシブサイトにて、スマホ表示、PC表示にした際、それぞれ効いているcssを抽出・保存できる方法はございませんでしょうか？
chrome開発者ツールなどを見ると、Elementsにそれぞれ効いているcssが表示されます。セレクタやプロパティの重複があっても、正に「効いている」cssを抽出してくれます。これを何とか保存できる方法がないか探しています。
回答3件
0
ベストアンサー
Google Chromeの拡張機能「CSS Used」で出来ると思います。
###CSS Used
https://chrome.google.com/webstore/detail/css-used/cdopjfddjlonogibjahpnmjpoangjfff
###使い方はこちら
https://pgmemo.tokyo/data/archives/1424.html
投稿2019/01/25 02:56
総合スコア25
0
抽出までは、
上記の通り、開発ツールを用いれば可能ですよね！
保存？は今まで考えた事もないので、
調べてみます。
投稿2016/06/28 12:04
総合スコア236
試してみました、が、元々のソースを保存するので、最適化されたcssは保存できませんでした。
0
デベロッパーツールのタブ、Computedタブに選択した要素に効いている全てがあります。
▶を開いていない状態でも、全選択でまるっとコピーできました。
各要素ごとですが・・・
投稿2017/02/16 17:01
総合スコア607
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。