[google-chrome-devtools] Android 휴대 전화의 Chrome에서 개발자 도구 콘솔을 열 수 있습니까?

AngularJS 응용 프로그램은 데스크톱에서 제대로 작동하지만 모바일에서는 제대로 렌더링되지 않습니다 (실제 코드 표시). 이것은 안드로이드 폰에 있습니다.

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

모바일의 Chrome 앱에서 JS 콘솔을 열 수 있습니까 (데스크톱에있는 것처럼)?



답변

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

  1. 당신의 안드로이드 장치를 연결
  2. 장치 선택 : 추가 도구> *pc / mac의 개발 도구에서 장치 검사
  3. 휴대 기기에서 승인합니다.
  4. 행복한 디버깅 !!

* 이것은 이제 “원격 장치”입니다.


답변

PC가없는 경우 모바일 브라우저를위한 devtools 인 Eruda를 사용할 수 있습니다. https://github.com/liriliri/eruda 포함
가능한 자바 스크립트와 북마크릿 (크롬에 북마크를 붙여 넣으면 자바 스크립트 : 접두사이므로 직접 입력해야합니다)


답변

콘솔에 인쇄 된 내용 만보고 싶을 때 HTML의 어딘가에 “인쇄 된”부분을 추가하여 웹 페이지에 표시되도록 할 수 있습니다. 직접 할 수는 있지만 이것을 수행하는 자바 스크립트 파일이 있습니다. 여기에서 읽을 수 있습니다.

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

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


답변

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

Play 스토어에서 Web Inspector (오픈 소스) 를 다운로드 하십시오 .

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

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

당신은 볼 수 있습니다

하나

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

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

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

그러나 응용 프로그램은 오픈 소스입니다 ! 패치 가 임박했습니다 ! 패처도 당신 이 될 수 있습니다!


답변

Kiwi Browser는 모바일 Chromium이며 확장 프로그램을 설치할 수 있습니다 . Kiwi를 설치 한 다음 “Mini JS console”Chrome 확장 프로그램을 설치하십시오 (Google에서 검색하고 Chrome 확장 프로그램 웹 사이트에서 설치하면 uBlock도 작동합니다). 하단의 키위 메뉴에서 사용할 수 있으며 현재 페이지의 콘솔 출력을 보여줍니다.


답변

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

https://gear4.app


답변