2013-04-07 10 views
8

Widziałem kilka postów, które mówią o zdalnym debugowaniu kodu javascript na Androida, ale wszystkie one pomijają cel tego, co próbuję zrobić.Firebug jak debugowanie na Androidzie

Mam Nexusa 7 i chcę go używać jako zdalnego środowiska programistycznego, gdy jestem z dala od mojego pulpitu. Stworzyłem chrootowaną dystrybucję Debiana, aby uruchomić apache oraz php i git (przez ssh). To chrootowane środowisko instaluje podkatalog katalogu/sdcard spoza środowiska chroot. Główny katalog dokumentów serwera wirtualnego wskazuje katalog w tym katalogu. Przed opuszczeniem komputera mogę przesłać najnowsze wydanie na tablet. Kiedy wrócę, git pull może uzyskać to, co zrobiłem ponownie.

I wtedy (gdy jestem poza domem, a NIE podłączona do żadnej sieci) mogę edytować kod za pomocą edytora Androida (przy użyciu edytora tekstu 920), ale następnie uruchomić przeglądarkę, aby zobaczyć, co stworzyłem przy użyciu localhost apache wirtualny host wybiera to i wyświetla.

Aplikacja, którą tworzę NIE JEST NA ANDROID - ostatecznie dotyczy komputera. Ale chcę móc debugować go tak, jakbym był na pulpicie. Punkty przełomowe i pojedyncze kroki są najważniejsze, ale też używam sekcji html w firebug, aby dostosować mój CSS przed jego edycją.

Czy istnieje sposób, aby uzyskać narzędzia dewelopera chrome lub firebug dodać do firefox, aby załadować do przeglądarki, która będzie działać w systemie Android?

+0

używam firebug lite bookmarklet dla iPhone i iPad, nigdy nie próbował na Androida, to sprawdzić osxdaily.com/2011/12/02/run-firebug-on-ipad-or-iphone musi być podobna na android; jeśli dobrze, dodam ten komentarz jako odpowiedź –

+1

Myślę, że Firebug Lite musi być rozwiązaniem. – akc42

+0

Powiem to w odpowiedzi, dzięki. –

Odpowiedz

2

Używam bookmarkletu Firebug Lite na iPhone'a i iPada, nigdy nie próbowałem na Androida, sprawdź to na http://martinkool.com/post/13629963755/firebug-on-ipad-and-iphone musi być podobny na Androidzie.

Aby aktywować go używać to kroki:

  1. utworzyć nową zakładkę lub zakładkę strony
  2. Zmiana nazwy zakładki do „Firebug”
  3. skopiować link textarea:

    javascript: (funkcja (F, i, r, e, b, u, g, L, I, T, E) {if (F.getElementById (b)) return; E = F [i + 'NS'] & & F.documentElement.namespaceURI; E = E? Fi + 'NS': Fi, Er; Er; Er; (Fe [0] || Fe [0]). AppendChild (E); E = new% 20Image; Er;}) (document, 'createElement', 'setAttribute "," getElementsByTagName "," FirebugLite "," 4 "," firebug-lite.js "," releases/lite/latest/skin/xp/sprite.png "," https://getfirebug.com/ "," # startOpened ");

  4. Edycja bookmarklet Firebug, usuń adres URL i wklej bookmarkletu
  5. wybierz „Gotowe” (na wirtualnej klawiaturze) i masz wszystko ustawione
Uderzanie że bookmarkletu powinno dać w pełni funkcjonującego w Firebug w dolnej części urządzenia mobilnego.

+0

Zrobiłem to do pracy na Safari/iPadzie, ale nie w żadnej przeglądarce Androida. – Martijn

+0

Firebug Lite jest dla mnie bezużyteczna, ponieważ nie może ustawić punktów przerwania ani pojedynczego kroku. – Michael

+0

@Michael pytanie dotyczy firebug i działa dobrze ... jeśli potrzebujesz więcej sprawdź http://stackoverflow.com/questions/2314886/how-can-i-debug-javascript-on-android –

0

Przynajmniej nie dla przeglądarki Firefox Mobile, ponieważ wszystkie devtools są nadal częściowo oparte na XUL, gdzie Firefox Mobile korzysta z Native UI.

Nie sądzę, że w najbliższej przyszłości będzie jakiś plan, aby zmienić tę sytuację; nie jest to typowy scenariusz.

Jednak powinieneś być w stanie zrobić coś używając Debugger API, tworząc dodatek do Firefox Mobile. Ale nie wiem, czy to jest warte.