Combinging "아이콘"과 "사과 터치 아이콘"링크 유형이

Question

Mobile Safari이 기존의 16 × 16보다 높은 해상도의 파비콘은 다음 주문의 사용이 필요합니다 그러나

<link rel="shortcut icon" href="old-16x16-favicon.ico" /> 
<link rel="apple-touch-icon" sizes="158x158" href="my-new-158x158-icon.png" /> 

을, 파이어 폭스에 필요한 HTML5 syntax, 예를 들어, 사용은 :

<link rel="shortcut icon" href="old-16x16-favicon.ico" /> 
<link rel="icon" type="image/png" sizes="158x158" href="my-new-158x158-icon.png" /> 

이제 내 기대는 다음과 같이 한 줄에 다음을 결합 할 수 있어야한다는 것입니다.

<link rel="shortcut icon" href="old-16x16-favicon.ico" /> 
<link rel="icon apple-touch-icon" type="image/png" sizes="158x158" href="my-new-158x158-icon.png" /> 

이 사람이 어떤 문제를 알고 있나요? 우리 모두는이 일이 거의 쉽지 않다는 것을 알고 있으며, 테스트 할 iOS 장치가 없으며, Apple 구문을 복사 한 다른 모든 장치를 고려해야합니다.

Answer 1

이 솔루션은 매우 유망합니다. 죄송합니다. 이 작동하지 않습니다.

난 그냥 다음 코드와 아이폰 OS 7.0.4 및 Safari 실행, 아이 패드 미니와 함께 시도 :이 코드에 대한

<link rel="icon apple-touch-icon" type="image/png" sizes="57x57" href="/apple-touch-icon-57.png"> 
<link rel="icon apple-touch-icon" type="image/png" sizes="114x114" href="/apple-touch-icon-114.png"> 
<link rel="icon apple-touch-icon" type="image/png" sizes="72x72" href="/apple-touch-icon-72.png"> 
<link rel="icon apple-touch-icon" type="image/png" sizes="144x144" href="/apple-touch-icon-144.png"> 
<link rel="icon apple-touch-icon" type="image/png" sizes="60x60" href="/apple-touch-icon-60.png"> 
<link rel="icon apple-touch-icon" type="image/png" sizes="120x120" href="/apple-touch-icon-120.png"> 
<link rel="icon apple-touch-icon" type="image/png" sizes="76x76" href="/apple-touch-icon-76.png"> 
<link rel="icon apple-touch-icon" type="image/png" sizes="152x152" href="/apple-touch-icon-152.png"> 

두 노트 :

• 크기가 iOS7에 대한됩니다 (예 : 60x60) 및 이전 (예 : 57x57)
• 파일 이름은 이 아니며이 아닌 Apple naming conventions으로 의도적으로 변경되었습니다. 예를 들어 서버 로그에서 사파리가 HTML 코드에 무엇이든간에 apple-touch-icon-76x76.png에 액세스하려고했음을 알 수 있습니다. 따라서 속여서는 안되는 특별한 이름을 사용해야했습니다.

결과 :

• 홈 화면에 링크를 추가, Safari는 적당한 사진을 찾는 데에 실패합니다. 그것은 사이트의 미니어처를 제공합니다.
• Safari는 페이지를 북마크에 추가 할 때 57x57 크기의 사진을 찍습니다. 이 크기는 올바른 것이 아니기 때문에 이상합니다. (내 장치는 76x76 아이콘에 더 많은 관심이 있습니다) iOS6 이전 버전 전용입니다.

너무 좋지 않습니다.이 솔루션은 좋지 않습니다. 그러나이 테스트가 성공적 이었더라도 여러 플랫폼에서 Apple 아이콘을 사용하기 때문에 더 많은 테스트를 수행해야합니다. 특히 안드로이드. 따라서 iOS 기기가이 트릭을 처리 할만큼 똑똑했을지라도 다른 기존 또는 미래의 기기는 실패 할 수 있습니다.