Bug 120473 - <link rel="apple-touch-icon-precomposed" href not honored
Summary: <link rel="apple-touch-icon-precomposed" href not honored
Status: UNCONFIRMED
Alias: None
Product: WebKit
Classification: Unclassified
Component: DOM (show other bugs)
Version: 528+ (Nightly build)
Hardware: All Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2013-08-29 08:43 PDT by Marius Bogdan
Modified: 2013-08-29 08:43 PDT (History)
0 users

See Also:

Attachments
Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Marius Bogdan 2013-08-29 08:43:35 PDT 
Hello,

It seems that <link rel="apple-touch-icon-precomposed" is not honored. Issue with this is that the href is ignored. In my test case I set cdn urls in the hrefs, but the browser is trying to load relative paths. I get a lot of requests like this:

GET /apple-touch-icon-precomposed.png HTTP/1.1" 404 11996 "-" "Mozilla/5.0 (Linux; Android 4.3; Nexus 4 Build/JWR66Y) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/28.0.1500.94 Mobile Safari/537.36

GET /apple-touch-icon-precomposed.png HTTP/1.1" 404 10338 "-" "Mozilla/5.0 (iPad; CPU OS 6_1_3 like Mac OS X) AppleWebKit/536.26 (KHTML, like Gecko) CriOS/28.0.1500.16 Mobile/10B329 Safari/8536.25

GET /apple-touch-icon-precomposed.png HTTP/1.1" 404 11985 "-" "Mozilla/5.0 (Linux; Android 4.3; Nexus 4 Build/JWR66Y) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/28.0.1500.94 Mobile Safari/537.36

GET /apple-touch-icon-precomposed.png HTTP/1.1" 404 10343 "-" "Mozilla/5.0 (iPad; CPU OS 6_0_1 like Mac OS X) AppleWebKit/536.26 (KHTML, like Gecko) CriOS/27.0.1453.10 Mobile/10A523 Safari/8536.25

GET /apple-touch-icon-precomposed.png HTTP/1.1" 404 10338 "-" "Mozilla/5.0 (iPad; CPU OS 5_1_1 like Mac OS X) AppleWebKit/534.46 (KHTML, like Gecko) CriOS/28.0.1500.16 Mobile/9B206 Safari/7534.48.3

To reproduce:

Add code similar to the one bellow into your <head> section:

	<meta name="apple-mobile-web-app-capable" content="yes" />			<!--turn on standalone mode to optimize web app-->
	<meta name="apple-mobile-web-app-status-bar-style" content="black" />		<!--change appearance of status bar-->

	<link rel="apple-touch-icon-precomposed" sizes="144x144" href="<?some cdn url?>apple-touch-icon/apple-touch-icon-144x144-precomposed.png" />  <!-- For third-generation iPad with high-resolution Retina display: -->
	<link rel="apple-touch-icon-precomposed" sizes="120x120" href="<?=some cdn url?>apple-touch-icon/apple-touch-icon-120x120-precomposed.png" /> <!-- For iPhone with high-resolution Retina display running iOS ≥ 7: -->
	<link rel="apple-touch-icon-precomposed" sizes="114x114" href="<?=some cdn url?>apple-touch-icon/apple-touch-icon-114x114-precomposed.png" />  <!-- For iPhone with high-resolution Retina display running iOS ≤ 6: -->
	<link rel="apple-touch-icon-precomposed" sizes="72x72"   href="<?=some cdn url?>apple-touch-icon/apple-touch-icon-72x72-precomposed.png" />    <!-- For first- and second-generation iPad: -->
	<link rel="apple-touch-icon-precomposed" sizes="57x57"   href="<?=some cdn url?>apple-touch-icon/apple-touch-icon-precomposed.png" />  <!-- For non-Retina iPhone, iPod Touch, and Android 2.1+ devices: -->


Test with devices/browsers according to the user agents:
Mozilla/5.0 (Linux; Android 4.3; Nexus 4 Build/JWR66Y) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/28.0.1500.94 Mobile Safari/537.36
Mozilla/5.0 (iPad; CPU OS 6_1_3 like Mac OS X) AppleWebKit/536.26 (KHTML, like Gecko) CriOS/28.0.1500.16 Mobile/10B329 Safari/8536.25
Mozilla/5.0 (Linux; Android 4.3; Nexus 4 Build/JWR66Y) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/28.0.1500.94 Mobile Safari/537.36

From my understanding, this apple-touch-icons, are being used by iOS and android.


The fix needed: Read proper href from the <link rel="apple-touch-icon-precomposed"[...]

I don't think that more specific information regarding my project is needed, since this is clearly a general issue.

I apologize if this is not related to webkit.


Best,
M.