자바스크립트 브라우저

Jinwoo Choi·2021년 3월 30일
0

일을하다보니 브라우저 별로 호환할 필요가있어서, 찾아보았다..

/* 익스플로러 /

var agent = navigator.userAgent.toLowerCase();
if ( (navigator.appName == 'Netscape' && navigator.userAgent.search('Trident') != -1) || (agent.indexOf("msie") != -1) ){
    test();
 }

크롬

if(agent.indexOf("chrome") != -1){
	test();
}

사파리

if(agent.indexOf("safari") != -1){
	test();
}

test부분에 원하는 함수를 추가해주었다

P.S: 동영상 업로드 부분을 창닫기 이벤트로

window.addEventListener("beforeunload", function() {

})
이렇게 사용했었는데, 크롬말고는 바로 ajax 동기식 처리가 불가능했다,
꺼지는 속도가 함수를 실행하는 속도보다 빠름
고로 IE와, safari 에서는 팝업 형식이어서
opener.document.getElementById().value = 값 ;
으로 처리후
opener.함수() 를 실행해서 값을 ajax 처리 해 주었다.

동영상 처리를 하면서..
아이패드, 아이폰에서 click 이벤트가 왜 안먹히나했더니
click은 말 그대로 마우스로 클릭 할때 일어나는 현상이다 ..
아이패드,아이폰에서 사용하기 위해서는

window.addEventListener('touchstart', function(){
	test();
})

로 작성해 주어야한다 .. touch 판정이기 때문에 ..

profile
목표는 1일 1커밋..!

0개의 댓글