keikkkk
@keikkkk (P 山本)

Are you sure you want to delete the question?

Leaving a resolved question undeleted may help others!

検証ツールで選択した場所のコードの位置をsassで確認する方法 

Q&A

Closed

ワードプレスでホームページの作成をしています。
初心者です。

マルチポストです。
https://teratail.com/questions/r023qisgg7bu2v
https://ja.stackoverflow.com/questions/88411/%e6%a4%9c%e8%a8%bc%e3%83%84%e3%83%bc%e3%83%ab%e3%81%a7%e9%81%b8%e6%8a%9e%e3%81%97%e3%81%9f%e5%a0%b4%e6%89%80%e3%81%ae%e3%82%b3%e3%83%bc%e3%83%89%e3%81%ae%e4%bd%8d%e7%bd%ae%e3%82%92sass%e3%81%a7%e7%a2%ba%e8%aa%8d%e3%81%99%e3%82%8b%e6%96%b9%e6%b3%95

検証ツールで選択した部分が、style.css:2と記入されます。
これは、ワードプレスのプラグインの、
WP-SCSSを使用しています、そして、これでsassをcssに直すと、
2行目に一列にずっとコードが並んでいるようになるからなのですが。

これをstyle.css:2ではなく、sassのファイルで、位置が表示されるようにしたいと
考えています、

スクリーンショット 2022-04-20 14.46.38.png
ネットにある方法を試しても、書いてあるボタンがないなどの理由で、
途中から上手く行かなくなります。

「 Chromeのデベロッパー ツールのテストを有効にする」 が表示されない
(英語で翻訳機能を使いながらやり、1つ有効にしてみました)

スクリーンショット 2022-04-20 15.05.31.png

これは開発者ツールのSettings > General > Sourcesにある、「Enable CSS source maps」にチェックがあると表示されますが、チェックしても出来ませんでした。

0

1Answer

WP-SCSS の設定で、Source Map Mode をlnlineにしたら出来ました。
一緒に、考えてくださった方ありがとうございました!!

0Like

Your answer might help someone💌