Is there such a thing as conditional comments for Chrome?
I have a page that renders differently in Chrome when compared to Firefox.
Thanks
1
- If you can specify your issue then it could be more helpful.rahul– rahul2009-08-18 07:11:37 +00:00Commented Aug 18, 2009 at 7:11
Add a comment |
5 Answers
You can target WebKit based browsers using this in your CSS
@media screen and (-webkit-min-device-pixel-ratio:0) { Body {} } Perhaps this will help?
3 Comments
JohnK
Non-webkit browsers don't have a
-webkit-min-device-pixel-ratio (of zero or otherwise), and so fail the second part of the conditional.
Mbarry
This worked for me! however i still have a question, excuse me if this may sound stupid question for some experts but is there any risk that this would be taken under consideration by other browsers after they got updates? ex firefox ? thank you
citykid
+1 from me. @Mbarry: firefox will never adopt a css property with "webkit" in it. these css vendor prefixes are at the moment quite clearly set, the future is certainly open and some would argued years ago to abandon them, changing to "beta" prefixes fo instance. Anyway for now they are here.
<!--[if IE 8]><div id="bodyContainer" class="IE8"><![endif]--> <!--[if !IE]>--><div id="bodyContainer" class="W3C"><!--<![endif]--> <script type="text/javascript"> if (navigator.userAgent.toLowerCase().match('chrome') && document.getElementById('bodyContainer')) document.getElementById('bodyContainer').className = document.getElementById('bodyContainer').className + " chrome"; </script> Then you use CSS to tweak your styles specifically for Chrome.
1 Comment
NateS
document.getElementById('bodyContainer').className += " chrome";Both HTML conditional comments and Javascript conditional compilation directives are only supported by Internet Explorer 4-8 to the best of my knowledge.
Comments
<!--[if !IE]>--> This isn't just a Chrome conditional comment - this hits all browser that aren't IE... firefox, safari, etc. If using PHP - try this:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Browsser Detection</title> <link rel="stylesheet" href="Main.css" type="text/css"> <?php $msie = strpos($_SERVER["HTTP_USER_AGENT"], 'MSIE') ? true : false; $firefox = strpos($_SERVER["HTTP_USER_AGENT"], 'Firefox') ? true : false; $safari = strpos($_SERVER["HTTP_USER_AGENT"], 'Safari') ? true : false; $chrome = strpos($_SERVER["HTTP_USER_AGENT"], 'Chrome') ? true : false; if ($msie) { echo ' <!--[if IE 7]> <link rel="stylesheet" href="ie7.css" type="text/css"> <![endif]--> <!--[if IE 8]> <link rel="stylesheet" href="ie8.css" type="text/css"> <![endif]--> '; } if ($safari) { echo '<link rel="stylesheet" href="safari.css" type="text/css">'; } ?> </head> <body> <br> <?php if ($firefox) { //Firefox? echo 'you are using Firefox!'; } if ($safari || $chrome) { // Safari? echo 'you are using a webkit powered browser'; } if (!$msie) { // Not IE? echo '<br>you are not using Internet Explorer<br>'; } if ($msie) { // IE? echo '<br>you are using Internet Explorer<br>'; } ?> <br> </body> </html> Credit to John for posting: http://www.killersites.com/forums/topic/2731/firefox-google-chrome-browser-detecion-using-conditional-comments-hack/
Comments
The conditional operation will work because other browsers will parse the If IE8 block as an HTML comment, but not the !IE block because the inside of it is wrapped in --> and
Therefore, for all non-IE browsers the body class will indeed equal W3C.
This is all by the way, though, because the IE comment block is not needed to identify the browser specifically as chrome - the JS block on its own will do that, provided the user has JS turned on of course.
3 Comments
Razor
Users with JS turned off are too few to care about :-)
Justin Rusbatch
I disagree. Add-ons like NoScript for Firefox are a lot more common than you would think.
Razor
Common to tech heads and developers, not mums, dads and common folk who use the web.