Есть ли такая вещь, как условные комментарии для Chrome?
У меня есть страница, которая отличается по-разному в Chrome по сравнению с Firefox.
Спасибо
Есть ли такая вещь, как условные комментарии для Chrome?
У меня есть страница, которая отличается по-разному в Chrome по сравнению с Firefox.
Спасибо
Вы можете настроить браузеры на основе WebKit, используя это в своем CSS
@media screen and (-webkit-min-device-pixel-ratio:0) {
Body {}
}
Возможно, это поможет?
<!--[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>
Затем вы используете CSS для настройки ваших стилей специально для Chrome.
Оба HTML условные комментарии и Javascript условные директивы компиляции поддерживаются только Internet Explorer 4-8, насколько мне известно.
Условная операция будет работать, потому что другие браузеры будут анализировать блок If IE8 как комментарий HTML, но не блок IE, потому что внутренность его завернута в → и
Следовательно, для всех не-IE-браузеров класс body действительно будет равен W3C.
Это все, между прочим, потому что блок комментариев IE не нужен, чтобы идентифицировать браузер именно как хром - сам блок JS будет делать это, если пользователь JS включен, конечно.
<!--[if !IE]>-->
Это не только условный комментарий Chrome - это касается всего браузера, который не является IE... firefox, сафари и т.д. Если вы используете PHP - попробуйте следующее:
<!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>
Кредит Джону для публикации: http://www.killersites.com/forums/topic/2731/firefox-google-chrome-browser-detecion-using-conditional-comments-hack/