簡単ホームページ作成ツールならAMS - まずはお試し

全国対応!まずはご相談ください 電話番号0120-55-4682

EdgeでHTMLやCSS変更前に閲覧する方法とは?

2021/7/29

EdgeでHTMLやCSS変更前に閲覧する方法とは?

このCSSやHTMLをこう変えたらどういう表示になるだろう。

LPをこう変えたら効果がでそうなので提案をしたいのだがそのためにCMSを使って変更するわけにはいかない

そんな時に役立つテクニックです。

Edgeには「開発者ツール」というものがあります。

一時的に変更したいホームページを右クリックして、「開発者ツールで調査する」を選択してください。

そうすると右に開発者ツールが表示されます。

右上の□に矢印があるボタン(ページ上の調査対象となる要素の選択)を押して、一時的に変更したいホームページの要素をクリックします。

そうすると、その周辺のHTMLが表示されますので、右クリックして「HTMLとして編集」をクリックします。

画面上にCSSも表示されますので、一時的に変更してみて、大丈夫そうでしたらCMSに反映することができます。

あくまで一時的なので、やり直したい場合はF5を押していただければリセットされます。

何かしら役立つテクニックなので参考になれば幸いです。

最後までお読みいただきありがとうございました。

この記事を書いたのは

株式会社AMS 取締役副社長 古倉 功一

2005年からSEOに本格的に取り組み、SEO歴は15年以上。現在はリスティング広告、SEOをメインにしたWebコンサルを提供中。好きな番組:ポケットモンスター。

  • 石川県産業創出支援機構(ISICO)「お店ばたけ」ホームページドクター
  • セミナー講師(Webマーケティング、SEO、PPC広告等)
  • ミラサポ専門家登録(派遣先からの総合評価平均 5点中4.9)
常時SSL+スマホサイト最適化の効果の出るホームページが39,800円!
【0120-55-4682】月~金曜9:00~18:00

月~金曜9:00~18:00

メールでのお問い合わせ
AMS簡単ホームページ作成ツール
あなたのサイトをPRしましょう!
AMSマニュアル
よくある質問と回答
AMSお問合わせ

月別アーカイブ