개발을 할 때 가장 먼저 하는 것이 개발 환경설정이다.
웹개발을 할때에도 브라우저의 상태를 확인해야한다.
<script language='javascript'>var jsversion</script>
<script language='javascript1.0'>jsversion = 1.0;</script>
<script language='javascript1.1'>jsversion = 1.1;</script>
<script language='javascript1.2'>jsversion = 1.2;</script>
<script language='javascript1.3'>jsversion = 1.3;</script>
<script language='javascript1.4'>jsversion = 1.4;</script>
<script language='javascript1.5'>jsversion = 1.5;</script>
<script language='javascript1.6'>jsversion = 1.6;</script>
<script language='javascript1.7'>jsversion = 1.7;</script>
<script language='javascript1.8'>jsversion = 1.8;</script>
<script language='javascript1.9'>jsversion = 1.9;</script>
<script language='javascript2.0'>jsversion = 2.0;</script>
<script>
console.log('jsversion : ' + jsversion);
</script>
javascript 버전별 차이점은 https://developer.mozilla.org/en-US/docs/Web/JavaScript/New_in_JavaScript/1.7 에서 확인할 수 있다.
javascript 버전 외에도 DOCTYPE 선언에 따라 다르게 동작할 수 있다.
현재 2020년 02월 25일 시점
| 운영체제 | browser | js version | navigator.userAgent |
| windows 10 Pro 64비트 (10.0, 빌드 18362) | chrome 80.0.3987.122 | 1.7 | Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/80.0.3987.122 Safari/537.36 |
| windows 10 Pro 64비트 (10.0, 빌드 18362) | Internet Explorer 11.657.18362.0 | 1.3 | Mozilla/5.0 (Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E; .NET CLR 2.0.50727; .NET CLR 3.0.30729; .NET CLR 3.5.30729; Tablet PC 2.0; rv:11.0) like Gecko |
| windows 10 Pro 64비트 (10.0, 빌드 18362) | Microsoft Edge 44.18362.449.0 | 1.5 | Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.102 Safari/537.36 Edge/18.18362 |
| windows 10 Pro 64비트 (10.0, 빌드 18362) | Firefox Brower 73.0.1 | 1.5 | Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:73.0) Gecko/20100101 Firefox/73.0 |
얼마나 많은 agent가 있는지 https://developers.whatismybrowser.com/useragents/explore/ 에서 확인할 수 있다.
navigator.userAgent를 분석하여 모바일인지, 구형 익스플로러인지 등을 구분할 수 있다.