question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Does not provide a valid apple-touch-icon

See original GitHub issue

The Apple documentation says:

“To specify an icon for the entire website (every page on the website), place an icon file in PNG format in the root document folder called apple-touch-icon.png” https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html

Why do I then also have to add <link rel="apple-touch-icon" href="/apple-touch-icon.png"> to my home screen?

I like that Apple follows the “convention-over-configuration” rule here. Also, I’m always looking for ways to specify less in my HTML, JSON, and JS files for speed.

Thank you very much for Lighthouse! I love tools that let me pass tests to ensure compatibility! Lighthouse, mail-tester, ssl-labs. These are all great tools!

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:12 (1 by maintainers)

github_iconTop GitHub Comments

3reactions
connorjclarkcommented, Mar 22, 2022

Thanks for sharing the news! Let’s go ahead and delete this audit for 10.0, we don’t need to waste people’s times with this since the compatibility problem will disappear soon.

3reactions
paulirishcommented, Nov 10, 2020

For correctness, I think we do have to end up making the request. People who do it this way are saving some HTML bytes and that’s nice.

We’ll use the fetcher for this.

related: new audit: have a valid favicon.ico · Issue #10402

Read more comments on GitHub >

github_iconTop Results From Across the Web

Does not provide a valid apple-touch-icon - Chrome Developers
When iOS Safari users add Progressive Web Apps (PWAs) to their home screens, the icon that appears is called the Apple touch icon....
Read more >
Apple Touch icon for websites - Stack Overflow
Minimalist solution - Recommended. A common practice is to create a single 180x180 icon, which is the highest expected resolution, ...
Read more >
apple-touch-icon not showing | Apple Developer Forums
On iOS 15, the problem is still unsolved. I could however as a workaround specify a full href served with http for my...
Read more >
Add an Apple touch icon to your Progressive Web App
An interactive demonstration of how to specify which icon should show up on iOS home ... The Does not provide a valid apple-touch-icon...
Read more >
Use Apple touch icon | webhint documentation
Not declaring the touch icon in the page and having it in the root of the site is not recommended, as Apple may...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found