- 02/12/2021
- 6 minute de redare
-
-
m
-
Debug din conținutul de la distanță în direct de pe un dispozitiv Android de pe calculatorul Windows sau MacOS . Următoarea pagină tutorial vă învață să efectuați următoarele acțiuni.
- Configurați dispozitivul Android pentru depanarea la distanță și descoperiți-l de pe computerul dvs. de dezvoltare
- Inspectați și depanarea conținutului live pe Dispozitivul dvs. Android de la calculatorul dvs. de dezvoltare.
- Conținutul de captare video al dispozitivului dvs. Android pe o instanță DevTools pe computerul dvs. de dezvoltare.
note
Debugging la distanță de la aplicația Microsoft Edge pe dispozitivele iOS nu este în prezent acceptată. Următorul ghid se concentrează în mod specific pe depanarea la distanță de la Microsoft Edge pe dispozitivele Android. Dacă aveți un dispozitiv MacOS, urmați Ghidul de depanare BrightCove pentru a depana Microsoft EDGE de la distanță pe un dispozitiv iOS utilizând Safari. Pentru mai multe informații despre inspectorul web din Safari, accesați Instrumentele de dezvoltare web Safari.
Pasul 1: Descoperiți dispozitivul Android
fluxul de lucru de mai jos pentru majoritatea utilizatorilor. Pentru mai mult ajutor, mergeți la depanare: DevTools nu detectează secțiunea dispozitivului Android.
-
Deschideți ecranul Opțiuni de dezvoltat pe Android. Pentru mai multe informații, mergeți la configurarea opțiunilor dezvoltatorului dispozitivului.
-
Selectați Activați depanarea USB.
-
Navigate la
edge://inspect
pagina din Microsoft Edge.Figura1. Pagina
edge://inspect
în Microsoft Edge -
Conectați dispozitivul Android direct pe computerul dvs. de dezvoltare utilizând un cablu USB. Prima dată când încerci să te conectezi, ar trebui să apară un prompt pe DevTools detectând un dispozitiv necunoscut. Acceptați promptul de autorizare Permite depanarea USB pe dispozitivul dvs. Android.
Figura 2. Prompt autorizație permite depanarea USB pe un dispozitiv Android
-
Dacă este afișat numele modelului dispozitivului dvs. Android, Microsoft Edge a stabilit corect conexiunea la dispozitiv. Continuați la Secțiunea Pasul 2.
pe computerul dvs. de dezvoltare, deschis Microsoft Edge.
Rezolvarea problemelor DevTools nu detectează dispozitivul Android
Utilizați următoarele sfaturi pentru a vă ajuta să rezolvați problemele de parametri corecte Pentru hardware-ul dvs.
- Dacă utilizați un hub USB, încercați să conectați dispozitivul dvs. Android direct pe computerul dvs. de dezvoltare.
- Încercați să deconectați cablul USB între dispozitivul dvs. Android Dispozitivul dvs. Android Dispozitivul dvs. Android Dispozitivul dvs. Android. Și computerul dvs. de dezvoltare, apoi conectați-l din nou. Completați sarcina în timp ce ecranele Android și Dezvoltare sunt deblocate.
- Asigurați-vă că lucrările dvs. de cablu USB. Ar trebui să puteți inspecta fișierele de pe dispozitivul dvs. Android de pe computerul dvs. de dezvoltare.
Utilizați următoarele sfaturi pentru a verifica dacă software-ul dvs. este corect instalat.
- Dacă computerul dvs. de dezvoltare rulează Windows, încercați să instalați manual driverele USB de pe dispozitivul Android. Pentru mai multe informații, navigați pentru a instala driverele USB OEM.
- Unele combinații de dispozitive Windows și Android (inclusiv Samsung) necesită setări suplimentare. Pentru mai multe informații, accesați dispozitivele Devtools nu detectează dispozitivul când este conectat.
Utilizați următoarele sfaturi pentru a vă ajuta să rezolvați problemele dacă promptul permite Debugging USB N ‘nu este afișat pe Android Dispozitiv.
-
Actualizarea setărilor de afișare ale dispozitivului dvs. Android și ale dvs. Computer de dezvoltare, astfel încât toată lumea nu este niciodată pusă în așteptare.
-
Definiție Modul USB pentru Android pe PTP.Pentru mai multe informații, navigați la caseta de dialog USB USB nu apare în caseta de dialog USB USB
-
Selectați Revocați autorizațiile de depanare USB de pe ecranul Opțiuni dezvoltator de pe dispozitivul dvs. Android Dispozitivul dvs. Android pentru a-l reseta într-o stare proaspătă.
Deconectare, apoi noua conexiune a cablului USB în timp ce DevTools este focalizat pe computerul dvs. de dezvoltare și pe ecranul dvs. Android S „
> Note
Promptul este afișat dacă sunt blocate ecranele Android sau de dezvoltare.
Dacă găsiți o soluție care nu este menționată pe această pagină sau în dispozitivele dispozitive nu detectează dispozitivul când este conectat la STACK SEVERFLOW, Adăugați soluția la întrebarea de depășire a stivei ..
Pasul 2: Debug conținutul dispozitivului dvs. Android de pe computerul dvs. de dezvoltare
-
acces
edge://inspect
Pentru a, numele modelului dvs. Android apare, urmat de numărul de serie al dispozitivului. Mai jos, trebuie să fie afișată versiunea Microsoft Edge care rulează pe dispozitiv, cu numărul de versiune în paranteze. Fiecare filă Microsoft Edge este o secțiune unică. Puteți interacționa cu această filă dintr-o secțiune.Figura 3. Un dispozitiv conectat la distanță
-
în fila Deschidere cu o casetă de text URL, introduceți o adresă URL și alegeți Deschidere. Pagina se deschide într-o nouă filă pe dispozitivul dvs. Android.
-
Selectați Inspectați lângă adresa URL pe care o deschideți. O nouă instanță DevTools se deschide.
Deschideți Microsoft Edge pe Android Dispozitiv.
Alte acțiuni: Focus, Actualizare sau închidere a
Alegeți fila Focus, Rechargezou închideți-l lângă fila Doriți să vă concentrați, reîmprospătați sau închideți. ****
Figura 4. FOCUS, Butoane de reîmprospătare sau închidere ale unui fila
Inspectați elementele
Accesați instrumentul de elemente din instanța dvs. DevTools și indicați un element pentru ao evidenția în vizualizare a dispozitivului dvs. Android.
Puteți selecta, de asemenea, un element de pe ecranul dispozitivului dvs. Android pentru ao selecta în instrumentul Elements. Selectați pictograma Selectați elementul de pe instanța dvs. Dispozitivul dvs. Android.
Elementul selectat este dezactivat după prima selecție. De aceea, trebuie să reactivați de fiecare dată când doriți să utilizați funcționalitatea Vizualizați conținutul dispozitivului dvs. Android în Devootols.
Puteți interacționa cu captura video a următoarelor moduri.
- Alegerile sunt convertite în presiuni, ceea ce vă permite să trageți evenimentele touch adecvate pe dispozitiv.
- Taste cheie de pe computer sunt trimise la dispozitiv.
- pentru a simula o mișcare de vârf, țineți Fiind de alunecare.
- Pentru a derula mouse-ul, utilizați trackpad-ul sau roata mouse-ului sau de a arunca cu indicatorul mouse-ului.
note
Utilizați următoarele sfaturi pentru a vă ajuta să faceți o captură video.
- Imagini afișează numai conținutul paginii. Părțile transparente ale capturii video reprezintă interfețele dispozitivului, cum ar fi bara de adrese Microsoft Edge, bara de stare Android sau tastatura Android.
- capturile video afectează negativ ratele de imagini. Dezactivați capturarea video atunci când măsurați defilii sau animații pentru a obține o imagine mai precisă a performanței paginii dvs.
- Dacă ecranul dispozitivului dvs. Android se blochează, conținutul capturii dvs. video dispare. Deblocați ecranul dispozitivului dvs. Android pentru a relua automat captura video.
Contactați Echipa Microsoftedge EvTools
Utilizați aceste opțiuni pentru a discuta despre caracteristicile de știri și modificările de publicare sau orice alt subiect legat de DevTools.
- trimite comentariile dvs. utilizând pictograma de comentarii de trimitere sau selectați
Alt
Shift
I
\ (Windows, Linux) sauOption
++Shift
I
\ (macOs) în devtools.- Tweet pe @EDgedevtools.
- trimite o sugestie pe site-ul dvs. Alegere.
- Pentru a clasifica bug-urile din acest articol, utilizați această secțiune de comentarii.
icon Trimite comentarii în Microsoft Edge Devtools
Note
Unele părți ale acestei pagini sunt modificări bazate pe lucrările create și partajate de Google și utilizate în conformitate cu condițiile descrise în licența internațională 4.0 Creative Atribuire.
Pagina originală este disponibilă aici și este creată de Kayce Basques \ (scriitor tehnic, Chrome devtools &far)
Această lucrare este admisă în cadrul unei licențe internaționale Creative Commons Attribution4.0.