アップロードする前のホームページデータをスマホで表示する方法

Question

自作のホームページデータを圧縮したものをスマホで解凍して表示したいです。

パソコンでは開発者ツールでレスポンシブ版を確認していますが、実際にスマホでも表示されたものを見たいと思い、圧縮したホームページデータのフォルダをダウンロードして解凍しましたが、何故か画像が表示されなかったりして、パソコンのときのように見ることができません。うまく解凍できていないのでしょうか。　

パソコンでは圧縮フォルダを解凍してファイルをクリックすればきれいに表示されるのに、どうしてスマホは同じようにできないのでしょうか。

この他にも、スマホで見る方法があれば教えて頂きたいです。

よろしくお願いいたします。

Comments

[Ftps]

圧縮とはどのようにやったのでしょうか？

[umi-ushi]

ZIPです。パソコンで展開して見れた時もこの方法です。

Answer 1

画像を相対パス、画像名が日本語などになっていないですか？そうならスマホでは画像は消えてします

スマホで見る方法ですが、例えばGithub PagesGithub Pagesなどを使用してみてはどうでしょう？
他にもブラウザを変えてみる(ChromeやFirefox等)も試してみるといいと思います。

Comments

[umi-ushi]

ありがとうございます。画像は、スマホの解凍したフォルダでは正常に表示されますが、HTMLファイルを開くと表示されないんです。名前は英語です。Chromeで開いてもだめです。
こちら、自分のホームページではなくて納品予定のものなのですが、GitHubにアップロードしても問題無いでしょうか。

[Ftps]

納品予定ですか。多分ですけど、Github Pagesをプライベートにすることが可能です。

https://docs.github.com/ja/pages/getting-started-with-github-pages/changing-the-visibility-of-your-github-pages-site

他人は見れないはずですが、少し心配です。

localhostを使用して、それをスマホ実機で確認するのもいいかと思います

https://qiita.com/nanarya/items/8d01dfb4de434e7b8acc

[umi-ushi]

丁寧なご回答、ありがとうございます。いくつか方法があるんですね。基本、スマホではアップロードしてから見るのが前提のようですね。実際にやってみるかはわかりませんが、勉強になりました。