Android telefonda Chrome'da geliştirici araçları konsolunu açmak mümkün müdür?

165

AngularJS uygulaması masaüstünde iyi çalışıyor ancak mobil cihazlarda düzgün oluşturulmuyor (gerçek kod gösteriliyor). Bu bir Android telefonda.

Konsolda hangi hataların gösterildiğini görmek istiyorum.

Mobil cihazdaki krom uygulamasında JS konsolunu açmak mümkün mü (masaüstünde olduğu gibi)?

google-chrome-devtools mobile-chrome

— tim_xyz
kaynak

134

Uzaktan hata ayıklama kullanarak yapabilirsiniz, işte resmi belgeler . Temel işlem:

Android cihazınızı bağlayın
Cihazınızı seçin: Diğer araçlar> *pc / mac üzerindeki geliştirme araçlarından cihazları inceleyin .
Cep telefonunuzdan yetki verin.
Mutlu hata ayıklama !!

* Bu artık "Uzak cihazlar".

— PseudoAj
kaynak

2

Ben detaylı açıklama belgeleme bağlantısında sağlandığını düşünüyorum

— PseudoAj

59

Harici bir bilgisayar olmadan bunu yapmak mümkün mü?

— Eric Reed

59

Soru , Android telefondaki Chrome'da açık geliştirici araçları konsolu ister mi? ruhunuz ayrı bir hata ayıklama makinesi gerektirir. Cevabınızda hata ayıklama telefonun kendisinde değil

— Fennekin

5

@Fennekin'den haberdar olmamın başka yolu yok. Daha iyi bir yol olduğunu düşünüyorsanız lütfen güncellemekten çekinmeyin,

— PseudoAj

5

Ocak 2019'dan itibaren, daha fazla araç altında Inspect cihazlarını bulamadım, sonunda chrome: // inspect'de buldum ve telefonunuzdan usb hata ayıklamasına izin vermeniz gerekiyor

— Abhinav Singh

53

Elinizde bir PC yoksa zaman, mobil tarayıcılar için DevTools'un olan Eruda, kullanabilirsiniz https://github.com/liriliri/eruda
krom kaldırır içinde bu gömülebilir javascript ve aynı zamanda bir yer işareti olarak verilmiştir (imleyicisini yapıştırarak javascript: önek, bu yüzden kendiniz yazmanız gerekir)

— trogper
kaynak

1

Yalnız mobil cihazlarda geliştirmeyi gerçekleştiren Termux gibi araçlara çok iyi bir arkadaş! Zaten entegre eruda-webpack-pluginbir proje içine: npm i eruba-webpack-plugin --save-optional.

— vintproykt

Konsolda ne almak için en kolay yolu

— makwana.a

Müthiş bir çözüm. CDN olarak mevcuttur.

— netishix

Bu benim için işe yaramıyor. Adres çubuğuna yapıştırmak (ve sonra 'javascript:' okumak) hiçbir şey yapmıyor gibi görünüyor.

— BT

@BT bazı web siteleri, listelenen izin verilen alan adlarından komut dosyaları yüklemeyle sınırlıdır. Başka bir web sitesinde deneyin.

— trogper

10

Sadece konsolda ne yazdırıldığını görmek istiyorsanız, web sitenizde görünmesi için HTML'nizin bir yerine "basılı" kısmı ekleyebilirsiniz. Bunu kendiniz yapabilirsiniz, ancak bunu sizin için yapan bir javascript dosyası var. Burada okuyabilirsiniz:

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

Kod Github'dan edinilebilir ; indirip bir javascipt dosyasına yapıştırabilir ve HTML'nize ekleyebilirsiniz

— John Balvin Arias
kaynak

Bilginize: Konsolun görünmeyeceği bir durumla karşılaşabilirsiniz. Resmi ana sayfasının sonundaki bazı görüşmelere dayanarak, açıkça konuşmayı deneyebilirsiniz mobileConsole.init(). Bu hile benim durumumda yardımcı oluyor. YMMV.

— RayLuo

1

Bu bağlantı hala çalışıyor, yüklenmesi uzun sürüyor. Bununla birlikte, ben ve lib sahibi arasındaki bu konuşmanın ana sayfasındaki Notlar bölümüne aşağıdaki bilgileri eklemesiyle sonuçlandığını özetleyebilirim: "mobileConsole başlamazsa (mobil algılama başarısız olursa), otomatik başlatmayı geçersiz kılarak overrideAutorun'u true if (!mobileConsole.status.initialized) { mobileConsole.init(); }

— değerine dönüştürün

7

Lütfen kendinize bir iyilik yapın ve sadece kolay düğmeye basın:

indirmek Web Müfettiş (Açık Kaynak) Play mağazasından.

A CAVEAT: ATTOW, konsol çıkışı dinlenme parametrelerini kabul etmiyor! Yani böyle bir şey varsa:

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

sadece göreceksin

bir

konsola kaydedilir. Parametreleri manuel olarak bir Array'a sarmanız ve şu şekilde katılmanız gerekir:

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

beklenen çıktıyı görmek için.

Ancak uygulama açık kaynak ! Bir yama yakında olabilir ! Patcher sen bile olabilirsin !

— Sensei James
kaynak

3

Kiwi Browser mobil Chromium'dur ve uzantıları yüklemeye izin verir . Kiwi'yi yükleyin ve sonra "Mini JS konsolu" Chrome uzantısını yükleyin (sadece Google'da arama yapın ve Chrome uzantıları web sitesinden yükleyin, uBlock da çalışır;). En alttaki Kivi menüsünde bulunacak ve geçerli sayfanın konsol çıktısını gösterecektir.

— Pawel
kaynak

-1

Muhtemelen Gear Browser'ı deneyebilirsiniz, öğeleri inceleyebilir ve web sitesinde sadece mobilde hata ayıklayabilirsiniz.

https://gear4.app

— Angolao
kaynak

5

Uygulama yalnızca iPhone'lar içindir. Soru Android'i belirtti.

— Pete