Android 용 Firebug 또는 JavaScript 콘솔 디버그가 있습니까?

Android 용 Firebug 또는 JavaScript 콘솔 디버그가 있습니까?

---

모바일 용 웹 사이트를 개발 중입니다. Firefox 데스크톱에서 작동합니다. iPhone에서 작동하지만 Android 2.x (또는 그 이하)에서 버튼을 누르면 작동합니다. 내 JavaScript 코드가 충돌하거나 다른 것 ...

해당 장치의 로거 또는 JavaScript 콘솔에 액세스 할 수 있습니까?

Firebug 응용 프로그램의 종류가 더 좋습니다.

---

한 가지 옵션은 weinre 입니다. 콘솔과 함께 DOM 및 스타일 편집을 제공합니다. 직접 설정하지 않으려면 http://debug.phonegap.com 에서 호스팅되는 인스턴스가 있습니다.

다른 옵션은 JSHybugger 입니다. 확실히 안드로이드 브라우저에서 사용할 수있는 가장 완벽한 디버깅 환경입니다. 유료 제품이지만 그만한 가치가있을 것입니다.

---

Chrome에는 USB를 통해 연결될 때 PC에서 모바일 장치의 디버그 콘솔을 볼 수있는 'USB 웹 디버깅'이라는 매우 멋진 기능이 있습니다.

자세한 내용은 여기를 참조하십시오.

편집 : ADB가 Windows 8에서 지원되지 않는 것 같지만이 링크는 해결책을 제공하는 것 같습니다.

http://mikemurko.com/general/chrome-remote-debugging-nexus-7-on-windows-8/

---

about:debug일부 모바일 브라우저에 입력 하여 JavaScript 콘솔을 표시 할 수 있습니다.

---

가끔 브라우저 창에 디버깅 출력을 인쇄합니다. jQuery를 사용하면 페이지의 표시 영역에 출력 메시지를 보낼 수 있습니다.

<div id='display'></div>

$('#display').text('array length: ' + myArray.length);

또는 페이지에 표시 영역을 추가하지 않고 JavaScript 변수를보고 싶은 경우 :

function debug(txt) {
    $('body').append("<div style='width:300px;background:orange;padding:3px;font-size:13px'>" + txt + "</div>");
}

---

나는 있었다 같은 문제가 바로 사용 console.log(...)(방화 등)과는 로그 뷰어 응용 프로그램을 설치,이 브라우저에 대한 모든 로그를 볼 수 있습니다.

---

모바일에서 웹 사이트를 디버깅하기위한 프로젝트에서 아래 단계를 따르고 있습니다.

1. 모바일 및 데스크톱에 mobogenie 소프트웨어를 설치합니다 (둘 다 동일한 버전 임).
2. 모바일 Google 크롬 브라우저에서 사이트를 엽니 다.
3. 데스크톱에서 Google 크롬을 엽니 다. 옵션 -> 추가 옵션 -> 장치 검사로 이동합니다 .
4. 여기에서 모바일에 열려있는 사이트 목록을 찾고 inspect를 클릭하면 원하는 JavaScript 콘솔이 표시됩니다.

---

"USB 웹 디버깅"은 하나의 옵션입니다.

"화면에 인쇄"또 다른.

그러나 나는 공식적으로 어도비 섀도우 로 알려진 ' 어도비 에지 검사 '를 통한 원격 디버깅을 선호합니다 . 내부적으로 weinre를 사용합니다 (= WEb INspect REmote).

브라우저 (Chrome)에 작은 플러그인과 플레이 스토어에서 다운로드 할 수있는 무료 앱을 설치하기 만하면됩니다. 그런 다음 Chrome 개발 도구와 같은 모든 도구가 있습니다.

iOS 및 Kindle Fire도 지원합니다.

최신 정보

Chris가 알아 차린 것처럼 Edge Inspect를 사용하려면 구독료를 지불해야합니다. 저렴한 대안은 weinre를 직접 사용하는 것입니다. 이것은 가장자리 검사의 기본입니다. 설정 방법에 대한 기사 입니다.

---

당신이 경우 코르도바 3.3 이상을 사용 하고 장치가 안드로이드 4.4을 실행하는 이상 당신이 '원격 크롬과 안드로이드에서 디버깅'사용할 수 있습니다. 전체 지침은 다음과 같습니다.

https://developer.chrome.com/devtools/docs/remote-debugging

요약해서 말하자면:

• USB 케이블을 사용하여 장치를 데스크톱 컴퓨터에 연결합니다.
• 장치에서 USB 디버깅 활성화 (내 장치의 경우 설정> 더보기> 개발자 옵션> USB 디버깅에 있음)

또는 Cordova 3.3 이상을 사용 중이고 4.4가 설치된 실제 기기가없는 경우 Android 4.4 이상을 사용하는 에뮬레이터를 사용하여 데스크톱 컴퓨터에서 에뮬레이터를 통해 애플리케이션을 실행할 수 있습니다.

• 장치 또는 에뮬레이터에서 Cordova 애플리케이션 실행
• 데스크톱 컴퓨터의 Chrome에서 주소 표시 줄에 chrome : // inspect / # devices를 입력합니다.
• 장치 / 에뮬레이터는 컴퓨터에 연결된 다른 인식 된 장치와 함께 표시되며, 장치 아래에는 장치 / 에뮬레이터에서 실행중인 Cordova 'WebView'(기본적으로 Cordova 앱)의 세부 정보가 있습니다. Cordova가 작동하는 방식은 기본적으로 장치 / 에뮬레이터에 '브라우저'창을 만들고 그 안에 실행중인 HTML / JavaScript 앱인 'WebView'가 있습니다.
• 장치 / 에뮬레이터가 나열된 'WebView'섹션에서 '검사'링크를 클릭합니다. 이제 애플리케이션을 디버깅 할 수있는 Chrome 개발자 도구가 나타납니다.
• 기기 / 에뮬레이터에서 Cordova 앱이 현재 실행중인 JavaScript를 보려면 Chrome 개발자 도구의 '소스'탭을 선택하십시오. 코드를 디버그 할 수 있도록 JavaScript에 중단 점을 추가 할 수 있습니다.
• 또한 '콘솔'탭을 사용하여 오류 (빨간색으로 표시됨)를 보거나 콘솔 하단에 '>'프롬프트를 볼 수 있습니다. 여기에서 현재 값을 검사 할 변수 또는 개체 (예 : DOM 개체)를 입력 할 수 있으며 값이 표시됩니다.

---

js 임베디드 콘솔로 YConsole 을 사용해 볼 수 있습니다 . 가볍고 사용하기 쉽습니다.

• 로그 및 오류를 포착합니다.
• 개체 편집기.

사용하는 방법 :

<script type="text/javascript" src="js/YConsole-compiled.js"></script>
<script type="text/javascript" >YConsole.show();</script>

---

I installed console add-on of the firefox (https://addons.mozilla.org/en-US/android/addon/console/) on my firefox browser on android and it worked quite well. Helped me debug my angular2 app.

---

If you don't mind forwarding through a 3rd party server, JSConsole is a rather useful remote debugger for JavaScript.

---

I have recently written a tool for showing console logs in a movable/resizable "window" (actually a div). It provides similar functionality to Firebug's console but you can see it over your page on a tablet. Tablet/Smartphone/Phablet Debug Console

---

I also looked for a simple console replacement, just to dump text. So what I did was this function:

function remoteLog (arg) {
    var file = '/files/remoteLog.php';
    $.post(file, {text: arg});
}

The remote PHP file recorded all the output to a database in arg. It took me 5 minutes (OK, on the server side I used a simple logging library that records and displays text messages, but still...).

---

On 2013-12-03 Google launched Chrome DevTools for Mobile, which lets developers remote debug mobile web applications via emulation and screen-casting with Zero Configuration.

For all features, checkout Paul Irish's talk on YouTube.

---

Try js-mobile-console

MobileConsole can be embedded within any page for debugging. It will catch errors and behave exactly as the native JavaScript console in the browser. It also outputs all the logs you've written via an API of window.console.

참고URL : https://stackoverflow.com/questions/5981329/is-there-a-kind-of-firebug-or-javascript-console-debug-for-android