Debuggable Browser

David Pertiller

Энэ аппын тухай

Энэ юу вэ?
Зүгээр л дибаг хийх боломжтой WebView нь танд вэб програмыг бодит төхөөрөмж дээрээ ажиллаж байх үед нь шалгаж үзэх, засахын тулд Chrome-ийн Хөгжүүлэгчийн Хэрэгслийг (компьютер эсвэл Mac дээр ажиллаж байгаа) ашиглах боломжийг олгоно.

Зөвхөн вэб хөгжүүлэгчид болон вэб дизайнеруудад зориулагдсан
Энэхүү програм нь вэб програмынхаа хамгийн сайн туршлагыг Андройд хэрэглэгчдэд хүргэх зорилготой вэб хөгжүүлэгчдэд зориулагдсан юм. Хэрэв та вэб програм дибаг хийх сонирхолтой вэб хөгжүүлэгч эсвэл вэб дизайнер биш бол ердийн хөтөчтэй бол илүү дээр байх болно.)


Үүнийг юу ашиглаж байна вэ?
Хэрэв та Андройд веб хөтөч дээр вэбсайтаа нээгээд дараахь асуудлуудын аль нэгтэй тулгарвал энэ апп танд хэрэг болж магадгүй юм:
& # 8226; & # 8195; Таны вэб хуудасны байрлал, загвар
& # 8226; & # 8195; Таны JavaScript код нь хүлээгдэж буй үр дүнг гаргаж өгөөгүй эсвэл гүйцэтгэлийн явцад тооцоолол нь гэнэт зогссон байх ёстой (магадгүй онцгой тохиолдол хаягдсан байж болзошгүй юм уу?)
& # 8226; & # 8195; Анимац нь хоцрогдсон, эсвэл зүгээр л төсөөлөөгүй байж болно

Тайлбар
Зарим тохиолдолд вэб хөтөч ширээний хөтөч дээр сайн ажилладаг ч гэсэн мобайл хөтөч дээр ажиллахгүй байх тохиолдол гардаг. Дандаа бүр гажиг нь зөвхөн (зарим) хөдөлгөөнт төхөөрөмж дээр гардаг тул та үүнийг десктоп дээр хуулбарлах, өөрчлөх боломжгүй юм. Энэ нь Chrome-ын DevTools-той алсын алдааг засах нь ач холбогдолтой юм. Android-д зориулсан Chrome нь үүнийг бүрэн дэмждэг хэдий ч Android-ийн биржийн хөтөч ажиллахгүй байна. Харамсалтай нь, маш олон Андройд алдаанууд зөвхөн хувьцааны браузер дээр болдог ба Chrome-д гараагүй байгаа мэт харагдаж байна. Chrome DevTools-тай хуудсыг шалгаж, дебаг хийх.

Алсаас дебаг хийж эхлэх вэ?
1. Android төхөөрөмж дээрээ Хөгжүүлэгчийн горимыг идэвхжүүлж, компьютер / Mac дээрээ холбоно уу
2. Энэ аппликейшнийг нээж вэбсайт руугаа URL хаягийг нь оруул
3. Компьютер / Mac дээрээ Chrome-ийг нээгээд хаягийн талбарт "chrome: // inspect" бичнэ үү
4. Chrome-д "USB төхөөрөмжийг олж нээ" -г шалгаад энэ нь таны төхөөрөмж дээр нээсэн вэб хуудсыг жагсаах болно
5. Chrome Developer Tools-ийн тусламжтай програмыг алсын алдааг шалгаж шалгаарай

Дэлгэрэнгүй мэдээллийг дараахаас уншина уу: https://www.pertiller.tech/blog/remote-debugging-the-android-native-browser

Шинэ юм юу байна

Integrated your feedback

- It's been exactly 1 year since the last release and I noticed that this app led to some confusion for a lot of people that misunderstood its use-case: it's built for web developers who want to optimize their web app with the power of Chrome's dev tools while running the page on an actual Android device (see updated notes).
- Besides, I got some lovely suggestions. So now you can start the app as intent from another app to start debugging a weblink right away!