Debuggable Browser

David Pertiller

ກ່ຽວກັບແອັບນີ້

ມັນແມ່ນຫຍັງ?
ພຽງແຕ່ໃຊ້ງານ WebView ທີ່ບໍ່ສາມາດແກ້ໄຂໄດ້ເຊິ່ງຊ່ວຍໃຫ້ທ່ານສາມາດໃຊ້ ເຄື່ອງມືພັດທະນາເຄື່ອງມືຂອງ Chrome (ແລ່ນໃນ PC ຫຼື Mac ຂອງທ່ານ) ເພື່ອກວດກາແລະແກ້ໄຂແອັບ app ເວັບຂອງທ່ານໃນຂະນະທີ່ມັນເປີດຢູ່ໃນອຸປະກອນຕົວຈິງຂອງທ່ານ .

ມີຈຸດປະສົງ ສຳ ລັບນັກພັດທະນາແລະຜູ້ອອກແບບເວັບເທົ່ານັ້ນ
ແອັບ This ນີ້ຖືກສ້າງຂຶ້ນ ສຳ ລັບນັກພັດທະນາເວັບທີ່ມີຈຸດປະສົງເພື່ອ ນຳ ສະ ເໜີ ປະສົບການຜູ້ໃຊ້ທີ່ດີທີ່ສຸດຂອງແອັບ web ເວັບຂອງພວກເຂົາໃຫ້ກັບຜູ້ໃຊ້ Android. ຖ້າທ່ານບໍ່ແມ່ນນັກພັດທະນາເວບໄຊທ໌ຫລືຜູ້ອອກແບບເວບໄຊທ໌ທີ່ສົນໃຈໂປແກມ debugging ເວັບ, ທ່ານກໍ່ຄົງຈະດີຂື້ນກັບໂປແກຼມທ່ອງເວັບ ທຳ ມະດາ;)


ການ ນຳ ໃຊ້ມັນແມ່ນຫຍັງ?
ຖ້າທ່ານເຄີຍເປີດເວບໄຊທ໌ຂອງທ່ານໃນໂປແກຼມທ່ອງເວັບຂອງ Android ແລະພົບບັນຫາ ໜຶ່ງ ຕໍ່ໄປນີ້, ແອັບ app ນີ້ອາດຈະເປັນປະໂຫຍດຕໍ່ທ່ານ:
& # 8226; & # 8195; ຮູບແບບຫລືຮູບແບບ ຂອງເວັບໄຊທ໌້ຂອງທ່ານປະກົດວ່າແຕກເມື່ອເບິ່ງໃນໂປແກຼມທ່ອງເວັບຂອງ Android
& # 8226; & # 8195; ລະຫັດ JavaScript ຂອງທ່ານບໍ່ໄດ້ເຮັດໃຫ້ຜົນທີ່ຄາດຫວັງຫຼືການ ຄຳ ນວນຕ້ອງຢຸດເຊົາໃນລະຫວ່າງການປະຕິບັດ (ບາງທີ ຍົກເວັ້ນ ຖືກຖີ້ມ?)
& # 8226; & # 8195; ພາບເຄື່ອນໄຫວ ມີຄວາມຫຍາບຄາຍຫຼືບໍ່ມີການເຄື່ອນໄຫວຕາມທີ່ຄາດ ໝາຍ

ຄຳ ອະທິບາຍ
ບາງຄັ້ງມັນກໍ່ເກີດຂື້ນທີ່ເວັບໄຊຕ໌ບໍ່ເຮັດວຽກໃນຕົວທ່ອງເວັບມືຖື, ເຖິງແມ່ນວ່າມັນເຮັດວຽກດີໃນຕົວທ່ອງເວັບຂອງ desktop. ຮ້າຍໄປກວ່ານັ້ນ, ບາງຄັ້ງຂໍ້ບົກພ່ອງແມ່ນເກີດຂື້ນຢູ່ໃນອຸປະກອນມືຖື (ແນ່ນອນ) ເທົ່ານັ້ນ, ດັ່ງນັ້ນທ່ານຈຶ່ງບໍ່ສາມາດ ຈຳ ລອງແລະຜະລິດຄືນ ໃໝ່ ໃນ browser browser. ນີ້ແມ່ນບ່ອນທີ່ ການແກ້ໄຂບັນຫາຫ່າງໄກສອກຫຼີກກັບ Chrome ຂອງ DevTools ພິສູດໃຫ້ເປັນປະໂຫຍດ. ໃນຂະນະທີ່ Chrome ສຳ ລັບ Android ຮອງຮັບສິ່ງນີ້ໄດ້ແລ້ວ, ຕົວທ່ອງເວັບຂອງຫຸ້ນ Android ບໍ່ໄດ້ເຮັດ. ນີ້ແມ່ນໂຊກບໍ່ດີ, ເພາະວ່າຂໍ້ບົກພ່ອງຕ່າງໆຂອງ Android ເບິ່ງຄືວ່າເກີດຂື້ນພຽງແຕ່ຢູ່ໃນໂປແກຼມ browser ແລະບໍ່ແມ່ນກ່ຽວກັບ Chrome ຢ່າງໃດກໍ່ຕາມ. ກວດເບິ່ງແລະ ກຳ ຈັດ ໜ້າ ເວັບດ້ວຍ Chrome DevTools.

ວິທີການເລີ່ມ debugging ຫ່າງໄກສອກຫຼີກ?
1. ເປີດໃຊ້ຮູບແບບນັກພັດທະນາໃນອຸປະກອນ Android ຂອງທ່ານແລະເຊື່ອມຕໍ່ກັບ PC / Mac ຂອງທ່ານ
2. ເປີດແອັບນີ້ແລະໄປຫາເວັບໄຊທ໌້ຂອງທ່ານໂດຍການໃສ່ URL ຂອງມັນ
3. ໃນ PC / Mac ຂອງທ່ານ, ເປີດ Chrome ແລ້ວພິມ "chrome: // ກວດກາ" ໃສ່ແຖບທີ່ຢູ່
4. ໃນ Chrome, ກວດເບິ່ງ "ຄົ້ນພົບອຸປະກອນ USB" ແລະມັນຈະລົງລາຍຊື່ ໜ້າ ເວັບທີ່ທ່ານເປີດຢູ່ໃນອຸປະກອນຂອງທ່ານ
5. ກົດກວດກາແລະເພີດເພີນກັບ debugging ຫ່າງໄກສອກຫຼີກຂອງ app ກັບເຄື່ອງມືພັດທະນາ Chrome

ສຳ ລັບຂໍ້ມູນເພີ່ມເຕີມ, ອ່ານ: 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!