apple-touch-icon


Apple Web Clips (Apple Touch Icons) not working for site with HTTPS

穿精又带淫゛_ 提交于 2020-01-02 09:29:47
问题 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

Speed Dial Icon in UC browser

佐手、 提交于 2019-12-24 11:14:44
问题 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 give my web sites an icon for iPhone?

元气小坏坏 提交于 2019-12-21 03:12:24
问题 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,

Why won't this apple-touch-icon work?

折月煮酒 提交于 2019-12-19 19:43:57
问题 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

Why won't this apple-touch-icon work?

允我心安 提交于 2019-12-19 19:41:21
问题 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

What does it mean when the apple-touch-icon.png was requested

荒凉一梦 提交于 2019-12-18 09:39:01
问题 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

Apple Touch icon for websites

久未见 提交于 2019-12-17 17:25:01
问题 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

Favicons - Best practices

ぐ巨炮叔叔 提交于 2019-12-17 03:45:34
问题 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

iOS icon for Add to Home Screen turns black

。_饼干妹妹 提交于 2019-12-10 14:16:56
问题 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

WKWebView/UIWebView get website icon

孤人 提交于 2019-12-07 18:57:02
问题 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

工具导航Map