CODEWITHSUNDEEP
mobilehttp-redirectsafarilocationhashtag
Cory Schulz
Cory Schulz

Reputation: 359

How do I redirect to a mobile site but keep the hash tag?

I'm looking to have it so that when a user loads our page it checks to see if they're on a mobile device and then it'll redirect them to a mobile version of our site, but keep the original hash tag from the link they followed. I've tried setting the new location with the hash tag in javascript and it works in Chrome but doesn't work in Safari. I've read that this is just something Safari does. Is there any work around to this?

Upvotes: 6

Views: 4695

Answers (3)

user3683979
user3683979

Reputation: 74

You should escape '#' symbol and everything would be OK

Upvotes: 4

Evan
Evan

Reputation: 608

You have to do this either by redirecting with javascript (because javascript can read the hash value) or by conditionally returning different html based on the user agent.

Browsers are supposed to preserve the hash fragment through a 302, but often don't (see 3 year old webkit bug below) and otherwise hash fragments are not sent to the server so they can't be dealt with manually.

https://bugs.webkit.org/show_bug.cgi?id=24175

Upvotes: 4

Eric Rini
Eric Rini

Reputation: 1890

We actually just got a very similar bug report from our customers.

For us the scenario involved a hashtag in the form of #quicklogin/abc123 and only appeared when viewing the site in Safari. This was part of the initial URL that the client would load and it would present them with an alternate login screen. When going directly to the URL in Safari, the browser removed the entire tag and ignored it.

When we changed this to something like #quicklogin/test (or any other hash containing only alpha characters) it worked fine. It also worked fine when loading the site and then manually applying the hash tag in two separate steps.

So our conclusion is that there may be something wrong with hashtags containing numeric values in Safari.

Upvotes: 4

Related Questions