Android browser doesn't update the url on address bar on jQuery mobile - html

I am using jQuery mobile 1.3.1 to create a mobile web site. I have some basic content in the page
Login
Signup
when user clicks to one of the buttons he should go to mydomain/login or mydomain/signup . In chrome on android or in safari on iOS it works like this way but on android browser url is still mydomain after the click. It doesn't add signup or login to the end of the link. It still works jQuery mobile makes an ajax request and shows the login or signup page but when I refresh the page of course it goes back to mydomain rather than my domain/login .
In some web sites I heard android 4 is not supporting html5 history. Is that happening because of that? And is there any solution to solve this? Or am I doing something wrong?
Thanks in advance.

Related

On click loads a different website but still within my website - like Facebook

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.

redirect the domainname.com website to m.domainname.com in django for mobile devices

I want to redirect the user to m.domainname.com on his mobile browser. I want to use the existing website but redirect to the m.domainname.com.
For that how can i detect the user is on mobile or desktop.
And how can i redirect the mobile version of same site.
using media screen i can create the seprate displays for mobile divices
using bootstrap i can create the responsive website. but when its on mobile browser i want to redirect the mobile version like m.domainname.com
How can i do this?
And my website is in django.
You can use something like this: https://github.com/gregmuellegger/django-mobile
The idea is to detect mobile device in middleware (https://docs.djangoproject.com/en/dev/topics/http/middleware/).
So, if middleware detects that request going from mobile device, and user requested the normal version of the site, you can redirect him to mobile version of the site.

Desktop site link from mobile site

I am working on a site that has a mobile site: http://www.exchequersolutions.co.uk/m/ I am trying to create a link to the desktop site with out much luck.
When the user clicks on a link I want them to be taken to the desktop site.
The link in the anchor tag is:
<p><a href="http://www.exchequersolutions.co.uk/contractors/cis-self-employed/cis-form/" target="_blank" class="cis_register" >Register Online</a></p>
Does anybody know how or even if this is possible?
Is not possible.
Every browser implement a function to save a link on OS FileSystem (drag&drop or file > save as ...).
You're stuck in a loop caused by user-agent detection.
It looks like there is device detection on the desktop site that uses the user-agent to identify mobile devices. If you follow a link to the desktop site using a mobile phone, you'll just be sent back to the mobile site.
There are a few different ways you can fix this, but it depends on your site architecture. One way would be to disable the redirect on the desktop site if you include a specific parameter in the query string. Another option would be to set a cookie and use that to disable the redirect.

Open link in mobile browser(safari) instead of Facebook native browser (html base)

Im developing a web with facebook share link function. I notice facebook mobile apps will open shared link in its own browser, instead of mobile broswer (IE. safari, chrome and so on). Is there any control on this able us to force facebook open the link in mobile browser?
No. The only reliable workaround is if you use the web app with an iOS app, and all users install that iOS app, you can send users to your iOS app to accomplish that task which isn't a great workaround.
An easier but still not optimal solution would be to detect the Facebook browser in the user-agent string, and display a message to prompt users to visit the URL in the mobile browser.

Facebook Connect w/ Mobile Web App - How to get most fluid flow?

I'm developing a mobile wep app, and would like to allow my users to login using Facebook connect.
I initially implemented the standard Oauth2 authentication, but I found a couple issues:
When I install the app as a home screen shortcut and the user needs to authenticate the user is redirected to facebook's site for authentication in normal safari. When the user is redirected back, the user is still in safari (with the top and bottom nav bars). This is obviously sub-optimal as I'd like to have the full-screen appearance
I can't get logout to work properly, there appears to be a m_user cookie left on facebook.com that is the username of the user that was previously logged in.
I thought, perhaps, that I could switch to the javascript SDK for facebook connect and render a pop-over instead of the redirect dance, but it looks like this is a pop-up only experience. When I try it on the simulator it appears the home screen shortcut is broken out of to safari, and then after login the user isn't even logged in (and the screen remains blank).
Any ideas on the smoothest way of using Facebook connect on a mobile web (HTML5) app, especially if the homescreen shortcut is to be retained?
thanks!
-simon
Have you tried the latest Javascript SDK to accomplish this? https://developers.facebook.com/docs/reference/javascript/