일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- react이론
- SafeArea 커스텀
- gsap 기초
- input 숫자입력
- 웹뷰 페이지 로딩
- 트윈맥스 기초
- 리액트
- 프론트앤드
- styled component
- styled component 작동안함
- React-Native IOS
- React Native navigation
- 타입스크립트
- gsap
- JS
- rn webview page loading
- RN navitate push
- styled component is not working
- styled component 작동 안될때
- js 특정 위치로 이동
- react
- reactnative 웹뷰 페이지 로딩
- scrollIntoView scrollTo
- safari wiondow.open
- React-Native 공부
- React Native SafeArea Custom
- react native safeArea
- 임고미
- 퍼블리셔
- slick slider 간격
Archives
- Today
- Total
개발공부 임고미
[Javascript] safari에서 window.open 본문
728x90
300x250
* 해당 작업은 react라이브러리로 페이지 작업하다 확인한 이슈임니당
결론 : safari에서 window.open 쓸땐 함수에 함수에 함수 타지 말고, 직접적으로 넣어주자
----------
상황 :
하이브리드앱 (웹앱) 만드는 중에
앱, 웹, 모바일 웹 을 구분해서 alert 을 띄워야 하는상황이 있었습니다
먼저 구분은
1. 모바일 앱 :
웹단에서 구분할 수 없으므로 안드로이드, IOS에서 작업해서 넘겨줘야합니다 (따라서 확인값만 알면 구분할 수 있습니다.)
2. 이 외
//pc구분
export const isPc = /win16|win32|win64|mac|macintel/i.test(
window.navigator.userAgent
);
//safari구분
export const isSafari = /Safari/i.test(window.navigator.userAgent);
//모바일 구분
export const isMobile = /iPhone|iPad|iPod|Samsung|lgTel|blackberry|symbian|Android/i.test(
window.navigator.userAgent
);
//안드로이드 구분
export const isAndroid = /Android/i.test(window.navigator.userAgent);
//ios구분
export const isIos = /iPhone|iPad|iPod/i.test(navigator.userAgent);
모바일 웹(아이폰 등)에서 safari브라우저 킨것을 구분하기위해 isSafari 를 조건문에 넣어주면 safari만 걸릴줄알았는데 아니더라구요.
(크롬도 true가 뜹니다)
따라서 모바일 웹에서 사파리 구분해주려면 isIos를 함께 조건문에 추가해주면 됩니당!
728x90
300x250
'퍼블리싱 > html css js' 카테고리의 다른 글
[Javascript] 문자열 자르기 (Substring( ) / Substr( ) / split( ) ) (2) | 2021.08.17 |
---|---|
[CSS/JS]아이폰 터치 감도 올리는법? (1) | 2021.07.13 |
[JavaScript] 연산자 operators에대해 알아보자! (0) | 2020.12.22 |
[JavaScript] Symbol에대해 알아보자! (0) | 2020.12.22 |
[JavaScript] null과 undefined (0) | 2020.12.21 |
Comments