Debuggable Browser

David Pertiller

Пра гэту праграму

Што гэта?
Проста адладжаны WebView з адладкай, які дазваляе вам выкарыстоўваць Інструменты распрацоўшчыка Chrome (якія працуюць на вашым ПК або Mac) для праверкі і адладкі вашага вэб-прыкладання падчас яго працы на бягучым прыладзе .

Прызначаны толькі для вэб-распрацоўнікаў і вэб-дызайнераў
Гэта дадатак было распрацавана для вэб-распрацоўнікаў, якія імкнуцца забяспечыць карыстальнікам Android лепшае ўражанне ад свайго вэб-прыкладання. Калі вы не вэб-распрацоўнік або вэб-дызайнер, зацікаўлены ў адладцы вэб-прыкладанняў, вам, хутчэй за ўсё, лепш з звычайным браўзэрам;)


У чым карысць?
Калі вы калі-небудзь адкрывалі свой вэб-сайт у браўзэры Android Android і сутыкнуліся з адным з наступных праблем, гэта дадатак можа апынуцца карысным для вас:
& # 8226; & # 8195; макет альбо стыль вашага вэб-сайта выглядае парушаным пры праглядзе ў акне аглядальніка Android.
& # 8226; & # 8195; Ваш JavaScript код не прынёс чаканага выніку, альбо вылічэнні павінны нечакана спыніцца падчас выканання (магчыма, выключэнне было кінута?)
& # 8226; & # 8195; Анімацыі млявыя альбо проста не ажыўляюць, як чакалася

Апісанне
Часам бывае, што вэб-дадатак не працуе на мабільных браўзэрах, хаця і ў настольных браўзэрах працуе нармальна. Што яшчэ горш, часам дэфекты ўзнікаюць толькі на (пэўных) мабільных прыладах, таму вы не можаце імітаваць і прайграваць яго ў настольным браўзэры. Менавіта тут аддаленая адладка ў Chrome DevTools аказваецца карыснай. У той час як Chrome для Android выдатна гэта ўжо падтрымлівае, браўзэр для Android не дазваляе. Гэта прыкра, бо шмат Android-памылак, здаецца, адбываецца толькі ў акне аглядальніка, а не ў Chrome.
Такім чынам, гэта дадатак дазваляе запускаць вэб-сайты ў родным браўзэры (WebView), а таксама дае магчымасць праверце і адладкуйце старонку з Chrome DevTools.

Як пачаць дыстанцыйную адладку?
1. Уключыце рэжым распрацоўшчыка на прыладзе Android і падключыце яго да ПК / Mac
2. Адкрыйце гэта дадатак і перайдзіце на свой вэб-сайт, увёўшы яго URL
3. На ПК / Mac адкрыйце Chrome і ўвядзіце ў адраснай радку "chrome: // inspect"
4. У Chrome усталюйце галачку "Адкрыць USB прылады", і ён пералічыць вэб-старонку, якую вы адкрылі на прыладзе
5. Націсніце праверку і атрымлівайце асалоду ад выдаленай адладжвання прыкладання з дапамогай інструментаў распрацоўшчыка 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!