Czy istnieje rodzaj debugowania Firebug lub JavaScript console dla Androida? [zamknięte]

Chrome posiada bardzo ładną funkcję o nazwie "USB web debugging", która pozwala zobaczyć konsolę debugowania urządzenia mobilnego na komputerze po podłączeniu przez USB.

Więcej szczegółów znajdziesz tutaj.

EDIT: wydaje się, że ADB nie jest obsługiwany w systemie Windows 8, ale ten link wydaje się dostarczać rozwiązanie:

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

Możesz wpisać about:debug w niektórych przeglądarkach mobilnych, aby wyświetlić konsolę JavaScript.

Czasami wypisuję wyjście debugowania do okna przeglądarki. Używając jQuery , Możesz wysyłać wiadomości wyjściowe do obszaru wyświetlania na swojej stronie:

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

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

Lub jeśli chcesz oglądać zmienne JavaScript bez dodawania obszaru wyświetlania na swojej stronie:

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

Miałem ten sam problem, wystarczy użyć console.log(...) (jak firebug), i zainstalować aplikację Przeglądarka dziennika, to pozwoli Ci wyświetlić wszystkie dzienniki dla przeglądarki.

Wykonujemy poniższe kroki w naszym projekcie debugowania strony internetowej na urządzeniach mobilnych.

1. Zainstaluj oprogramowanie mobogenie na urządzeniach mobilnych i stacjonarnych (oba mają tę samą wersję).
2. Otwórz swoją stronę w mobilnej przeglądarce Google Chrome.
3. Otwórz Google Chrome na pulpicie. Przejdź do opcji --> Więcej opcji --> sprawdź urządzenie .
4. Tutaj znajdziesz listę witryn, które są otwarte na telefon komórkowy i kliknij na inspect, a otrzymasz konsolę JavaScript, którą chcę.

"USB Web debugging" jest jedną z opcji

"drukowanie na ekranie" inny.

Ale wolę zdalne debugowanie przez' adobe edge inspect ' formalnie znany jako adobe shadow . Używa weinre wewnętrznie (=Web INspect REmote)

Wystarczy go zainstalować + małą wtyczkę w przeglądarce (Chrome) i darmową aplikację można pobrać w play-store. Następnie masz wszystkie narzędzia, takie jak narzędzia programistyczne Chrome.

Posiada również wsparcie dla iOS i Kindle Fire

Update

Jak zauważył Chris, aby korzystać z edge inspect, musisz zapłacić abonament. Tanią alternatywą jest bezpośrednie korzystanie z weinre, jest to podstawa edge inspect. oto artykuł o tym, jak go skonfigurować.

Jeśli jesteś za pomocą Cordova 3.3 lub wyższej i urządzenie jest z systemem Android 4.4 lub wyższym można użyć "zdalne debugowanie na Androida z Chrome". Pełne instrukcje są tutaj:

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

W podsumowaniu:

Podłącz urządzenie do komputera stacjonarnego za pomocą kabla USB]}
• Włącz debugowanie USB na swoim urządzeniu (na moim urządzeniu jest to w Ustawieniach > więcej > Opcje programisty > USB debugowanie)

lub, Jeśli używasz Cordova 3.3+ i nie masz fizycznego urządzenia z 4.4, można użyć emulatora, który używa Android 4.4+, aby uruchomić aplikację za pośrednictwem emulatora, na komputerze stacjonarnym.

• Uruchom aplikację Cordova na urządzeniu lub emulator
• W Chrome na komputerze stacjonarnym wprowadź chrome: / /inspect / #devices w pasku adresu
• Twoje urządzenie/emulator zostanie wyświetlony wraz z innymi rozpoznane urządzenia, które są podłączone do komputera, a pod urządzeniem będzie szczegóły Cordova " WebView "(w zasadzie aplikacja Cordova), który działa na urządzeniu / emulator (sposób Cordova działa jest to, że w zasadzie tworzy okno "Przeglądarka" na urządzeniu/emulator, w którym znajduje się "WebView", który jest uruchomiony HTML/JavaScript app)
• Kliknij link "inspect" pod sekcją "WebView", gdzie widzisz na liście swoje urządzenie / emulator. To przywołuje Narzędzia programistyczne Chrome, które umożliwiają teraz debugowanie aplikacji.
• wybierz "źródła" zakładka Chrome narzędzia programistyczne, aby wyświetlić JavaScript, że aplikacja Cordova na urządzeniu / emulator jest obecnie uruchomiony. W JavaScript można dodawać punkty przerwania, które umożliwiają debugowanie kodu.
• Możesz również użyć zakładki' console', aby wyświetlić błędy (które będą wyświetlane na czerwono), lub na dole konsoli pojawi się monit'>'. Tutaj możesz wpisać dowolne zmienne lub obiekty (np. obiekty DOM), które chcesz sprawdzić bieżącą wartość, a wartość zostanie wyświetlona.

Możesz wypróbować yconsole wbudowaną konsolę js. Jest lekki i prosty w użyciu.

• dzienniki połowowe i błędy.
• Edytor obiektów.

Jak używać:

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

Zainstalowałem konsolowy dodatek do Firefoksa ( https://addons.mozilla.org/en-US/android/addon/console / ) na mojej przeglądarce firefox na Androida i działało całkiem dobrze. Pomógł mi debugować moją aplikację angular2.

Jeśli nie masz nic przeciwko przekierowaniu przez serwer trzeciej strony, JSConsole jest raczej przydatnym zdalnym debugerem dla JavaScript.

Napisałem niedawno narzędzie do wyświetlania logów konsoli w ruchomym / zmienialnym "oknie" (właściwie div). Zapewnia podobną funkcjonalność do konsoli Firebug, ale można ją zobaczyć na swojej stronie na tablecie. Tablet/Smartfon/Phablet Debug Console

Szukałem też prostego zamiennika konsoli, tylko po to, by zrzucić tekst. Więc to co zrobiłem to ta funkcja:

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

Zdalny plik PHP zapisał wszystkie dane wyjściowe do bazy danych w arg. Zajęło mi to 5 minut (OK, po stronie serwera użyłem prostej biblioteki logowania, która rejestruje i wyświetla wiadomości tekstowe, ale nadal...).

W dniu 2013-12-03 Google uruchomiło Chrome DevTools dla urządzeń mobilnych, który umożliwia programistom zdalne debugowanie mobilnych aplikacji internetowych za pomocą emulacji i screen-casting z zerową konfiguracją.

Dla wszystkich funkcji, checkout rozmowa Paula Irish Na YouTube.

Try js-mobile-console

MobileConsole może być osadzony w dowolnej stronie do debugowania. Wychwytuje błędy i zachowuje się dokładnie tak, jak natywna konsola JavaScript w przeglądarce. Wyświetla również wszystkie dzienniki, które napisałeś za pośrednictwem interfejsu API okna.konsola.