mobile-safari

Safari ios iframe blank screen on rotate

由 感情迁移 提交于 2019-12-24 06:50:02
问题 Using safari on an ios 10.3.2 device, we are using iframes to display the content on our site. However, occasionally when entering the page the iframe loads blank, but on inspection all the elements are rendered on the page - just invisible. Rotating the screen to landscape or pinch zooming causes the content to appear instantly, this only seems to occur in portrait mode. Page: <div class="external"> <iframe width="100%" height="100%" frameborder="0" src=""> <html lang="en" class="iframe">

iPhone HTML link to maps.google.com that opens page in Mobile Safari, not Maps App

由 萝らか妹 提交于 2019-12-24 06:34:21
问题 On the iPhone, links of the form maps.google.com are opened by the google maps app, which is installed on every iPhone. (see: Apple URL scheme reference) The mobile site of maps.google.com supports more functionality than the native maps app (like the transit layer). Is there a way to formulate an html link that would cause safari to open the maps link in the browser instead of launching the native maps app? Here's an example link that opens in the Maps App that I'd rather have opened by

Safari Mobil iFrame content out of view not rendered

由 ◇◆丶佛笑我妖孽 提交于 2019-12-24 05:11:22
问题 Problem Open https://run.plnkr.co/preview/cjt4eonvv00043e5jhlqw9olb/ on iPhone and the second iFrames div content ist not shown before tapping/scrolling. Video: https://youtu.be/opEx0HMBvWc Details I have a widget <iframe> that is rendered below the page fold on page load. <iframe class="iframe" src="widget.html"></iframe> It is loading a site under my control, where I want a sticky/fixed element on top and momentum scrolled content below. Because of the fixed element I can not apply a

How to designate a downloadable file's content type

由 北城以北 提交于 2019-12-24 03:40:35
问题 This SO answer applies to me, but I don't know how to "change the content type to application/vnd.apple.pkpass" Currently a direct link to my pkpass triggers a download and I don't know where to set the content type. I have asked my hosting provider to verify that "application/vnd.apple.pkpass" is a supported MIME type I have tried What can I do to make the file recognized as the "application/vnd.apple.pkpass" when the link is clicked from iOS 6 or Mac OS 10.8? 回答1: You need to change the web

How to support html right click (context menu) in iPad safari browser?

由 风格不统一 提交于 2019-12-24 02:33:42
问题 I have a requirement where right click in an existing website needs be supported in iPad. By convention, right click is converted to long press event in touch enabled devices. I have tested in Chrome in Android devices and it worked while it's broken in Safari in iPad (iPad Air 2, 10.3). Just for reference, I was using this demo site: http://wwwendt.de/tech/demo/jquery-contextmenu/demo/ Could this be a bug in Safari in iOS devices? 来源： https://stackoverflow.com/questions/43589491/how-to

turning off form assistant in mobile safari?

由 柔情痞子 提交于 2019-12-24 01:53:40
问题 When running on a touchscreen device (iPhone, in my case, but I presume it does this on others), when the virtual keyboard pops up for a form field, there are added navigation buttons at the top of the keyboard: "previous", "next", "done". (And sometimes "autofill"). This is apparently the Mobile Safari "form assistant". I find this redundant, superfluous, and confusing. iPhone users aren't used to this in native apps, and it's unnecessary. It's a touch device. You touch what you want to

How to prevent pinch to zoom (on scroll) on safari mobile browser?

由 白昼怎懂夜的黑 提交于 2019-12-24 01:39:22
问题 I need my web application to behave as a native mobile app. For this I needed to prevent pinch-to-zoom and double tap zooming on all browsers. In Chrome and Firefox it was easy: <meta name="viewport" content="width=device-width, user-scalable=no" /> On Safari its a challenge. Here I found how to prevent pinch-to-zoom and to disable double-tap-zoom. But when you are scrolling and pinching to zoom, its zooming. My question is if there is way to block it also on scrolling? 回答1: Combined with the

Do i need to specify CSS for media=“handheld” and use of CSS media queries if I'm making a simple mobile site for iphone, android, blackberry only?

由 喜欢而已 提交于 2019-12-24 01:17:51
问题 Do i need to specify CSS for media="handheld" and use of CSS media queries media="only screen and (max-device-width:xxxpx) " if I'm making a simple mobile site for iphone, android, blackberry only? Or media="all" or media="screen" would be enough? I'm only targeting Blackberry 4.6+, iphone and android. 回答1: It depends on what kind of devices/browsers are you targeting at. For example s60 browsers behave differently than iPhone, Android, Opera mini and similar browsers. Here is a nice article

Webpage with wide iframe is not scrollable on an iPhone with viewport

由 浪子不回头ぞ 提交于 2019-12-24 00:39:51
问题 I have a webpage aimed at mobile devices (e.g. iPhone & Android). This page has an <iframe> (that obviously includes another webpage to render). On the iPhone the page (and the iframe) render OK. I have set the <meta name="viewport" content="width=device-width" /> , which should make it set the viewport width to about 320ish (or whatever safari uses now). However the content in my iframe is wider than 320ish pixels wide. This causes a problem because the iframe is truncated. The iPhone web

How does mobile safari determine when to prompt user to share location?

由 ╄→гoц情女王★ 提交于 2019-12-23 20:56:53
问题 I have a mobile web app where I want to track the latest location for a user, but only if they are in a certain area. But, having a little trouble with excessive prompts on the iPhone There's some location initialization code along the lines of: if (firstTime) { navigator.getCurrentPosition(function (coords) { if (coordsAreInTheBox) { storeCoordsForUser(); navigator.watchPosition(); } }); } else if (userInTheBox) { navigator.watchPosition(); } This works as expected on the first load, there
订阅 mobile-safari