Google Chrome開発者ツールでCSSの設定を変えた場合、サイトに反映されてしまわないのか

Question

前提・実現したいこと

HTML,CSSでのデザインの勉強をしています。

Google Chromeの開発者ツールを使うと
・CSSの設定を見る
・CSSの設定を変えてリアルタイムで見る
ということができるようですが、他の方が作成されたサイトで上記のことを行った場合、
そのサイトのデザインに変更を加えてしまわないのでしょうか。
CSSの設定を変えた場合、それが反映されるのは、操作時に自分が見ている画面上だけ
なのでしょうか。

Answer 1

しまいません。
あくまでその場限りの疑似的なものです。

もし本当に反映されてしまうならセキュリティ的に大問題です。
悪意あるユーザーがレイアウトを壊してしまえます。
本来の使い方は自身のサイトのデバッグや「ここどういう作りになってるんだろう」と参考にするような形ですね。
JavaScriptの動作を追ったり、動的に生成されるHTMLの変化を追ったりできますから。

試しに、ブラウザ２つ立ち上げて同じページを見て確認して見ると良いです。
「ほかの人のサイトが」が気になるなら、適当に作ったローカルに保存したHTMLでも良いです。

Comments

[happyrabbit]

ありがとうございます。
アドバイスをいただき、ブラウザを2つ立ち上げて見てみると、確かに、その場限りの疑似的なものであることがわかりました。

[m.ts10806]

そこはブラウザ作ったプロジェクトを信じてもいいかなと。
本当に影響させようと思ったらそのサーバーのファイル自体を書きかえる必要があるわけで、それってサーバーにログインしないとできませんから。
1企業や1プロジェクトにそこまでの権限は持てませんよ。個人情報に近しいものです。