次の 2 つのファイルで 404 が引き続き発生します。
/apple-touch-icon-precomposed.png: 685 Time(s)
/apple-touch-icon.png: 523 Time(s)
この 404 の原因をモバイル Web サイトのアーカイブで探しましたが、私のコードにはapple-touch-icon.png.
Sublime Text 2 でa を実行すると、次のFind in folder...結果はゼロになりますapple-touch-icon:
Searching 100 files for "apple-touch-icon"
0 matches across 0 files
Web アプリケーションには Apple メタ タグを使用しています。
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
これらのメタ タグを使用すると、iPhone はデフォルトで を検索apple-touch-iconしますか? アイコンは提供していませんが、そうすべきでしょうか? この 404 を削除したいだけです。
Apple のDeveloper Documentationを閲覧しても、私の理論を補強するヒントは何もありませんでした。
ブラウザに関係なく、iOS と Android でこれが発生していることを発見したとき、プロットはさらに厚くなります。Firefox、Safari、および Chrome はすべてこれを見つけようとしていますapple-touch-icon。
HTML5 Mobile Boilerplate を WebApp のスターターとして使用しました。このファイルにはhelper.js. helper.jsコードから削除したこの関数が内部にあります。
/**
* iOS Startup Image helper
*/
MBP.startupImage = function() {
var portrait;
var landscape;
var pixelRatio;
var head;
var link1;
var link2;
pixelRatio = window.devicePixelRatio;
head = document.getElementsByTagName('head')[0];
if (navigator.platform === 'iPad') {
portrait = pixelRatio === 2 ? 'img/startup/startup-tablet-portrait-retina.png' : 'img/startup/startup-tablet-portrait.png';
landscape = pixelRatio === 2 ? 'img/startup/startup-tablet-landscape-retina.png' : 'img/startup/startup-tablet-landscape.png';
link1 = document.createElement('link');
link1.setAttribute('rel', 'apple-touch-startup-image');
link1.setAttribute('media', 'screen and (orientation: portrait)');
link1.setAttribute('href', portrait);
head.appendChild(link1);
link2 = document.createElement('link');
link2.setAttribute('rel', 'apple-touch-startup-image');
link2.setAttribute('media', 'screen and (orientation: landscape)');
link2.setAttribute('href', landscape);
head.appendChild(link2);
} else {
portrait = pixelRatio === 2 ? "img/startup/startup-retina.png" : "img/startup/startup.png";
portrait = screen.height === 568 ? "img/startup/startup-retina-4in.png" : portrait;
link1 = document.createElement('link');
link1.setAttribute('rel', 'apple-touch-startup-image');
link1.setAttribute('href', portrait);
head.appendChild(link1);
}
//hack to fix letterboxed full screen web apps on 4" iPhone / iPod
if ((navigator.platform === 'iPhone' || 'iPod') && (screen.height === 568)) {
if (MBP.viewportmeta) {
MBP.viewportmeta.content = MBP.viewportmeta.content
.replace(/\bwidth\s*=\s*320\b/, 'width=320.1')
.replace(/\bwidth\s*=\s*device-width\b/, '');
}
}
};
これを削除した後も、404 が表示されます。私は困惑しています。どんな助けでも大歓迎です。