hapi-mobile-views
Detects mobile user agents and serves mobile views when available.
Install
npm install hapi-mobile-views
Usage
Basic:
// index.jsserver;
# default.yaml plugins: hapi-mobile-views:
Serving mobile views
NOTE: Currently only *.html
view files are supported and we're only testing against the vision
module.
This plugin handles everything except creating the mobile views for you. In order to service up a mobile view you will need to create a file that matches a view but end with -mobile
in the name.
If your return looks like and the template was pages/homepage.html
;
You'd name the mobile version pages/homepage-mobile.html
We also expose a global view context __isMobile
. Useful if you don't need to change the whole page, just a part. (You should still use media queries if you can).
Manual Override
Direct the user to the same url but with a ftDeviceType=<type>
query string. Valid types are mobile
and desktop
. The user will be redirected to the original url with a cookie set with the device type.