HTML / CSS

アプリ内webブラウザのエラーを解消

20140114233255

HTML5でWebアプリをつくり、アプリ内ブラウザで表示させたときに以下のエラーが起こり、画面が真っ白になり、タイトルだけが表示された状態になったことがありました。

で、HTMLファイルのヘッダーを確認すると以下のようになっていました。

1
2
3
4
5
<head>
<meta name="apple-mobile-web-app-capable" content="yes" />
<title>ほげ</title>
<link charset="UTF-8" href="css/common.css" rel="stylesheet" type="text/css" />
</head>

解決策

原因がはっきりしませんが、以下を削除することで解決しましたので、メモしておきます。

1
<meta name="apple-mobile-web-app-capable" content="yes" />
1
charset="UTF-8"

最終的にヘッダーはこうなりました。

1
2
3
4
<head>
<title>ほげ</title>
<link href="css/common.css" rel="stylesheet" type="text/css" />
</head>

こういうのっていろいろ試すしかないですよね〜。
ちっさいことですが、こうして記録していこうと思います。

関連記事

  1. html5

    HTML / CSS

    HTML4とHTML5の違いをざっくりと

    ちょっと今まで意識していなかったので、思いっきりざっくりとまとめてみ…

  2. html5_rudy.jpg

    HTML / CSS

    HTML5で正式な仕様になったルビがおもしろそう

    テキストでルビを表示してくれるのでいい感じそう。ただ、今の環境…

  3. CSSで英単語の途中から改行する方法

    HTML / CSS

    CSSで英単語の途中から改行する方法

    気がつくのが遅かったのですが、英単語で途中から改行されないんですね。短…

最近の記事

  1. 【無印良品】作り置きに欠かせない!バルブ付き密閉保存容器
  2. 【UNIQLO】冬のジム通いにブロックテックフリースパーカをお得に購入!!
  3. 【UNIQLO】冬のジム通いにブロックテックフリースパンツをお得に購入!!
  4. 【UNIQLO】ユニクロ誕生感謝祭で買いだめ!
  5. 便利すぎる!買ってよかったキッチンツール「キッチンペーパーハンガー」
  6. ジムで活躍!プロテイン用のボトルにおすすめ!「nalgene(ナルゲン)の沖倉商店コラボ・ボトル」
  7. コミックのイラストが新鮮だった!『MARVEL展』
  8. シンプルで使い易い!!「雷に強い マイクロタップ 4個口」
  9. ジム用に購入♪ リバーサル・オッシュマンズ別注「ドライスウェットショーツ」
  10. 暮しの手帖社とのコラボ作品!大きい面積が使いやすい!「日東紡の新しいふきん」

アーカイブ

  1. fnm005-1.jpg

    MTG

    【MTG】FNMの3月プロモゲット! でも全敗
  2. ドラクエ展

    展覧会

    ドラゴンクエスト展 [誕生25周年記念]
  3. はやぶさi展示01

    LEGOはやぶさ

    レゴ「はやぶさ」提案モデル展示中@はやぶさi
  4. 日常

    勝負
  5. 日常

    え、翻訳されてんの!?
PAGE TOP