🎄teratailクリスマスプレゼントキャンペーン2024🎄』開催中!

\teratail特別グッズやAmazonギフトカード最大2,000円分が当たる!/

詳細はこちら
Chrome

Google Chromeは携帯、テレビ、デスクトップなどの様々なプラットフォームで利用できるウェブブラウザです。Googleが開発したもので、Blink (レンダリングエンジン) とアプリケーションフレームワークを使用しています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

解決済

1回答

670閲覧

ブラウザによって反映されません。

halfayhouse

総合スコア1

Chrome

Google Chromeは携帯、テレビ、デスクトップなどの様々なプラットフォームで利用できるウェブブラウザです。Googleが開発したもので、Blink (レンダリングエンジン) とアプリケーションフレームワークを使用しています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

1クリップ

投稿2020/11/24 15:47

前提・実現したいこと

HTML CSS JavaScript でごく簡単なページを作る練習をしているのですが、
Safariでは表示されるのですが、Chromeでは表示されません。

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

同上

該当のソースコード

【index.html】

<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="style.css"> <title>練習サイト20111112</title> </head> <body> <header class="header"> <div> <h1></h1> <h2 class="header-title">はじめますよ!【現在準備中ですよ】</h1> <p class="header-p">文豪たちの秘密</p> </div> <div> <p class="header-rogo"><img src="images/nazoyarogo-a.png" width="200" alt="nazoya-rogo"></p> <p class="header-tel">お問い合わせ 03-0000-0000</p> </div> </header> <script src="scripts/main.js"></script> </body> </html>

【mail.js】
const myHeading = document.querySelector('h1');
myHeading.textContent = 'これはJavaScriptのテストして書いています。';

試したこと

Chromeの設定から「JavaScript」を「オン」にしました。

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

Chromeはまったく反映されないという訳ではなく、以前書いたコードがそのままで、
コードを変えてリロードしても、そこから更新変更がプレビューされません。サーバーのファイルメネージャーから「.js」のファイルを削除してみてリロードしても、まだ以前JavaScriptに書いたものが残っています。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

Daregada

2020/11/24 23:22

> コードを変えてリロードしても、そこから更新変更がプレビューされません。 Ctrl-Shift-Rキーによる「ハード再読み込み」や、F12キーで開発者ツールを表示した状態でリロードアイコンを右クリックすると表示される「キャッシュの消去とハード再読み込み」は試してみましたか?
halfayhouse

2020/11/25 14:40

やってみました!解決しました!初心者すぎてお手間をおかけして申し訳ありません。。とても助かりました、ありがとうございます!
dit.

2020/11/25 23:49

質問がまだ「受付中」になっています。 ご自身で回答を書かれたようなので自己解決とし、「解決済」にして下さい。
guest

回答1

0

自己解決

Daregadaさまからのアドバイスに従って、
Ctrl-Shift-Rキーによる「ハード再読み込み」
F12キーで開発者ツールを表示した状態でリロードアイコンを右クリックすると表示される「キャッシュの消去とハード再読み込み」
と試してみまところ解決しました。ありがとうございました!

投稿2020/11/25 14:42

halfayhouse

総合スコア1

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.36%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問