This extension adds the browser name and the operating system to the < body > element as a class. This is useful for developers in cases when a responsive website doesn’t look the way it is supposed to on some devices. It allows you to directly address these devices or operating systems.
- Version: 1.0.0
- Used to apply device specific CSS
- Adds the browser name and the operating system to the < body > element as a class
- Useful for developers to debug device specific issues related to a responsive website
- Support for Admin HTML as well
- Easy Installation
- Easy and friendly to use
- Compatible with all themes
<body class=".... browser-firefox os-windows">
<body class=".... browser-chrome os-apple">
<body class=".... browser-safari os-iphone">
<body class=".... browser-chrome os-android">
This can help in creating responsive websites when website on some device is causing issues but in some device website is working perfectly. So we can use this in CSS as:
.browser-firefox.os-windows{
//Your CSS
}
and for same browser and other OS
.browser-firefox.os-apple{
//Your CSS
}
- Copy extension to your Magento installation root directory
- Clear the cache, logout from the admin panel and then login again.
- Activate/Deactivate the extension under System -> Configuration -> Advanced -> BonHills_BrowserOSNameFinder
Remove all files of this extension from your Magento installation directory.
Compatible with Magento Community Edition Version(1.7.x - 1.9.x)
Have any questions regarding this extension? Need help with installation and/or configuration? Have some good tips and tricks about using it or enhancing? Open an issue on GitHub.