So I've seen telephone links being treated in 2 different ways on mobile safari on web pages. (on ipad and ipod touch):
1 - On my one page, when I click on the link it just displays a popup saying: "Cannot Open Page. Safari cannot open the page because the address is invalid"
HTML code looks like: 1-555-123-4455 (just an example of what my real number looks like)
Also here I'm using plain HMTL mobile boilerplate as codebase
2 - On another page, when I click on the link, it displays a popup giving the user 2 options, Add to Contacts and Copy.
HTML code looks like: <a data-height-watch="" class="button button-block no-border trackConversion" href="tel:15551234455" style="height: 40px;">Call 1-555-123-4455</a> (another example of the real code)
Runs on Foundation Zurb
Is this something one can control progammatically? If so, how can I make sure the user is met with the 2nd "response"? Does it maybe have to do with Foundation Zurb?
As far as i know this depends on device specifications. Also if you have any third party plugins installed in your device such as skype, then it may work differenty.
Related
Is it possible to make sure that (deep) links don't open a new browser window?
Use case would be e.g. QR Codes or NFC tags that contain some kind of identifier along with a URL/deep link URL.
e.g. www.example.com/mypwa/game=ID
The idea in this case would be that an asset linked to ID would become available in the app.
When you want to do that repeatedly, currently both Chrome on Android and Safari on iOS (as Standard Browser) open a new tab for each tapped NFC tag, confusing the user.
Is it possible for a PWA to check if it is already running in another tab, and if yes, take over the URL parameter (ID) and work with it ?
My IOS (tested on 9.2) web application (apple-mobile-web-app-capable) avoids <a href="xxx" />
links and uses only Javascript navigation functions like windows.location.replace(url) to navigate to the pages.
The root of my application is not www.xxx.com but www.xxx.com/mysite. Some of the navigate operations to /mysite/xxx are working, but other navigations to /mysite/yyy open the Safari window.
Beside the <a href="xxx" /> links, are there other situations which can cause the web app to open the link in a separate Safari window ?
I do not use target Attribute. All my links look like
<a ng-click="vm.replace('/mysite/xxx') class="navbar-brand">Contact</a>
...
replace(url:string) {
this.$window.location.replace(url);
}
I also tried the different variations (location.href = url, location = url) all with same result. Maybe the Problem is IOS 9.2 related, I am sure that the same construct was working in web apps I created some month ago.
Is it possible that the content of the target page is responsible for this behavior ? Navigating from /mysite/Home to to /mysite/Media works, navigating to /mysite/EPG opens the Safari browser. Maybe something bad in the browser cache ? So I cleared the cache, but same result.
Based on your description, it sounds like target="_blank" is being used, which is what causes web links to open in a new window. As you're using JavaScript for all your links, this should be relatively easy to check.
I'm doing a responsive app using meteor and angular, and i have a share link functionality. On desktop it is an input field on read only and the user can copy the link. On mobile I want to do display an link with tag. But on iOS safari doesn't react correctly when I long touch the link. Usually there is a menu of option that are displayed, but here just nothing happen.
my simple code : {{url}}
Thanks in advance to anybody that has an idea about this issue.
Update: I just tried wiht <a ng-href="{{url}}">{{url}}</a> on Firefox android and it work perfectly. The issue is really an iOs case
You should use ng-href={{url}} instead.
My guess is that iOS reads first the {{url}} as it is, and when angular updates it to whatever value is stored in the url variable, it does not pick up the new value.
And because the string {{url}} is not valid url, it does not know how to work with that, so it does nothing.
(I am not iOS developer, but still, you should use ng-href for this)
For long touch/press especially for mobile: Check this angular directive link
I am developing my first blackberry app, I have strings.xml where I keep all HTML content I may need to display in some screens. I can successfully display the html content but nothing happen when you click the web links.
For example, I have the following in strings.xml
<![CDATA[Hazcheck systems]]>
When I load the above string into a screen, I see the link as expected, but, nothing happen when I click it.
I tried to remove CDATA tags, but, it didn't help. Any ideas?
How would you enable/support "Do Not Track" for a browser app that uses UIWebView? Is this something that every app on iOS has to include by itself or is this already enabled in UIWebView?
Thanks!
Simple tools are coming like the one linked below -- add a line of JS at the top of the page and it turns off the tracking tags when the user has the DNT preference enabled. Should work on a mobile web view if you have a typical ad tag installation.
http://www.ensighten.com/news/blog/ensighten-privacydnt-free-tool-managing-compliance-do-not-track