programing

Android 휴대 전화의 Chrome에서 개발자 도구 콘솔을 열 수 있나요?

nasanasas 2020. 8. 27. 07:50
반응형

Android 휴대 전화의 Chrome에서 개발자 도구 콘솔을 열 수 있나요?


AngularJS 애플리케이션은 데스크톱에서는 잘 작동하지만 모바일에서는 제대로 렌더링되지 않습니다 (실제 코드가 표시됨). 이것은 안드로이드 폰에 있습니다.

콘솔에 어떤 오류가 표시되는지보고 싶습니다.

모바일의 크롬 앱에서 JS 콘솔을 열 수 있습니까 (데스크톱에서와 같이)?


원격 디버깅을 사용하여 수행 할 수 있습니다 . 여기에 공식 문서가 있습니다. 기본 과정 :

  1. 안드로이드 장치 연결
  2. 장치 선택 : 추가 도구> pc / mac의 개발 도구에서 장치 검사.
  3. 모바일에서 승인하십시오.
  4. 행복한 디버깅 !!

당신이 손에 PC를 가지고 있지 않은 경우 모바일 브라우저 용 DevTools로입니다 Eruda, 사용할 수 https://github.com/liriliri/eruda
크롬의 제거에 그것은 내장 가능한 자바 스크립트 또한 북마크로 제공됩니다 (북마크를 붙여 javascript : 접두사이므로 직접 입력해야 함)


콘솔에 인쇄 된 내용 만보고 싶을뿐입니다. HTML 어딘가에 "인쇄 된"부분을 추가하면 웹 페이지에 표시됩니다. 스스로 할 수는 있지만이 작업을 수행하는 자바 스크립트 파일이 있습니다. 여기에서 읽을 수 있습니다.

http://www.hnldesign.nl/work/code/mobileconsole-javascript-console-for-mobile-devices/

코드는 Github에서 구할 수 있습니다 . 다운로드하여 javascipt 파일에 붙여넣고 HTML에 추가 할 수 있습니다.


Gear Browser를 사용해 보시면 모바일에서만 요소를 검사하고 웹 사이트를 디버그 할 수 있습니다.

https://gear4.app


호의를 베풀고 쉬운 버튼을 누르십시오.

Play 스토어에서 Web Inspector (오픈 소스)다운로드 합니다.

주의 : ATTOW, 콘솔 출력은 나머지 매개 변수를 허용하지 않습니다! 즉, 다음과 같은 것이 있다면 :

console.log('one', 'two', 'three');

당신은 볼 것입니다

하나

콘솔에 기록되었습니다. 다음과 같이 매개 변수를 Array에 수동으로 래핑하고 조인해야합니다.

console.log([ 'one', 'two', 'three' ].join(' '));

예상 출력을 확인하십시오.

그러나 앱은 오픈 소스입니다 ! 패치 가 임박 할 수 있습니다 ! 패처는 당신이 될 수도 있습니다 !

참고 URL : https://stackoverflow.com/questions/37256331/is-it-possible-to-open-developer-tools-console-in-chrome-on-android-phone

반응형