EdgeでHTMLやCSS変更前に閲覧する方法とは?
2021/7/29
このCSSやHTMLをこう変えたらどういう表示になるだろう。
LPをこう変えたら効果がでそうなので提案をしたいのだがそのためにCMSを使って変更するわけにはいかない
そんな時に役立つテクニックです。
Edgeには「開発者ツール」というものがあります。
一時的に変更したいホームページを右クリックして、「開発者ツールで調査する」を選択してください。
そうすると右に開発者ツールが表示されます。
右上の□に矢印があるボタン(ページ上の調査対象となる要素の選択)を押して、一時的に変更したいホームページの要素をクリックします。
そうすると、その周辺のHTMLが表示されますので、右クリックして「HTMLとして編集」をクリックします。
画面上にCSSも表示されますので、一時的に変更してみて、大丈夫そうでしたらCMSに反映することができます。
あくまで一時的なので、やり直したい場合はF5を押していただければリセットされます。
何かしら役立つテクニックなので参考になれば幸いです。
最後までお読みいただきありがとうございました。
ホームページでお困りならAMSにお任せください。
- 制作会社の選び方がわからない。
- どの制作会社も費用が高額で手が付けられない。
- 今のホームページが簡単に更新できなくて困っている。
などホームページでお困りではありませんか?
弊社AMSでは効果のある高品質なホームページを格安で制作いたします。
まずは料金やプラン内容、制作実績などを下記の画像をクリックして
ご覧ください。