How To Debug Chrome for Android With Android Studio

Pubblicato il: 01 luglio 2022
sul canale di: CSS Weekly

6,184

A step-by-step guide on setting up an emulator in Android Studio to debug websites in Chrome for Android using Chrome DevTools in your desktop browser.

There are some differences between Chrome Desktop and Chrome Android which make using an emulator a necessity if you want to be certain that your web apps work as expected cross-platform.

🔗 Resources
Android Studio: https://developer.android.com/studio
Inspect Devices URL: chrome://inspect/#devices
Can I Use Compare Browsers: https://caniuse.com/?compare=chrome+1...\_chr+102&compareCats=all
Web Share API Demo: https://mdn.github.io/dom-examples/we...

📖 Chapters
00:00 Intro
00:28 Comparing differences between Chrome Desktop and Chrome on Android
01:30 Installing Android Studio
02:22 Create a virtual emulator device
03:42 Connect Chrome in the emulator to Chrome DevTools on desktop
05:08 Web Share API example
06:04 Conclusion

Subscribe to CSS Weekly Newsletter:
💌 https://css-weekly.com/

Keep up-to-date with CSS Weekly:
👉 Twitter:   / cssweekly
👉 Instagram:   / cssweekly
👉 Facebook:   / cssweekly

Keep up to date with what I'm up to:
🔗 Blog: https://zoranjambor.com
👉 Twitter:   / zoranjambor
👉 LinkedIn:   / zoranjambor

Zoran Jambor
#android #chrome #devtools

In questa pagina del sito puoi guardare il video online How To Debug Chrome for Android With Android Studio della durata di ore minuti seconda in buona qualità , che l'utente ha caricato CSS Weekly 01 luglio 2022, condividi il link con amici e conoscenti, su youtube questo video è già stato visto 6,184 volte e gli è piaciuto 75 spettatori. Buona visione!

284