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. CSSで英単語の途中から改行する方法

    HTML / CSS

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

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

  2. html5_rudy.jpg

    HTML / CSS

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

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

  3. html5

    HTML / CSS

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

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

最近の記事

  1. 【無印良品】ゴールデンウィーク中のご飯にレトルト買い込み!
  2. 世代ど真ん中だった!!『週刊少年ジャンプ展 vol2』
  3. デジタル通貨を買ってみた記録!とりあえず元は取っている!
  4. 【コレクション】カードダス:SDガンダム外伝シリーズ
  5. 懐かしい!!カードダスSD戦国伝!!
  6. 【無印良品】作り置きに欠かせない!バルブ付き密閉保存容器
  7. 【UNIQLO】冬のジム通いにブロックテックフリースパーカをお得に購入!!
  8. 【UNIQLO】冬のジム通いにブロックテックフリースパンツをお得に購入!!
  9. 【UNIQLO】ユニクロ誕生感謝祭で買いだめ!
  10. 便利すぎる!買ってよかったキッチンツール「キッチンペーパーハンガー」

アーカイブ

  1. venustransit1

    日常

    6/6は今世紀最後の「金星日面経過」
  2. NIKE running bag

    プロダクト

    使ってるランニング・ギアをまとめてみた。【オーディオパック】
  3. ガジェット好きは必携!! アダプタ用の延長ケーブル「ELECOM 電源ケーブル 延長コード 0.1m」

    プロダクト

    ガジェット好きは必携!! アダプタ用の延長ケーブル「ELECOM 電源ケーブル …
  4. 日常

    『デザイン基礎講座レイアウト&タイポグラフィ』
  5. l_davinci_leicester-1.jpg

    展覧会

    レオナルド・ダ・ヴィンチ展「直筆ノート「レスター手稿」日本初公開」
PAGE TOP