>>
>
>
>
>
>
>
>
>
>
>
>
>>>>
Um post especial de um membro da equipa de engenharia da Samsung na Internet, Adil!
Ferramentas de desenvolvimento fornecidas pelos navegadores são o companheiro constante de muitos desenvolvedores web. Nós podemos usá-las para inspecionar nosso código, nos informar sobre erros e executar várias auditorias. DevTools no Chrome também pode fornecer uma forma de ajustar o tamanho da sua tela para corresponder ao seu dispositivo móvel. Este recurso é usado por muitos desenvolvedores frequentemente. Um dos pontos úteis desta funcionalidade é que você pode escolher entre dispositivos móveis populares, e DevTools irá ajustar o tamanho do ecrã exactamente para o mesmo que esse dispositivo. Assim podemos testar e depurar páginas web com o tamanho do dispositivo móvel.
DevTools cromados não é apenas para inspecionar elementos DOM e atributos CSS. Podemos utilizá-lo também para o exame de pedidos de rede e parâmetros relacionados com o armazenamento de acesso. Além disso, você pode executar diretamente o código JavaScript e ver as mensagens do console. Não é incrível?
Agora, suponha que você tem um celular na mão, e problemas específicos acontecem, particularmente neste dispositivo, e você não consegue reproduzir o problema usando DevTools e o método ilustrado acima. Ou, imagine uma situação em que seu navegador móvel tem API’s específicas, e você quer depurá-las. Neste caso, você precisa do DevTools no seu celular.
O que você pode não perceber é que você pode usar o DevTools desktop para depurar navegadores baseados em Blink (como o Samsung Internet) nos seus dispositivos Android também.
Para fazer isso, primeiro, habilite “USB Debugging” no seu dispositivo Android e conecte-o ao seu computador.
Agora para a parte excitante. Acesse a URL “chrome://inspect” e depois clique em “Devices” (Dispositivos). Hurra! Você verá a lista de sessões ativas do navegador do seu dispositivo móvel.
Clique em “Inspect,” e você verá a visualização do navegador no seu computador. Agora você pode fazer qualquer manipulação usando DevTools.
Você pode acessar a lista de dispositivos móveis também usando dispositivos remotos a partir do menu DevTools.
Eficazmente, você vai gostar de usar esta técnica para tornar a depuração no seu celular mais simples!