mobile-safari

Use hidden SFSafariViewController to get Safari cookies

喜你入骨 提交于 2019-12-09 13:29:27
问题 I was reading the following post on authenticating users from mobile web pages to native iOS 9 apps and was wondering how to best implement a hidden safari view controller similar to the hidden controller talked about below? https://library.launchkit.io/how-ios-9-s-safari-view-controller-could-completely-change-your-app-s-onboarding-experience-2bcf2305137f#.r810oldla 回答1: Don't use this approach if you're going to distribute your app to the AppStore, because according to updated App Store

Fixed headers with text fields on mobile safari websites

久未见 提交于 2019-12-09 11:49:46
问题 I've been looking around for awhile, and I can't seem to find any fix for this issue. When an input field gains focus in mobile safari (haven't checked other browsers) a fixed element will jump due to safari putting that element in view (closer to the center). The error only occurs when a user has scrolled, if the user is still at the top of the page nothing occurs. Before & After screenshots Does anyone have a clue how to fix this? The only solution I have come across is to scroll back to

Angular GET request error, but only on safari iOS

风流意气都作罢 提交于 2019-12-09 07:57:08
问题 I'm building a website using wordpress as backend, and angularjs as frontend. I'm using the wordpress json API to get my data to the front-end. https://wordpress.org/plugins/json-api/ The problem I'm using angular to get my data from the wordpres json API. I have created the following service: this.getPage = function ( slug ) { return $http.get('wordpress/api/get_page/?slug=' + slug) } I use this service in my controller to get the current page HTTPService.getPage('home') .success(function (

iPad Safari 100% height issue

对着背影说爱祢 提交于 2019-12-09 06:52:15
问题 I have a modal div on my page, which grays out the background. If I set the height of overlay div to 100%, it works fine on IE (desktop), but on iPad Safari, the complete height is not grayed out. What exactly is the issue? Is it to do with fixed position/viewport? Please help. Below is the CSS for the same; #TB_overlay { height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 100; } .TB_overlayBG { background-color: #000000; opacity: 0.4; } 回答1: Hi the easiest way and that's

Fix div to bottom without using css position

你。 提交于 2019-12-09 06:27:27
问题 I am having issues with position: fixed; on IOS8 Safari. I've determined it's related to the footer div which I am positioning at the bottom of the page. I've also tried position: absolute; but that didn't work either. Does anyone know of a way to position this without using CSS position? Here is the code I'm using: .foot-nav{ position: fixed; bottom: 0; width: 100%; } 回答1: iOS has issues with fixed positioning. When swiping to scroll, it will not update the fixed position until the tap/drag

Scaling problem with -webkit-transform with mobile safari on iPad

狂风中的少年 提交于 2019-12-09 06:25:41
问题 In the HTML page below, I am scaling a block with a -webkit-transform . The transform scales the block from its initial size to its double size. This works as expected with Safari, and Chrome on OSX. But, on the IPad (both the simulator and the device), the scaling start from a single point instead of the original size of the image. As you can see in the example I have set the viewport meta tag, but it does nothing. Can anyone confirm this as a bug, and is there a workaround? <html> <head>

Trying to send sms in iOS 10, Is “sms:” protocol broken?

懵懂的女人 提交于 2019-12-09 06:00:31
问题 I have a click-to-send-sms button. Now I'm using this code when the button is clicked: if (platform == 'iOS') { if (version == 4 || version == 5 || version == 6 || version == 7) { link = 'sms:' + serviceNumber + ';body=' + body; } else { link = 'sms:' + serviceNumber + '&body=' + body; } } else { link = 'sms:' + serviceNumber + '?body=' + encodeURIComponent(body); } window.location.href = link; They are telling me that it isn't working anymore in iOS 10, nothing happens when the button is

Broken HTTP basic authentication in web apps on iOS 7?

蓝咒 提交于 2019-12-09 04:25:05
问题 I'm using basic authentication for a simple app but it stopped working in web app mode on iOS 7. It works in Safari, it worked on iOS 6 both in Safari and as a standalone web app, but after migrating to iOS 7 it shows only white screen. Did anyone experience the same problem? 回答1: I found that by removing windows auth from iis, and leaving only basic with the realm set to the domain solved this issue for me. Give that a try. 回答2: I think this may be related to the dialog problem described

After upgrade to iOS 11.3 web app does not show full screen per apple-mobile-web-app-capable

僤鯓⒐⒋嵵緔 提交于 2019-12-09 03:04:09
问题 I have a web app that contains the meta <meta name="apple-mobile-web-app-capable" content="yes"> Before iOS 11.3, when "added to Home Screen" it would then open like a standalone app without the navigation bar. After 11.3 it now opens with the navigation bar in the browser. 回答1: After hours of troubleshooting I found the following that might be helpful for others. For Android/Chrome compatibility, I already had the following in my html file: <link rel="manifest" href="/manifest.json"> The

Checking online status from an iPhone web app

对着背影说爱祢 提交于 2019-12-09 00:09:44
问题 Is there a way to check to see if an iPhone is online from a web app. That is, in mobile Safari, can I check the online status of the device to see if I should try an AJAX call or not. In Firefox/regular WebKit, this would be: if(navigator.onLine) { onlineCode() } 回答1: img src="http://aonlinesite.com/a-really-little-image.png" onload="Intenet!" onerror="NoInternet!" 回答2: A quick test on the iPhone shows that it is available from iPhone OS 2.2. 回答3: That same code should work in the WebKit