apple-touch-icon

问题 I'm having difficulty getting the Apple Touch Icon to show up for the "Add Bookmark" feature in Safari when I have HTTPS enabled for the site. I can get it working with the "Add to Home" option, so I'm not sure if a different call is being made for "Add Bookmark". I've followed the Apple Documentation, which does not contain very much info. I also found the following links to be somewhat helpful: http://www.jonathantneal.com/blog/understand-the-favicon/ https://github.com/audreyr/favicon

问题 in Opera, the tag <link rel="apple-touch-icon" href="...."> is displayed in speed dial, but How can I set image in my website to show in speed dial of UC browser ? 回答1: Apparently this is not possible. UC browser seems to always use a default picture for Speed dial and Home screen. I have run the compatibility test of RealFaviconGenerator, which uses almost all known techniques to get a favicon: favicon.ico file, PNG icons, Apple Touch icon, Windows 8 tiles with and without browserconfig.xml

问题 How do I set the icon that appears proper on the iPhone for the web sites I have create? 回答1: And for the sake of completeness, a link to Scott Hanselman's posting, which contains some additional tips as well: Add Home Screen iPhone Icons and Adjust the ViewPort 回答2: From the Apple Developer Connection Safari Web Content Guide for iPhone page Specifying a Webpage Icon for Web Clip... The user can add a web application or webpage link to the Home screen. These links, represented by an icon,

问题 I have the following code in my website: <link rel="apple-touch-icon" href="http://website.com/images/apple-touch-icon.png" /> When I view the source in Firefox and click the href attribute the icon shows (so its not a 404 error). When the code is added to a page like http://website.com/mobile/index.php or http://website.com/mobile/page.php and the page is added to an iPhone homescreen the icon works fine, but when the page url is like http://website.com/page or http://website.com/index the

问题 I have the following code in my website: <link rel="apple-touch-icon" href="http://website.com/images/apple-touch-icon.png" /> When I view the source in Firefox and click the href attribute the icon shows (so its not a 404 error). When the code is added to a page like http://website.com/mobile/index.php or http://website.com/mobile/page.php and the page is added to an iPhone homescreen the icon works fine, but when the page url is like http://website.com/page or http://website.com/index the

问题 I know what the apple touch icon is, and I have seen an apple desktop before, so I can imagine what it would look like. I also know how to add an apple touch icon to my site. But here's the burning question: I keep getting (failed) requests for this touch icon... So what does that mean? Was an apple user simply accessing the site? Were they bookmarking it? What is the action from an apple machine that triggers the request for the touch icon? 回答1: When somebody using an iOS device visits your

问题 Up to now, I've been including the line for the Apple Touch icon in my head like this: <link rel="apple-touch-icon" href="/apple-touch-icon.png"> However, in the Q&A "What are the correct pixel dimensions for an apple-touch-icon?" it is stated in the accepted answer that three images are now needed according to Apple's guidelines. So how would one go about inserting these into the head section of the code? 回答1: Minimalist solution - Recommended A common practice is to create a single 180x180

问题 I'm trying to get my head around all these different sizes and formats that are needed for Favicons, Touch icons and now Tile icons too. I've read this post: http://www.jonathantneal.com/blog/understand-the-favicon but I'm still a bit hazy on exactly what to use that will look reasonably good on all devices and browsers >= IE8. I think I should create the following: ICO favicon.ico (32x32) PNG favicon.png (96x96) Tile Icon tileicon.png (144x144) Apple Touch Icon apple-touch-icon-precomposed

问题 I'm not terribly familiar with the code to add icons for iOS (and Android) when you select "Add to Home Screen", but I used the following, based on what I read: <link rel="apple-touch-icon-precomposed" href="http://www.redtypewriter.com/wp-content/uploads/2014/03/57.jpg"/> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://www.redtypewriter.com/wp-content/uploads/2014/03/72.jpg"/> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://www.redtypewriter.com/wp

问题 How can I get the apple-touch-icon or logo of the website using WKWebView or UIWebView? I've read that getting a favicon is possible, however I plan on using the website's logo as a short cut like in iOS Safari and a favicon is too small for it. Is there a way to scrape metadata from a website in webView to get <link rel="apple-touch-icon" href="apple-touch-icon.png"> ? 回答1: In Firefox for iOS we use a User Script (Link to code on Github) to find the icon that then passes them back to the