Условные комментарии Chrome
То, что кажется мне забавный об этом вопросе, - то, что я только что прочитал первую страницу ответов, и до сих пор, я не нашел единственное спорное мнение.
, Возможно, который говорит больше о пути, stackoverflow генерирует согласие, чем что-либо еще. Возможно, я должен был запустить внизу. :-)
5 ответов
Вы можете настроить таргетинг на браузеры на основе 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.
Условная операция будет работать, потому что другие браузеры будут анализировать блок If IE8 как HTML-комментарий, но не блок! IE, потому что внутри он заключен в -> и
Следовательно, для всех браузеров, отличных от IE, основной класс действительно будет равен W3C.
Это все, кстати, потому что блок комментариев IE не нужен для идентификации браузера именно как chrome - блок JS сам по себе сделает это, если, конечно, у пользователя включен JS.
Насколько мне известно, как HTML условные комментарии , так и директивы условной компиляции Javascript поддерживаются только Internet Explorer 4-8.
<!--[if !IE]>-->
Это не просто условный комментарий Chrome - он поражает все браузеры, кроме IE ... firefox, safari и т. Д. . Если вы используете 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 / forum / topic / 2731 / firefox-google-chrome-browser-detect-using-conditional-comments-hack /