I haven't got answer so I am updating this question
as per the reply from Mr. Seanrose the link should adjust on the mobile vieport but it doesnt, so is there any other link I should use for authantication on the mobile ?
I am developing the HTML5/javascript based mobile application for box. for getting the auth code I use following url
https://www.box.com/api/oauth2/authorize?response_type=code&client_id=' + CLIENT_ID + '&state=authenticated'
but this is non mobile url hence the page is getting displayed very small. is there mobile specific URL for authentication ?
Thanks for the support
When you visit that page from a mobile device, it should detect viewport dimensions and adjust to a mobile-friendly page, like this:
Related
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.
I have some page, which have mobile version (mobile version runnig automatically when we use mobile device). I would like to put that page in iframe on my page in mobile version. If is a way to force mobile version in iframe?
I assume that the mobile device detection is now based on user_agent.
To enforce mobile rendering i suggest, to add "?device=mobile" to the URL of the src element of the iframe. Then add a simple if-condition to the mobile device detection function, which checks for $_GET['device'] == 'mobile' and set the rendering to "mobile".
If you are requesting the iframe via Ajax, you could try an approach, where you simply set a custom HEADER attribute.
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.
I am wondering if it is possible to make a link that if tapped on (say in iOS Mail), would open up a specific app (I know that part is possible), AND if the very same link were opened up on a regular computer say in Gmail, it would function as a regular web link.
So essentially, two different links in one, depending on the platform you are on.
Where would I start to get something like this going?
I just did it this morning. You need to have your link in the email go to your website. Then on your website check the user-agent and redirect to the app if the user-agent is for iOS and if it is not iOS show the regular web page.
You can't, because you don't have control on which device email is shown.
Best approach would be to code (css/html) responsive email template and hide first link(for pc) if screen size is < 600px etc.
More on responsive emails:
http://zurb.com/article/1144/a-tutorial-on-responsive-email-templates
I am returing to website development and I want my work to be as global as possible. When a web surfer arrives at my site, is there a way to determine whether he/she is surfing with a PC or mobile phone and disply the content accordingly? Or would it be better to build responsive sites using CSS?
Take a look at the following questions, looks like there could be quite a lot of useful information in there for you:
What is the best way to detect a mobile device in jQuery?
How to detect a mobile device with JavaScript?
Auto detect mobile browser (via user-agent?)
You can use Request.UserAgent because UserAgent gets the raw user agent string of the client browser