재택근무를 집에서 하게 된 날, 회사 컴퓨터 (Mac)이 아닌 집 컴퓨터(Windows) 에서 VPN 을 통해 업무를 보게 되었다. 하필 개발중인 서비스가 모바일 웹 기반이었는데 안드로이드 App 웹뷰에서 하이브리드 형태로 런칭을 준비 중이었다. 그래서 버그해결을 위해 디버깅을 하려 연결을 하였는데,, 두둥.. 연결이 되질 않는다.

 

하나씩 점검을 해보자.

chrome://inspect 또는 edge://inspect 를 통해 remote device 목록을 열어 inspect 를 할 수 있다.

 

1) 기기의 개발자 모드가 켜져 있고, 연결시 "이 디바이스의 연결을 허용하시겠습니까?" (뭐대략이런) 문구가 뜨는가?

2) Samsung 기기 기준으로 USB Driver 가 설치되어 있나? 없다면 아래 설치.

https://developer.samsung.com/mobile/android-usb-driver.html

3) Android SDK 가 설치가 되어 있나? 없다면 아래 설치.

https://developer.android.com/studio/

 

Download Android Studio and SDK tools  |  Android 스튜디오

developer.android.com

4) 그리고 재부팅.

5) Android Studio 가 실행된 상태에서 기기를 연결해본다..

 

 

이제 연결이 된다.

다른 사람은 2)까지만 했는데도 연결이 됬다고 하는데, 5)까지 수행하니 확실히 더 연결이 되긴 했다.

 

앱 내에 웹뷰 방식으로 서비스를 런칭할일이 있는데, body scroll 이 아닌 div overflow auto 로 스크롤을 만들었는데 스크롤바가 나타나지 않았다. (어디서 영향을 준걸까...)

 

아래 css 코드를 적용하니 해결되었다. 스타일은 취향에 맞게 맞추면 된다.

 

 

::-webkit-scrollbar {
    width: 12px;
}     
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}     
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255,0,0,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(255,0,0,0.4); 
}

+ Recent posts