inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

웹 개발자의 연봉을 올려주는 하이브리드앱 with Expo 프레임워크

[03-01] 웹뷰 디버깅

인스펙터가 웹뷰 내부의 웹을 못잡습니다.

해결된 질문

476

경이

작성한 질문수 2

0

안녕하세요 시뮬레이터 실습하고 있는 수강생입니다.

아래 사진처럼 시뮬레이터로 사파리에 접속하면 맥북의 사파리 인스펙터에서 시뮬레이터 속 웹을 인지하는데요,

image.png

 

엑스포 앱을 통해 웹뷰 내부의 웹은 읽지 못하는 것 같아요

image.png

따로 설정해야하는 것이 있을까요 ?

react react-native next.js expo

답변 3

0

노원두

안녕하세요! 경이님!

 

IOS 16.4버전 이상으로는 설정 옵션을 하나 켜주어야 하는 것 같아요!

image.png

 

다음과 같이 시도해 보세요!

image.png


0

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴입니다.

경이님, 웹뷰 내부의 웹을 사파리 인스펙터에서 인식하지 못하는 문제에 대해 문의 주셨군요. 웹뷰를 디버깅하기 위한 설정은 몇 가지 단계가 필요하며, 기본적으로 웹뷰는 일반 웹 페이지와 다르게 처리될 수 있습니다.

먼저, Expo와 함께 사용하는 웹뷰 디버깅 상황을 이해하기 위해서는 다음과 같은 사항들을 확인해 보세요:

  1. 웹뷰 디버깅 활성화: iOS 시뮬레이터에서 Safari 개발자 도구를 통해 디버깅하려면, iOS 버전에 맞춰 디버그를 활성화해야 합니다. 예를 들어, 사용 중인 iPhone 시뮬레이터 설정에서 ‘디버그 콘솔’이 제대로 설정되어 있는지 확인할 필요가 있습니다.

  2. HTTPS 사용: Safari의 개발자 도구는 보안을 위해 HTTPS 프로토콜을 사용하는 연결을 선호합니다. 웹뷰 내 URL이 HTTPS로 설정되어 있는지 확인하시기 바랍니다.

  3. Expo 설정 확인: Expo를 사용하고 계시다면, 웹뷰 옵션 및 앱 환경 설정을 확인해야 합니다. Expo 앱 설정에서 디버깅 모드가 활성화되어 있는지 확인해 보세요.

  4. 빌드 설정 체크: 빌드 설정에서 웹뷰에 디버깅을 허용하는 플래그나 설정이 있는지 확인하여야 합니다.

비슷한 문제에 대한 답변 및 사례는 인프런 커뮤니티에서 쉽게 찾아보실 수 있습니다. 관련 사례로 다음의 질문과 답변을 참고해 보세요:

이 링크는 React Native의 웹뷰 설정 및 문제 해결에 대한 자세한 설명을 제공합니다. 이러한 정보는 유사한 환경에서 발생할 수 있는 문제 해결에 도움이 될 수 있습니다.

문제가 해결되지 않는다면, 추가 정보를 제공해주시면 더 자세하게 도와드릴 수 있을 것 같습니다. 이러한 상황은 다양한 원인에 의해 발생할 수 있으므로 단계별로 점검해보시기를 권장드립니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

0

경이

마찬가지로 qr 코드를 찍어 아이폰으로 확인해도 iPhone 13 에서 웹을 인지하지 못합니다.

에이전트 에러

0

9

1

커스텀 에이전트 생성하기

0

6

1

mission 09-01 을 수행할 수 없어요

0

10

1

outputStyle 설정하는데 어디서 문제일까요?

0

10

2

test.txt파일 삭제시 rm명령어이니 클로드의 질문이 있어야 한다고 하셨는데

0

7

1

검은화면

0

13

2

강의교환링크안열려요.....

0

14

1

영상재생에러 [확인부탁드려요!!!]

0

13

1

클로드 채팅에서 코드로 넘어가기

0

16

1

클로드 코드 시작하기

0

14

1

Context API vs Zustand 그리고 Auth

0

20

2

110강부터 따라가기가 힘듭니다...

0

39

1

커서에서 붙여넣기

0

22

1

깃허브 사용시 폴더경로 관련질문

0

18

1

[reducer] 기능별 폴더 구조 설계/ 파일 분리로 유지 보수 가능한 아키텍처 구축

0

14

2

순수 함수 / 순수 컴포넌트

0

18

1

스니펫이 이상해요

0

30

2

/output-style 명령어는 폐기 되었다고 나오네요.

0

37

1

강의자료는 어디에 있나요?

0

95

2

웹 배포 시에 RN으로 만든 네비게이션은 어떻게 처리하나요?

0

116

1

"인터넷 연결을 해주세요!" 라는 메세지가 순간적으로 보이는 문제

0

87

1

typescript를 사용하는 이유

0

119

2

ios 배포관련 질문있습니다.

0

112

2

iOS 가상키보드 대응

0

823

1