A very small javascript library that allows you to create browser specific CSS to be merged into your normal classes. No more hacks or mischievous code in your CSS code.
More user-agent info for tablets, this time around the iPad 2. Notice no matter what browser you're running it gets identified as "Safari", and the OS is inaccurate in the html classes as well for some of these.
Just for clarity, the "HTML Classes" are what is generated by the css_browser_selector.js, and the User Agent is what is being reported by the browser. I used this page for testing the browsers to get the info.
The browsers below were selected by doing a search in the AppStore for "Browser". these are some of the most popular free ones that run on the iPad 2.
Browser: Safari
HTML Classes: webkit safari safari6 safari6_0 mobile ios ios6 ios6_1 ios6_1_3 ipad js orientation_landscape maxw_1024 orientation_portrait maxw_768
UA: Mozilla/5.0 (iPad; CPU OS 6_1_3 like Mac OS X) AppleWebKit/536.26 (KHTML, like Gecko) Version/6.0 Mobile/10B329 Safari/8536.25
Browser: Chrome
HTML Classes: webkit safari mobile ios ios6 ios6_1 ios6_1_3 ipad js orientation_landscape maxw_1024 orientation_portrait maxw_768
UA: Mozilla/5.0 (iPad; CPU OS 6_1_3 like Mac OS X) AppleWebKit/536.26 (KHTML, like Gecko) CriOS/30.0.1599.16 Mobile/10B329 Safari/8536.25 (90894103-3F44-4825-BD80-621F7193BAAC)
Browser: Mercury
HTML Classes: webkit safari mobile ios ios7 ios7_0 ipad js orientation_landscape maxw_1024 orientation_portrait maxw_768
UA: Mozilla/5.0 (iPad; CPU OS 7_0 like Mac OS X) AppleWebKit/537.51.1 (KHTML, like Gecko) Mercury/8.0.1 Mobile/11A465 Safari/9537.53
Browser: Dolphin
HTML Classes: webkit safari safari5 safari5_1 mobile ios ios6 ios6_1 ios6_1_3 ipad js orientation_landscape maxw_1024 orientation_portrait maxw_768
UA: Mozilla/5.0 (iPad; CPU OS 6_1_3 like Mac OS X) AppleWebKit/536.26 (KHTML, like Gecko) Version/5.1 Mobile/9B206 Safari/7534.48.3
Browser: Atomic Lite
HTML Classes: webkit safari safari5 safari5_1 mobile ios ios5 ios5_0 ipad js orientation_landscape maxw_1024 orientation_portrait maxw_768
UA: Mozilla/5.0 (iPad; CPU OS 5_0 like Mac OS X) AppleWebKit/534.46 (KHTML, like Gecko) Version/5.1 Mobile/9A334 Safari/7534.48.3
Browser: Coast by Opera
HTML Classes: webkit safari mobile ios ios6 ios6_1 ios6_1_3 ipad js orientation_landscape maxw_1024 orientation_portrait maxw_768
UA: Mozilla/5.0 (iPad; CPU OS 6_1_3 like Mac OS X) AppleWebKit/536.26 (KHTML, like Gecko) Coast/1.1.3.65998 Mobile/10B329 Safari/7534.48.3
More user-agent info for tablets, this time around the iPad 2. Notice no matter what browser you're running it gets identified as "Safari", and the OS is inaccurate in the html classes as well for some of these.
Just for clarity, the "HTML Classes" are what is generated by the css_browser_selector.js, and the User Agent is what is being reported by the browser. I used this page for testing the browsers to get the info.
The browsers below were selected by doing a search in the AppStore for "Browser". these are some of the most popular free ones that run on the iPad 2.
Tablet: Apple iPad 2 16GB Tablet Model: A1395 (MC996LL/A) OS: iOS 6.1.3 (10B329)
Browser: Safari HTML Classes: webkit safari safari6 safari6_0 mobile ios ios6 ios6_1 ios6_1_3 ipad js orientation_landscape maxw_1024 orientation_portrait maxw_768 UA: Mozilla/5.0 (iPad; CPU OS 6_1_3 like Mac OS X) AppleWebKit/536.26 (KHTML, like Gecko) Version/6.0 Mobile/10B329 Safari/8536.25
Browser: Chrome HTML Classes: webkit safari mobile ios ios6 ios6_1 ios6_1_3 ipad js orientation_landscape maxw_1024 orientation_portrait maxw_768 UA: Mozilla/5.0 (iPad; CPU OS 6_1_3 like Mac OS X) AppleWebKit/536.26 (KHTML, like Gecko) CriOS/30.0.1599.16 Mobile/10B329 Safari/8536.25 (90894103-3F44-4825-BD80-621F7193BAAC)
Browser: Mercury HTML Classes: webkit safari mobile ios ios7 ios7_0 ipad js orientation_landscape maxw_1024 orientation_portrait maxw_768 UA: Mozilla/5.0 (iPad; CPU OS 7_0 like Mac OS X) AppleWebKit/537.51.1 (KHTML, like Gecko) Mercury/8.0.1 Mobile/11A465 Safari/9537.53
Browser: Dolphin HTML Classes: webkit safari safari5 safari5_1 mobile ios ios6 ios6_1 ios6_1_3 ipad js orientation_landscape maxw_1024 orientation_portrait maxw_768 UA: Mozilla/5.0 (iPad; CPU OS 6_1_3 like Mac OS X) AppleWebKit/536.26 (KHTML, like Gecko) Version/5.1 Mobile/9B206 Safari/7534.48.3
Browser: Atomic Lite HTML Classes: webkit safari safari5 safari5_1 mobile ios ios5 ios5_0 ipad js orientation_landscape maxw_1024 orientation_portrait maxw_768 UA: Mozilla/5.0 (iPad; CPU OS 5_0 like Mac OS X) AppleWebKit/534.46 (KHTML, like Gecko) Version/5.1 Mobile/9A334 Safari/7534.48.3
Browser: Coast by Opera HTML Classes: webkit safari mobile ios ios6 ios6_1 ios6_1_3 ipad js orientation_landscape maxw_1024 orientation_portrait maxw_768 UA: Mozilla/5.0 (iPad; CPU OS 6_1_3 like Mac OS X) AppleWebKit/536.26 (KHTML, like Gecko) Coast/1.1.3.65998 Mobile/10B329 Safari/7534.48.3