mobile-safari

Html 5 WebApp Scalability Meta Tag

由 本秂侑毒 提交于 2020-01-03 02:46:09
问题 I am currently working on a Html 5 WebApp. The entire app works perfectly fine, with the exception of scalability (Zooming). I have placed the following Meta tag on my WebApp's page, <meta name="viewport" content="user-scalable=yes; width=device-width; height=device-height; initial-scale=1.0;" /> After much research I have come to the conclusion that these Meta tags are primarily for the iPhone version of safari. However, the problem that I am experiencing is, while an iPhone user is on my

Website showing differently on Ipad/Iphone simulator vs real Device

由 时光毁灭记忆、已成空白 提交于 2020-01-02 10:29:47
问题 I have searched lots of iPad / iPhone simulators ...tested my website. Website is looking good on almost all simulators...but when i open the website in real iPad every thing is going wrong... As i can't inspect etc on device...so its difficult to know things which are going wrong and can't adjust accordingly...any better solution for this? http://ipadpeek.com/ This simulator was close but not enough... Sorry i can't share website link. 回答1: A really good service that I use is Browserstack

Is it possible to programmatically change the default search engine for the Iphone?

由 独自空忆成欢 提交于 2020-01-02 10:08:55
问题 We want to build a webpage that requests permissions from an iphone user to change their default search provider. Is this possible with through mobile safari? 回答1: The Window object in Mobile Safari on iOS has what appear to be three undocumented functions that make interaction with the default search engine possible: window.canSetSearchEngine() window.getSearchEngine() window.setSearchEngine(string) The Yahoo mobile search site uses these functions to throw a (very annoying) dialog box

Is it possible to programmatically change the default search engine for the Iphone?

由 删除回忆录丶 提交于 2020-01-02 10:08:44
问题 We want to build a webpage that requests permissions from an iphone user to change their default search provider. Is this possible with through mobile safari? 回答1: The Window object in Mobile Safari on iOS has what appear to be three undocumented functions that make interaction with the default search engine possible: window.canSetSearchEngine() window.getSearchEngine() window.setSearchEngine(string) The Yahoo mobile search site uses these functions to throw a (very annoying) dialog box

Strange JavaScript behaviour on mobile Safari iOS 6

由 耗尽温柔 提交于 2020-01-02 08:13:14
问题 I ran into a very very very strange JS issue that is reproducing only on Mobile Safari browser on iOS 6. The issue is in a function that formats a given value to a price, by stripping down the number to 2 decimals and adds the currency in front of the number. Here are the functions. I will explain later on how to reproduce the bug. formatCurrency = function(value, currency, fixedPrecision, colourize, blankIfZero) { var text; if (blankIfZero && (Math.abs(value) < 0.01 || value === undefined))

What audio file types (e.g., mp3, ogg) are supported by Mobile Safari and HTML5 iOS web apps?

由 天涯浪子 提交于 2020-01-02 07:57:09
问题 There are many SO questions about playing audio files on Mobile Safari, but searching on SO and Google doesn't yield a comprehensive, updated list of audio files supported on Mobile Safari. Anyone know what the current list of supported audio files is? We're building a web app for the iPhone. Thanks! 回答1: Here's the most recent list of supported media types, last updated in July 2011: Safari on the desktop supports any media the installed version of QuickTime can play. This includes media

Weird behaviour when rotating iPhone for TDs with colspan

由 喜你入骨 提交于 2020-01-02 05:40:27
问题 This is about displaying a simple HTML page in iPhone's browser, with rotation. Setup : two identical tables but one of them has a (CSS) width of 69% while the other is at 100%. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=UTF-8" /> <meta name="HandheldFriendly" content="true" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, user

How to detect mobile safari browser in ios 7?

由 流过昼夜 提交于 2020-01-02 00:54:12
问题 What is the official method to detect mobile safari on ios7? For example: navigator.userAgent.match(/(iPod|iPhone|iPad)/) && navigator.userAgent.match(/AppleWebKit/) && navigator.userAgent.match(/OS 7/) 回答1: Try this (to detect iPod touch as well): navigator.userAgent.match(/(iPad|iPhone|iPod touch);.*CPU.*OS 7_\d/i) 回答2: Try this navigator.userAgent.match(/(iPad|iPhone);.*CPU.*OS 7_\d/i) 回答3: /iP(ad|hone|od)/.test(navigator.userAgent) Gives simple T/F. 来源： https://stackoverflow.com/questions

How do I fix the safari 6 web inspector so that it works with iOS devices or simulators?

由 旧街凉风 提交于 2020-01-01 12:36:09
问题 Whenever I try to connect the safari web inspector to a simulator or device running mobile safari in the foreground, the site that I try to inspect never fully loads in the inspector. The DOM never fills out in the dom tree view; i have to collapse and expand the webpage in the resource view to be able to see scripts, images, frames and the like but none of the items that should show a DOM actually do. Touch mode to select a specific dom element by tapping on it on the iphone/ipad doesn't

Apple retina support for images in HTML

由 瘦欲@ 提交于 2020-01-01 07:02:25
问题 On Apple's website it looks like they have support for retina displays. Does it work the same way that it does on iOS with a @2x image? 回答1: There are a number of good walkthroughs on how this is done, including: http://mir.aculo.us/2012/06/26/flowchart-how-to-retinafy-your-website/ 回答2: Store your images in /img/logo.png (regular version) and /img/logo@2x.png (retina version) JS for Head-Tag var retina = 0; try { retina = Number(window.devicePixelRatio); } catch(e) {} retina = (retina > 1) ?
订阅 mobile-safari