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. 世代ど真ん中だった!!『週刊少年ジャンプ展 vol2』
  2. デジタル通貨を買ってみた記録!とりあえず元は取っている!
  3. 【コレクション】カードダス:SDガンダム外伝シリーズ
  4. 【無印良品】作り置きに欠かせない!バルブ付き密閉保存容器
  5. 【UNIQLO】冬のジム通いにブロックテックフリースパーカをお得に購入!!
  6. 【UNIQLO】冬のジム通いにブロックテックフリースパンツをお得に購入!!
  7. 【UNIQLO】ユニクロ誕生感謝祭で買いだめ!
  8. 便利すぎる!買ってよかったキッチンツール「キッチンペーパーハンガー」
  9. ジムで活躍!プロテイン用のボトルにおすすめ!「nalgene(ナルゲン)の沖倉商店コラボ・ボトル」
  10. コミックのイラストが新鮮だった!『MARVEL展』

アーカイブ

  1. 日常

    見えてきた!
  2. 日常

    やる気を出す方法
  3. 日常

    雨の日
  4. 日常

    意外とこぢんまり
  5. 日常

    香港ロケ4 5/20
PAGE TOP