• 02/12/2021
  • 6 minuts de joc
    • m

Depuració del contingut en directe remot en un dispositiu Android des de l’ordinador de Windows o MacOS . La següent pàgina de tutoria us ensenya a realitzar les accions següents.

  • Configureu el vostre dispositiu Android per a la depuració remota i descobreix-la des del vostre ordinador de desenvolupament.
  • inspeccionar i depurar contingut en directe El vostre dispositiu Android des de l’ordinador de desenvolupament.
  • Contingut de captura de vídeo del vostre dispositiu Android en una instància de Devtools al vostre ordinador de desenvolupament.

notes

La depuració remota de l’aplicació Microsoft Edge en dispositius iOS no és compatible. La següent guia es centra específicament en la depuració remota de Microsoft Edge en dispositius Android. Si teniu un dispositiu MacOS, seguiu la guia de depuració de BrightCove per depurar de Microsoft Edge de forma remota en un dispositiu IOS mitjançant Safari. Per obtenir més informació sobre l’inspector web a Safari, aneu a les eines de desenvolupament web Safari.

Pas 1: Descobriu el vostre dispositiu Android

El flux de treball següent funciona per a la majoria d’usuaris. Per obtenir més ajuda, aneu a la solució de problemes: Devtools no detecta la secció Dispositiva d’Android.

  1. Obriu la pantalla d’opcions de desenvolupador al vostre Android. Per obtenir més informació, aneu a configurar les opcions de desenvolupador de dispositius.

  2. Trieu Habilita la depuració USB.

  3. Al vostre ordinador, obriu Microsoft Edge.

  4. Navegueu a edge://inspect La pàgina de Microsoft Edge.

    Pàgina de vora: // Inspeccioneu a Microsoft Edge

    figura1. Pàgina edge://inspect a Microsoft Edge

  5. Connecteu el dispositiu Android directament al vostre ordinador de desenvolupament mitjançant un cable USB. La primera vegada que intenteu connectar-vos, cal que aparegui un missatge a Devtools detectant un dispositiu desconegut. Accepteu l’indicador d’autorització que permet la depuració USB al dispositiu Android.

    Figura2. La sol·licitud d’autorització permet la depuració USB en un dispositiu Android

  6. Si es mostra el nom del vostre dispositiu Android, Microsoft Edge ha establert correctament la connexió al dispositiu. Continueu a la secció Pas 2.

Resolució de problemes de Devtools no detecta el dispositiu Android

Utilitzeu els consells següents per ajudar-vos a resoldre els problemes de paràmetres correctes Per al vostre maquinari.

  • Si utilitzeu un hub USB, proveu de connectar el vostre dispositiu Android directament al vostre ordinador de desenvolupament.
  • Intenta desconnectar el cable USB entre el dispositiu Android I el vostre ordinador de desenvolupament, torneu a connectar-lo. Completeu la tasca mentre es desbloquegen les pantalles Android i Desenvolupament.
  • Assegureu-vos que el vostre cable USB funciona. Haureu de ser capaç d’inspeccionar els fitxers del dispositiu Android des de l’ordinador de desenvolupament.

Utilitzeu els consells següents per verificar que el vostre programari està instal·lat correctament.

  • Si l’ordinador de desenvolupament funciona amb Windows, proveu a instal·lar manualment els controladors USB al vostre dispositiu Android. Per obtenir més informació, navegueu per instal·lar els controladors OEM USB.
  • Algunes combinacions de dispositius de Windows i Android (incloent Samsung) requereixen configuracions addicionals. Per obtenir més informació, aneu als dispositius de Devtools no detecten el dispositiu quan estigui connectat.

Utilitzeu els següents consells per ajudar-vos a resoldre problemes si el missatge que permet la depuració USB no es mostra al vostre androide Dispositiu.

    Desconnecteu-vos, a continuació, la nova connexió del cable USB mentre que Devtools se centra en el vostre ordinador de desenvolupament i la pantalla d’android de pantalla inicial.

    Notes

    Es mostra l’indicador si es bloquegen les pantalles Android o de desenvolupament.

  • Actualització de la configuració de visualització del dispositiu Android i Ordinador de desenvolupament de manera que tothom no es posa mai en espera.

  • Definició mode USB per a android a PTP.Per obtenir més informació, aneu a la caixa de diàleg Debug de Debug permès que no aparegui al quadre de diàleg Debugging de Difugació USB

  • Trieu Revocar les autoritzacions de depuració USB de la pantalla d’opcions del desenvolupador al vostre dispositiu Android Per restablir-lo a un estat fresc.

Si trobeu una solució que no s’esmenta en aquesta pàgina o en dispositius, els dispositius no detecten el dispositiu quan es connecta al desbordament de pila, Afegiu la vostra solució a la pregunta de desbordament de pila ..

Pas 2: depurar el contingut del vostre dispositiu Android des del vostre ordinador

    obriu Microsoft Edge al vostre Android Dispositiu.

  1. Accés edge://inspect a, nom de nom del vostre dispositiu Android apareix, seguit del número de sèrie del dispositiu. A sota d’això, s’ha de mostrar la versió de Microsoft Edge que s’executa al dispositiu, amb el número de versió entre parèntesis. Cada pestanya Open Microsoft Edge obté una secció única. Podeu interactuar amb aquesta pestanya d’una secció.

    Un dispositiu remot connectat

    figura3. Un dispositiu connectat remot

  2. A la pestanya Open amb un quadre de text URL, introduïu un URL i trieu Obre. La pàgina s’obre en una pestanya nova al dispositiu Android.

  3. Seleccioneu Inspeccioneu al costat de l’URL que obriu. S’obre una nova instància de Devtools.

Altres accions: enfocament, actualitzeu o tanqueu una pestanya

Trieu la pestanya Focus, rechargezou tanqueu-la al costat de la pestanya Voleu centrar-vos, actualitzar o tancar. ****

Focus, actualització o botons de tancament d'una pestanya

figura4. Enfocament, refrescar o tancar els botons d’un

pestanya inspeccionen els elements

Aneu a l’eina dels elements de la vostra instància de Devtools i apunteu a un element per ressaltar-lo a la vista del vostre dispositiu Android.

També podeu seleccionar un element a la pantalla del vostre dispositiu Android per seleccionar-lo a l’eina d’elements. Seleccioneu la icona de selecció de l’element a la vostra instància instance DevTools, puis sélectionnez l’élément sur l’écran de i, a continuació, seleccioneu l’element a la pantalla pantalla del dispositiu Android.

Notes

Seleccioneu l’element desactivat després de la primera selecció. Per tant, heu de reactivar cada vegada que vulgueu utilitzar la funcionalitat.

Captura de pantalla de la pantalla d’Android a la vostra computadora de desenvolupament

Trieu el screencast de la icona de desviament (screencast) a Consulteu els continguts del vostre dispositiu Android al vostre Instància Devotols.

Podeu interactuar amb la captura de vídeo de les maneres següents.

  • Les opcions es converteixen en pressions, que us permeten treure els esdeveniments tàctils adequats al dispositiu.
  • tecles de tecles a l’ordinador s’envien al dispositiu.
  • per simular Un moviment de pessic, manteniu el Slippagament.
  • per desplaçar-vos pel ratolí, utilitzeu el vostre trackpad o la roda del ratolí, o gireu amb el punter del ratolí.

notes

Utilitzeu els següents consells per ajudar-vos a fer una captura de vídeo.

  • Les captures de pantalla només mostren els continguts de la pàgina. Les parts transparents de la captura de vídeo representen les interfícies de dispositius, com ara la barra d’adreça de Microsoft Edge, la barra d’estat d’Android o el teclat Android.
  • Les captures de vídeo afecten negativament les taxes d’imatges. Desactiveu la captura de vídeo en mesurar desplaçacions o animacions per obtenir una imatge més precisa del rendiment de la vostra pàgina.
  • Si la pantalla del dispositiu Android es bloqueja, el contingut de la vostra captura de vídeo desapareix. Desbloqueja la pantalla del dispositiu Android per reprendre automàticament la captura de vídeo.

Contacte Evtools Microsoftedge Team

Utilitzeu aquestes opcions per discutir les funcions de notícies i modificacions de publicació , o qualsevol altre tema relacionat amb Devtools.

  • Enviar els seus comentaris utilitzant la icona d’enviament de comentaris o seleccioneu AltShiftI (finestres, linux) o Option +
    + ShiftI (macos) a Devtools.

  • Tweet a @edgedevtools.
  • Envieu un suggeriment al lloc web del vostre Elecció.
  • Per classificar errors d’aquest article, utilitzeu aquesta secció de comentaris.
  • La icona de segregació a Microsoft Edge Devtools

    La icona Envia comentaris a Microsoft Edge Devtools

    notes

    Algunes parts d’aquesta pàgina són canvis basats en el treball creat i compartit per Google i utilitzat d’acord amb les condicions descrites a la llicència internacional 4.0 creatiu Atribució.
    La pàgina original està disponible aquí i és creat per Kayce Basques (escriptor tècnic, Chrome Devtools & Far).

    Llicència Creative Commons
    Aquest treball es concedeix sota una llicència internacional Creative Commons Reconeixement4.0.

Leave a comment

L'adreça electrònica no es publicarà. Els camps necessaris estan marcats amb *