Android 에뮬레이터 내에서 Android 기기를“흔들어”개발자 메뉴를 불러 와서 React Native 앱을 디버깅하는 방법

크로스 플랫폼 React Native 모바일 앱을 개발 중입니다. 개발하면서 console.log 문을 작성 중입니다. 기본 Android 에뮬레이터에서 Android 앱을 실행하는 동안 Chrome에서 이러한 로깅 문을보고 싶습니다. Facebook의 문서 에 따르면 "기기를 흔들어야"합니다. Android 에뮬레이터에서 어떻게합니까?

인앱 개발자 메뉴에 액세스하려면

iOS에서는 기기를 흔들거나 시뮬레이터에서 control + ⌘ + z를 누릅니다. Android에서 기기를 흔들거나 하드웨어 메뉴 버튼을 누릅니다 (이전> 기기 및 대부분의 에뮬레이터에서 사용 가능 (예 : genymotion에서 ⌘ + m을 누르면> 하드웨어 메뉴 버튼 클릭 시뮬레이션))

Android Emulator의 앱 내 Command + M에서 OSX 또는 Ctrl + MLinux 및 Windows를 누릅니다 .

A는 에뮬레이터에서 기본 실행 반응으로
누르면 ctrl+는 m(리눅스, 나는 그것이 Windows 용 같은과 겠 ⌘+ m맥 OS X의 경우) 또는 터미널에서 다음을 실행합니다 :

adb shell input keyevent 82

Android Studio 2.0과 함께 제공되는 새로운 에뮬레이터를 사용하는 경우 Genymotion에서와 마찬가지로 메뉴 키의 키보드 단축키는 이제 Cmd + M입니다.

또는 adb터미널에서 언제든지 메뉴 버튼 누름을 보낼 수 있습니다 .

adb shell input keyevent KEYCODE_MENU

또한 메뉴 버튼 바로 가기는 엄격한 요구 사항이 아니며 ReactActivityJava 클래스에서 제공하는 기본 동작 일뿐입니다 (이 옵션을 사용하여 프로젝트를 만든 경우 기본적으로 사용됨 react-native init). 여기에서 관련 코드의 onKeyUp의는 ReactActivity.java:

if (keyCode == KeyEvent.KEYCODE_MENU) {
  mReactInstanceManager.showDevOptionsDialog();
  return true;
}

React Native를 기존 앱에 추가하고 ( 여기 문서 )을 사용하지 않는 ReactActivity경우 비슷한 방식으로 메뉴 버튼을 연결해야합니다. ReactInstanceManager.showDevOptionsDialog다른 메커니즘을 통해 호출 할 수도 있습니다 . 예를 들어, 작업중 인 앱에서 실제 장치에서 작업 할 때 장치를 흔드는 것보다 더 편리하다는 것을 알기 때문에 메뉴를 표시하는 개발자 전용 작업 표시 줄 메뉴 항목을 추가했습니다.

'Ctrl + m'은 Android 에뮬레이터의 Windows 에서 작동 하여 React-Native 개발자 메뉴를 불러옵니다.

어디에서나 문서를 찾을 수 없습니다. 여기 내 길을 찾았고 나머지는 짐작 했어 ... 슬픔.

그건 그렇고 : OP : 당신은 당신이 어떤 OS를 사용하고 있는지 언급하지 않았습니다.

Linux의 경우 에뮬레이터 옆에있는 세 개의 점 "..."을 클릭하고 가상 센서에서 "이동"을 선택한 다음 x, y 또는 z 좌표를 빠르게 이동하십시오.

OSX의 'Command + M'이 나를 위해 일하고 있습니다.

Mac OS에 있으므로 Command를 누르면 확대 / 축소 옵션이 활성화됩니다. 여기 내 해결책이 있습니다

• 구성 창 [...] 버튼 열기
• Settings탭으로 이동 -> General탭-> Send keyboard shortcuts to필드
• Virtual device"그림과 같이 값을 변경하십시오.

에뮬레이터에 초점을 맞추고 Command + M을 누르면 dev 메뉴가 나타납니다.

command + m(cmd + M)MAC에서 사용하십시오 . 또한 make sure that you are accessing your application while you try to access the Debug Menu응용 프로그램이 실행 중이어야합니다. 그렇지 않으면 Cmd + M일반적인 일반 전화 메뉴가 반환됩니다.

반응 네이티브 앱을 개발하는 동안 터미널을 너무 많이 사용합니다.

package.json 파일 의 스크립트에 스크립트를 추가했습니다.

"menu": "adb shell input keyevent 82"

그리고 나는 $ 원사 메뉴를 쳤다

메뉴가 에뮬레이터에 나타나기 위해서는 ADB를 통해 키 코드 82를 에뮬레이터에 최적의 방법으로 전달하지 않지만 그것을 좋아하고 공유한다고 느꼈습니다.

리눅스에서는 Ctrl + m이 작동하지만 문제를 해결하지는 않습니다 (...) (확장 컨트롤)을 클릭 한 다음 해당 창을 닫으십시오. 이제 Ctrl + m로 메뉴를 열 수 있습니다. 그때:

1. (...)을 클릭하십시오 (확장 컨트롤).

2. 확장 된 컨트롤 닫기

3. ctrl + m

직접적인 해결책은 아니지만 개발 모드에있을 때 악수 대신 3 손가락 터치 를 사용 하여 dev 메뉴를 열 수있는 lib를 만들었습니다.

https://github.com/pie6k/react-native-dev-menu-on-touch

당신은 단지 안에 응용 프로그램을 포장해야합니다 :

'react-native-dev-menu-on-touch'에서 DevMenuOnTouch 가져 오기; // 또는 : 'react-native-dev-menu-on-touch'에서 {DevMenuOnTouch} 가져 오기

class YourRootApp extends Component {
  render() {
    return (
      <DevMenuOnTouch>
        <YourApp />
      </DevMenuOnTouch>
    );
  }
}

실제 장치에서 디버깅해야 할 때 동료가 옆에 앉아있을 때 정말 유용합니다.

🤦을 통해 릴리스 빌드를 시도했습니다.adb install -r -d <app-release>.apk

디버그 빌드를 실행하고 있는지 확인하면 바로 가기 또는 CLI를 통해 메뉴가 작동합니다.

Windows 랩톱의 경우 fn 키 + Control + m