• 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.

  1. Deschideți ecranul Opțiuni de dezvoltat pe Android. Pentru mai multe informații, mergeți la configurarea opțiunilor dezvoltatorului dispozitivului.

  2. Selectați Activați depanarea USB.

  3. pe computerul dvs. de dezvoltare, deschis Microsoft Edge.

  4. Navigate la edge://inspect pagina din Microsoft Edge.

    Pagina de margine: // Inspectați în Microsoft Edge

    Figura1. Pagina edge://inspect în Microsoft Edge

  5. 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

  6. Dacă este afișat numele modelului dispozitivului dvs. Android, Microsoft Edge a stabilit corect conexiunea la dispozitiv. Continuați la Secțiunea Pasul 2.

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.

    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.

  • 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ă.

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

    Deschideți Microsoft Edge pe Android Dispozitiv.

  1. 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.

    Un dispozitiv la distanță conectat

    Figura 3. Un dispozitiv conectat la distanță

  2. î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.

  3. Selectați Inspectați lângă adresa URL pe care o deschideți. O nouă instanță DevTools se deschide.

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. ****

Focus, reîmprospătare sau închidere butoane ale unei fila

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. DevTools, apoi selectați elementul din ecranul Dispozitivul dvs. Android.

Note

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 Instanță 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 AltShiftI \ (Windows, Linux) sau Option +
    + ShiftI \ (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.
  • Pictograma segregare în Microsoft Edge DevTools

    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)

Creative Commons License
Această lucrare este admisă în cadrul unei licențe internaționale Creative Commons Attribution4.0.

Leave a comment

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate cu *