浏览器中常见的内核有哪些以及解决浏览器兼容的问题？

浏览器中常见的内核有哪些以及解决浏览器兼容的问题？

目前主流的浏览器内核有四种：

1. Chrome和Safari浏览器：Webkit内核;
2. IE，搜狗，360浏览器：Trident内核;
3. 火狐浏览器：Gecko内核；
4. Opera浏览器：原为Presto内核，现为Blink内核。

前端开发中解决浏览器兼容的问题？

function myBrowser(){
	var userAgent = navigator.userAgent;
	if(userAgent.indexOf("Opera") > -1){
    	return  "Opera"
    }
    if(userAgent.indexOf("Safari") > -1){
    	return "Safari"
    }
    if(userAgent.indexOf("compatible")>-1){
		return "IE"
	}
	if(userAgent.indexOf("Firefox")>-1){
		return "Firefox"
	}
	if(userAgent.indexOf("Chrome") > -1){
    	return "Chrome"
    }
}