While developers can provide mobile versions of a web page or site, users only access these if they are aware of the URL. When a user receives a link to a full site page in an e-mail or social media post, they are likely to follow this link rather than attempting to alter it to point to the mobile version. An application can improve the user experience by detecting that a mobile device is in use and sending the user to a mobile version of the page.
There are two ways in which this functionality can be provided in Visualforce. They are as follows:
Server side by interrogating the
USER-AGENT
header of the request and matching this against a set of mobile devices. While this provides a faster experience for the user, as a server-side redirect can be used to send them to the destination page, it does introduce a maintenance overhead, as the list of mobile devices is ever increasing.Client side using JavaScript to determine the dimensions of...