Спасибо, всем. Я тестировал фрагменты кода здесь в последних браузерах: Chrome 55, Firefox 50, IE 11 и Edge 38 и я придумали следующую комбинацию, которая работала для меня для всех. Я уверен, что его можно улучшить, но это быстрое решение для тех, кому это нужно:
var browser_name = '';
isIE = /*@cc_on!@*/false || !!document.documentMode;
isEdge = !isIE && !!window.StyleMedia;
if(navigator.userAgent.indexOf("Chrome") != -1 && !isEdge)
{
browser_name = 'chrome';
}
else if(navigator.userAgent.indexOf("Safari") != -1 && !isEdge)
{
browser_name = 'safari';
}
else if(navigator.userAgent.indexOf("Firefox") != -1 )
{
browser_name = 'firefox';
}
else if((navigator.userAgent.indexOf("MSIE") != -1 ) || (!!document.documentMode == true )) //IF IE > 10
{
browser_name = 'ie';
}
else if(isEdge)
{
browser_name = 'edge';
}
else
{
browser_name = 'other-browser';
}
$('html').addClass(browser_name);
Он добавляет класс CSS в HTML с именем браузера.
+1 для сад Дзэн.
мне нравятся ресурсы в inobscuro.com
http://www.opensourcetemplates.org/ имеет хорошие проекты, просто недостаточно выбора.