前端开发，实际开发中浏览器兼容性常见问题

1.认识各大浏览器及其内核

国内常见的浏览器有：IE、Firefox、Safari、Opera、Google
Chome、QQ浏览器、搜狗浏览器、百度浏览器、猎豹浏览器、UC浏览器、360浏览器、遨游浏览器、世界之窗浏览器等等。

五大主流浏览器：IE、Google Chrome、Firefox、Safari、Opera。
四大浏览器内核：Trident内核(IE内核)、Webkit内核、Gecko内核、Presto内核。

各浏览器所用内核：
　　1、IE浏览器内核：Trident内核，也是俗称的IE内核； 浏览器前缀：-ms-
　　2、Chrome浏览器内核：统称为Chromium内核或Chrome内核，以前是Webkit，现在是Blink； 浏览器前缀：-webkit-
　　3、Firefox浏览器内核：Gecko内核，俗称Firefox内核； 浏览器前缀：-moz-
　　4、Safari浏览器内核：Webkit内核； 浏览器前缀：-webkit-
　　5、Opera浏览器内核：最初是自己的Presto内核，后来是Webkit，现在是Blink内核； 浏览器前缀：-o-
　　6、360浏览器、猎豹浏览器内核：IE+Chrome双内核；
　　7、搜狗、遨游、QQ浏览器内核：Trident（兼容模式）+Webkit（高速模式）；
　　8、百度浏览器、世界之窗内核：IE内核；
　　9、2345浏览器内核：以前是IE内核，现在也是IE+Chrome双内核；

2.低版本IE中input支持设置placeholder属性

//项目中引入jQuery
/**
*给低版本IE浏览器设置placeholder
*/
funcution setplaceholderInIE9() {
	$(function(){
		if(!placeholderSupport()){
		//如果当前浏览器不支持placehoder属性
			$('[placeholder]').focus(function(){
				var input = $(this);
				if(input.val() == input.attr('placeholder')) {
					input.val('');
					input.removeClass('placeholder');
				}
			}).blur(function(){
				var input = $(this);
				if(input.val() == '' || input.val() == input.attr('placeholder')) {
					input.addClass('placeholder');
					input.val(input.attr('placeholder'));
				}
			}).blur();
		}
	})
}
/**
*判断浏览器是否支持设置placeholder属性
*@returns {boolean}
*/
function placeholderSupport(){
	return 'placeholder' in document.createElement('input');
}