I´ve made an HTML page for downloading a corporate iPhone application (via plist distribution).
<div>
<img style="margin-left:auto;margin-right:auto;display:block;margin-top:22%;margin-bottom:0%" src="download.png"/>
</div>
Now on IOS7 when clicking the link the focus of page vanishes and the home screen is shown where you can follow the downloading progress.
On IOS8 when clicking the link the html page does not lose focus. The home screen is not shown and the user cannot follow the download progress.
Any ideas?
Thanks.
It's annoying, but, starting in iOS 8, opening an itms-services link will not send Safari to the background.
You'll have to add some text to your webpage that says something like "When you do tap the Download Button, please tap your Home button to view the progress of the App Installation." You might even want to get some Javascript going to react to the tap on the download button to bring some attention to that message.
This is a good thread that covers both the cases of itms-services links from within apps and from within Safari:
ios 8 openUrl itms-services does not exit current app
Related
On Facebook, via mobile, If you go to a profile page and click on a link to a person website it loads the website up in front of the Facebook website so when they press the X in the top left-hand corner it then deletes the webpage and the Facebook is still there.
On my desktop computer, I have used a different tap to load up but can't find out how I can do it this way for mobile and tablet?
I'm sure its quite simple but I have not got a clue what to look for sadly
Hope you can help, please.
Many Thanks
Tim
The picture you give appears to be the native mobile app for Facebook and not a webpage.
It just uses an embedded browser in the mobile app. How you do that depends on which platform you are developing for. For iOS it would be something along the lines of the UIWebView class.
Clicking on a link to our webpage using
Link
opens a new tab and closes it immediatly. This happens on all browsers apparently. Deactivating adblock and alike does not change anything.
Using the url without target="_blank" or right click -> open in new Tab however works fine.
The web page is an angular project and does not use any sort of trackers. Furthermore this behavior started only recently, so I assume it's due to some change in the page.
Any hint why this happens or where to start debugging this?
Found it.
I had a line window.close(); due to a workaround for a popup for facebook login, implementing this:
Facebook Login not working in PWA app if app is in stand alone state
I have a grid of speakers in an event's website. Each grid item contains a picture and name of the speaker. Whenever a speaker is clicked on, a dialog opens up with more info about them without reloading the page. This dialog features the same picture as before, same src attribute.
In Chrome the dialog opens just fine with the image already loaded, but in Safari the image is loaded again causing an uncomfortable stutter.
The website was built using React and the dialog content is created dynamically.
Is this expected for Safari?
If not, what could be wrong?
Browser: Safari 11.0.2 (12604.4.7.1.4)
System: macOS 10.12.6 (16G1036)
Thank you in advance!
Today I was browsing "how to migrate jimdo CMS to WordPress" from the internet.
And I've got a website with some details.
Here is the URL of the website:https://m.freelancer.com/projects/Wordpress/Migrate-Jimdo-Website-WordPress/
When I click over that website's link, after the website is loaded, I saw a window like this: "Add this website to home screen ".
When I choose"yes", the browser automatically created an app for that website in my home page. My Device is android, so I clicked the home button of my phone and clicked over the apps icon. Then an app is just opened. The app doesn't looks like chrome because it doesn't have the address bar. I didn't installed any freelancer apk file.I tried to close and uninstall that app. From home screen, when I hold over the app icon, I saw" remove " text on top of my phone's screen. It means that the app I've hold is not an actual apk. It's a widget or something which is created by the chrome browser by command of that "https://m.freelancer.com/projects/Wordpress/Migrate-Jimdo-Website-WordPress/" website. I want to add that feature in my website, which is a sub domain:sslclive.jimdo.com
Is anyone anyone knows how to add that feature in my website?
That feature must be maid by some kind of HTML/JavaScript code.
If anyone knows, then please answer.
And sorry for my worst bad English
You need to add this meta tag to tells the browser to launch your page fullscreen
<meta name="mobile-web-app-capable" content="yes">
You can also add an icon using a manifest:
https://developers.google.com/web/fundamentals/native-hardware/fullscreen/#launching_a_page_fullscreen_from_home_screen
I am trying to open a pdf from my JQM webapp. I have tried iframes/embed/object, and none of those work on an iphone like they do on a desktop browser (scrolling, zooming, etc). I have settled with simply opening the pdf via a link Link. This works fine in the standard browser because the user can simply use the browser back button to navigate back to my app.
The issue that I am having, is that when a user saves the page to thier home screen and opens it using the chromeless safari browser, they no longer have the browser back button. I have tried adding target="_blank" to the link, but apparently JQM hijacks the link and prevents opening in a new page, and I have been unable to get the hacks to work.
I have also tried pdf.js, but I can't seem to even get that to work as my javascript knowledge is fairly limited, and the examples are pretty advanced. The only tutorial that I found used an old version which I couldn't get to work.
Are there any ways to bypass the JQM in openning a link in a new window (which would in turn open in the mobile safari rather than my chromeless web app), or are there any other suggestions for how to open a pdf from a webapp?
Just disable the default jQuery Mobile behaviour, by specifying data-ajax=false.
For example:
Link
See http://jquerymobile.com/demos/1.2.0/docs/pages/page-links.html
For my webApps I used https://docs.google.com/viewer to embed the pdf into my interface.
So, when I navigate the webApp by home screen icon, the app doesn't close when I open the pdf.
I met the same question: open pdf in webapp with html5.
I've tried several solutions: iframe、embed、pdf.js, but none of them is the best solution.
tips: iOS 9.x upper, open pdf with iframe only show the first page of the pdf file, and there will be a <img /> tag in the iframe body when you debug.
util now I still have this troublesome problem, anyone has solution please write your experience here.
Thank you.