Debuggable Browser

David Pertiller

Հավելվածի մասին

Ինչ է դա
Պարզապես վեբ կարգաբերմամբ միացվող WebView- ը, որը թույլ է տալիս օգտագործել Chrome- ի մշակողի գործիքները (գործարկվում է ձեր համակարգչի կամ Mac- ի վրա) ձեր վեբ ծրագիրը ստուգելու և կարգաբերելու համար ձեր իրական սարքի գործարկման ժամանակ :

Նպատակը միայն վեբ մշակողների և վեբ դիզայներների համար
Այս ծրագիրը ստեղծվել է վեբ մշակողների համար, ովքեր նպատակ ունեն իրենց վեբ հավելվածի լավագույն փորձը հասցնել Android օգտագործողներին: Եթե ​​դուք վեբ ծրագրավորող կամ վեբ դիզայներ չեք, որը հետաքրքրված է վեբ ծրագրերը կարգաբերելու միջոցով, ապա, ամենայն հավանականությամբ, նորմալ դիտարկիչով ավելի լավ եք;)


Ինչ է դա օգտագործում
Եթե ​​երբևէ բացել եք ձեր վեբ կայքը Android ֆոնդային բրաուզերում և հանդիպել եք հետևյալ խնդիրներից որևէ մեկի հետ, այս ծրագիրը կարող է օգտակար լինել ձեզ համար.
& # 8226; & # 8195; ձեր վեբ կայքի դասավորությունը կամ ոճավորումը կարծես կոտրված է, երբ դիտարկվում է Android ֆոնդային զննարկիչում
& # 8226; & # 8195; ձեր JavaScript կոդը չի բերել ակնկալվող արդյունքը, կամ հաշվարկը պետք է հանկարծ դադարեցվի կատարման ընթացքում (միգուցե բացառություն է նետվել):
& # 8226; & # 8195; անիմացիաները ծույլ են կամ պարզապես չեն անիմացիոն, ինչպես և սպասվում էր

Նկարագրություն
Երբեմն պատահում է, որ վեբ հավելվածը չի աշխատում բջջային զննարկիչների վրա, չնայած աշխատասեղանի բրաուզերների վրա այն լավ է աշխատում: Նույնիսկ ավելի վատ, երբեմն թերությունները տեղի են ունենում միայն (որոշակի) բջջային սարքերի վրա, այնպես որ դուք չեք կարող այն համադրել և վերարտադրել աշխատասեղանի բրաուզերում: Սա այն դեպքում, երբ հեռավոր կարգաբերումը Chrome- ի DevTools- ով ապացուցում է, որ օգտակար է: Չնայած Android- ի համար Chrome- ը հիանալի աջակցում է դա արդեն, Android ֆոնդային զննարկիչը չի: Սա ցավալի է, քանի որ Android- ի շատ վրիպակներ, կարծես, հայտնվում են միայն ֆոնդային զննարկիչում և ոչ թե Chrome- ում, այնուամենայնիվ, այս ծրագիրը:
Այսպիսով, այս ծրագիրը հնարավորություն է տալիս վեբ կայքեր վարել հայրենի զննարկիչում (WebView) ՝ միևնույն ժամանակ: զննել և կարգաբերել էջը Chrome DevTools- ով:

Ինչպե՞ս սկսել հեռավոր կարգաբերում
1. Միացրեք մշակողի ռեժիմը ձեր Android սարքում և միացրեք այն ձեր համակարգչին / Mac- ին
2. Բացեք այս ծրագիրը և նավարկեք ձեր վեբ կայք ՝ մուտքագրելով դրա URL
3. Ձեր համակարգչի / Mac- ի վրա բացեք Chrome- ը և նշեք «chrome: // inspect» մուտքագրեք հասցեի սանդղակը
4. Chrome- ում ստուգեք «Բացահայտեք USB սարքերը» և այն կցուցադրի ձեր սարքի վրա բացված վեբ էջը
5. Հանգստացեք և վայելեք հավելվածի հեռակա կարգաբերումը Chrome 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!