忍者ブログ

そうだったのかブログ

初心者がゲームつくりに、プログラミングに、悪戦苦闘するブログ。

スマホでのwebページ表示崩れ、解決編

こんにちは、ほしなとおるです。

先日、スマホでwebページの表示崩れがありました。

自分がマークアップした自分らのホームページです。

「なおさなきゃ」

ということで、Javascriptに手を出して、直したんですが…。


実は最後まで、直らなかったのです(笑)



スマホのブラウザはChrome。

PCのブラウザもChrome。

デベロッパーツールでスマホ表示も確認して、よし大丈夫!ってとこまで来て…。

FTP。実機確認。

直らず。

何故!

ということで、半分諦め状態だったのですが…。


「他のスマホではどう見えるんだ?」
「他のブラウザではどう見えているんだ?」

と思い、寝床でPSVITA搭載のブラウザで見てみました。

 正しく表示されている。

そして別スマホ(ブラウザはChrome)で見てみる。

 正しく表示されている。


…なんだ?


ためしに問題のスマホで、chromeではないブラウザでみてみる。

 正しく表示されている。


おい。


 おい!

 
  おーい!!

どうも特定スマホの特定ブラウザで読み込んでいるときだけ、表示崩れが起こっていたと推測されるのであった。


とすれば、もうとっくになおっている、という時もあったのではないだろうか。

悲しきかな初心者。

無駄な時間を費やしたというわけか、いや、必要な勉強時間だったのかもしれない。ね、神様。


では、問題のスマホの問題のブラウザ(chromeだが)ではどうやったら正しく表示されるのか?


少し考える。

ブラウザの更新してみよう → 最新版だった。

キャッシュを削除してみよう → 表示がなおった。



 おい。



というわけで、最終的には『ブラウザのキャッシュを削除する』で解決しました。

この部分に関してはjavascriptもプログラムもHTMLも何も関係ないじゃん!

というわけで備忘録になったとさ。


何事も視野狭窄にならずに、常に冷静に、広い視野で行動しなさいってことですね(爆)

拍手[0回]

PR

コメント

お名前
タイトル
文字色
メールアドレス
URL
コメント
パスワード Vodafone絵文字 i-mode絵文字 Ezweb絵文字

トラックバック

プロフィール



HN:
ほしなとおる
性別:
男性
自己紹介:
PCで創作活動してます。
作画ツールはFireAlpaca、GIMP。
最近UNITYをお勉強中。

フリーエリア

P R