- verticalStyles: an Object that contain each allowed device name and an Array with all css required for this device on vertical position.
- horizontalStyles: an Object that contain each allowed device name and an Array with all css required for this device on vertical position.
- standardStyles: an Array with all css required for not allowed devices, like common browsers.
- cssPath: an string with correct path to css.
- allowedDevices: an Array with allowed devices.
- linksClassName: a class name for all css added dinamically.
var options = {
verticalStyles: {
ipad: ['ipad.css'],
iphone: ['iphone.css'],
ipod: ['ipod.css']
},
horizontalStyles: {
ipad: ['hor_ipad.css'],
iphone: ['hor_iphone.css'],
ipod: ['hor_ipod.css']
},
standardStyles: ['common.css'],
cssPath: '../_css/',
allowedDevices: ['ipad', 'ipod', 'iphone'],
linksClassName: 'iDetector'
}
var detector = new iDetector(options);
- getAgent(); //return a string that contain your user agent
- getDeviceName(); //name of your device
- getOrientation(); //get orientation of your deviceName
- detectAgent(); //detect if this device is an allowed device
- defineStyles(); //apply all defined styles in your options
- addRotationEvent(); //apply rotation event for applications that need 1 css for each position (vertical, horizontal)
- removeLinkTags(); // remove all css added dinamically