HTML ブラウザで再読み込みしても更新した内容が反映されない

Question

前提・実現したいこと

ドットインストールでHTMLの学習をしており、vs codeを使用してコーディングしています。

コードを追記後にブラウザで再読み込みして更新した内容をブラウザで反映を確認したいです。

発生している問題・エラーメッセージ

コーディングした後、ブラウザで更新ボタンを押しても、更新した内容が反映されません。
学習の映像では、再読み込みするとブラウザはちゃんと更新されています。

試したこと

vs codeのタブを、更新毎にデスクトップにコピーすれば、更新されたブラウザが表示されます。
毎回コピーしなくてはいけないのでしょうか？？

補足情報（FW/ツールのバージョンなど）

MacBook Air(2019)
vs code 1.41.1
Google chrome

追記　2019/12/31

例えば、

フッターのコピーライトを消したいです。

51行目を消します。そしてcommand+sをおします。
そして先程のchromeに戻り、command+shift+rを押します。

変わりません・・・
学習映像の中では更新をすると反映されています。
キャッシュも原因なのでは？と言われますが、キャッシュを削除しても変わりませんでした・・・（悲

Answer 1

次を確認してみてください。

• ファイルの更新後Command+Sで保存している
• Google ChromeでCommand+Shift+Rで試す
• Google Chromeで見ているページとエディタで開いて編集しているページが一致しているか確認する

大体の原因がこの二つです。

よくわからなければスクリーンショットなどを撮影して見せていただければ解決に近づけると思います。

Answer 2

例えば、

フッターのコピーライトを消したいです。

51行目を消します。そしてcommand+sをおします。
そして先程のchromeに戻り、command+shift+rを押します。

変わりません・・・
学習映像の中では更新をすると反映されています。
キャッシュも原因なのでは？と言われますが、キャッシュを削除しても変わりませんでした・・・（悲

Comments

[Res]

>キャッシュを削除しても変わりませんでした
キャッシュではないということは、ファイルが更新されていないということになります。

エディタのタブ部分の×ボタンが○になっている場合、未保存ということになります。command+sを実行し、○が×になることを確認してください。

また、もう一度、開いて編集しているファイルとブラウザで開いているフォルダ、ファイルが一致しているか確認してください。
時々、何らかの原因でファイルが別フォルダで複製されてしまうことなどがあり、エディタで開いているフォルダが完全に一致するか確認してください。

[Res]

(エディタの現在の画像だけでは同ファイルを編集しているのかがわからないのでご自身でご確認ください。)

[sarang12]

>開いて編集しているファイルとブラウザで開いているフォルダ、ファイルが一致しているか確認してください。
まさにこちらでした。
vs codeで編集中のパスをコピってデスクトップに別に貼り付けていたものを確認していたことが原因でした。
（皆さんそうして確認しているものだと思っていました…）

index.html編集元は
Desktop/Explorer/MyPortfolio/index.html
だったのに対し、Google chromeで見ていたものは
Desktop/index.html
となってしまっていました。
そりゃ更新されないですよね…;;

学習通りに進めていましたが、パスに全然気づけていませんでした。
入門レベルなので、ドットインストールだけではなく、
別途テキストでも学習した方が良いなと思いました。
仕事で使用するわけではないとはいえ、趣味程度で勉強していたのですが、初歩的なことで躓いてしまいましたので（ ; ; ）

この初歩的な質問にコメントいただき、本当にありがとうございました！

[Res]

解決してなによりです。

更新されないと思ったらまず両方(ブラウザとエディタ)のパスを確認しましょう。