如何知道自己使用的css文件和js文件适用的浏览器版本

Question

这个问题困扰了我很久。怎么样能快速的知道自己写的css文件和js文件适用的浏览器版本

这些天在考虑网站的兼容性问题，接着就想到了这个问题。

一般获取浏览器的user agent很方便，使用window.navigator.useragent就可以获得用户代理字符串，从这个字符串中可以提炼出浏览器名字和版本号

以 FifeFox 浏览器为例，使用window.navigator.useragent得到的结果为：

但是知道当前浏览器的版本还不够，我还需要知道我写的 css 文件和 js文件适用的最低浏览器版本是什么。

在网上搜索了好久，知道modernizr的存在，但是这个工具只是进行特性检测，根据结果进行不同的操作，但还是不知道使用版本

所以请大神求助，有什么方法可以知道自己写的 css 文件和 js 文件适用的最低浏览器版本，或者提供解决思路

不胜感激！！！

Answer 1

如何查看整个文件的兼容性我不太清楚，貌似也没有这种工具吧。

查CSS兼容性可以使用这个网站: Can I Use...
查es标准的兼容性可以使用这个网站： ES

Answer 2

目前浏览器的环境区别，更多的需要考虑ES5,ES6,ES2016等等，也就是大部分浏览器及IE10+。
user agent是以前必定需要判定的因素之一，但现在更多的是用在判定移动端、APP内部、wechat等特定环境的区别。
JS的ES标准每年都会更新，所以解决方法是用bable转化，
CSS则相对好些，用google closure stylesheets之类的压一下（其规则较保守），会出现的问题只是不同环境下，css的效果会有所细微的不同。