web-dev-qa-db-ja.com

HTMLがlocalhost Webサーバーではなくファイルシステムを介して開かれた場合、画像とスタイルは読み込まれません。

ソフトウェアのチュートリアルを翻訳しようとしています。チュートリアルはすべてHTMLで、CSSとJavaScriptが含まれています。私はWeb開発の初心者なので、少し迷っています。

問題は、ソースコードを見つけたが、ブラウザでhtmlドキュメントを開くと、スタイルなしで生のページのみが表示されることです。ソフトウェアから直接チュートリアルを開くときとは異なります。

アドレスバーに表示されるURLも異なります。ブラウザでindex.htmlドキュメントを開くと、次のパスが表示されます。

file：/// C：/Program%20Files%20%28x86%29/LEGO%20Software/LEGO%20MINDSTORMS%20EV3%20Home%20Edition/Resources/EditorHelp/Retail/en-US/index.html

表示されるページはこれです

raw page

そして、ソフトウェアから直接チュートリアルを開くと、パスは次のようになります。

http：// localhost：58401/localizedMapping_B90BDB05-F70E-4B0B-8CEA-031DCF197215/en-US/editor /

表示されるページはこれです

enter image description here

Htmlドキュメントを編集して、2番目の画像のようなスタイルでブラウザから直接コンテンツを表示する方法を知っている人はいますか？

htmlweb-developmentcss
1
user50219

コードの<head>セクションで、.cssで終わるファイルを含む行を検索します-複数ある場合があります。これらのファイルをコードと同じフォルダーにコピーします。これらのファイルは、Webページの色、フォントなどを設定するスタイルシートです。

<head>セクションでリンクされている他のファイル、特にjavascript（.js）ファイルも必要になるため、それらもチェックする必要があります。

CSSファイルは、HTMLに使用するソースコードエディターで編集できます。

1
Mousey

ほぼ間違いなく、レゴマインドストームはパフォーマンスを向上させるためにファイルをキャッシュしています。ソフトウェアを終了した場合、編集を行ってからソフトウェアを再起動すると、編集内容が反映されますか？

さらに、ブラウザの開発者ツールは非常に便利です。右クリックして、「要素の検査」を選択します。次に、名前に「コンソール」が含まれるタブを選択します。複数のエラーが表示されるはずです。ここに投稿できますか？

1
Daniel F