PT Verifique o seguinte documento no painel do de Segurança do Chrome DevTools para saber como depurar essas situações: Entenda os problemas de segurança com o Chrome DevTools.
PT Verifique o seguinte documento no painel do de Segurança do Chrome DevTools para saber como depurar essas situações: Entenda os problemas de segurança com o Chrome DevTools.
ES Consulte el siguiente documento en el panel de seguridad de Chrome DevTools para aprender cómo depurar estas situaciones: Comprenda los problemas de seguridad con Chrome DevTools.
Португал | Испани |
---|---|
seguinte | siguiente |
documento | documento |
painel | panel |
segurança | seguridad |
saber | aprender |
depurar | depurar |
situações | situaciones |
entenda | comprenda |
PT A aba Cobertura do Chrome DevTools pode ajudá-lo a descobrir qual o CSS que é crítico e qual o que não é crítico. Veja Exibir CSS usado e não usado com a aba Cobertura.Chrome DevTools: aba Cobertura.
ES La pestaña de Cobertura (Coverage) de Chrome DevTools puede ayudarte a descubrir el CSS crítico y no crítico. Consulta Ver CSS usado y no usado en la pestaña de Cobertura.Chrome DevTools: pestaña de Cobertura.
Португал | Испани |
---|---|
aba | pestaña |
cobertura | cobertura |
descobrir | descubrir |
css | css |
crítico | crítico |
e | y |
usado | usado |
o que | consulta |
PT As ferramentas DevTools aqui são subjetivamente as melhores, então você encontrará usuários baseados no chrome e no chromium que se apoiarão nelas. Embora outros navegadores também tenham DevTools, e eles também são dignos de consideração.
ES Las DevTools aquí son subjetivamente las mejores, por lo que los usuarios de Chrome y Chromium se apoyarán en ellas. Aunque otros navegadores también tienen DevTools, y también vale la pena considerarlos.
Португал | Испани |
---|---|
usuários | usuarios |
embora | aunque |
outros | otros |
aqui | aquí |
PT Para verificar se os atalhos do seu aplicativo estão configurados corretamente, use o painel Manifesto no painel Aplicativo do DevTools.Atalhos de aplicativos mostrados no DevTools
ES Para verificar que los accesos directos de su aplicación están configurados correctamente, usa el panel de Manifiesto en el panel de Aplicación de DevTools.Accesos directos de aplicaciones que se muestran en DevTools
Португал | Испани |
---|---|
verificar | verificar |
configurados | configurados |
corretamente | correctamente |
painel | panel |
manifesto | manifiesto |
PT Ok, pessoal, embora este seja um breve resumo, ainda temos muito chão para cobrir.Vamos começar a abrir uma janela do Google Chrome e abrindo nossos DevTools Chrome!
ES De acuerdo, gente, aunque este será un resumen muy breve, todavía tenemos mucho terreno para cubrir.¡Comencemos abriendo una ventana de Google Chrome y abriendo nuestros DevTools de Chrome!
Португал | Испани |
---|---|
pessoal | gente |
cobrir | cubrir |
começar | comencemos |
janela | ventana |
e | y |
abrindo | abriendo |
PT Está disponível no Chrome DevTools, npm (como um módulo Node e uma CLI) ou como uma extensão do navegador (no Chrome e Firefox)
ES Está disponible en Chrome DevTools, npm (como módulo de nodo y como CLI) o como extensión del navegador (en Chrome y Firefox)
Португал | Испани |
---|---|
disponível | disponible |
no | en |
módulo | módulo |
node | nodo |
cli | cli |
ou | o |
extensão | extensión |
firefox | firefox |
npm | npm |
PT Sentimos que, como o paibnel Lighthouse do Chrome DevTools é uma experiência melhor (o relatório se integra a outros painéis), poderíamos reduzir nossa sobrecarga de engenharia simplificando a extensão do Chrome.
ES Sentimos que debido a que el panel de Lighthouse de Chrome DevTools es una experiencia mejor (el informe se integra con otros paneles), podríamos reducir nuestra sobrecarga de ingeniería simplificando la extensión de Chrome.
Португал | Испани |
---|---|
experiência | experiencia |
melhor | mejor |
relatório | informe |
integra | integra |
outros | otros |
reduzir | reducir |
nossa | nuestra |
sobrecarga | sobrecarga |
engenharia | ingeniería |
simplificando | simplificando |
extensão | extensión |
PT O Lighthouse está disponível no Chrome DevTools, em web.dev/measure, como uma extensão do Chrome, como um módulo Node.js e dentro do WebPageTest
ES Lighthouse está disponible en Chrome DevTools, en web.dev/measure como una extensión de Chrome, como un módulo Node.js y dentro de WebPageTest
Португал | Испани |
---|---|
disponível | disponible |
extensão | extensión |
módulo | módulo |
js | js |
PT O Lighthouse está disponível no Chrome DevTools, como uma extensão do Chrome e como um pacote npm
ES Lighthouse está disponible en Chrome DevTools, como una extensión de Chrome y como un paquete npm
PT Algumas dicas para o novato do Google Chrome DevTools
ES Algunos consejos para el novato en DevTools de Google Chrome
Португал | Испани |
---|---|
algumas | algunos |
dicas | consejos |
novato | novato |
PT O “DevTools” do chrome são reverenciadas em todas as comunidades por seu conjunto de características e diagnósticos estelares.
ES Las «DevTools» de Chrome son veneradas en todas las comunidades por su conjunto de características y diagnósticos estelares.
Португал | Испани |
---|---|
comunidades | comunidades |
características | características |
PT Dado o aumento dos navegadores baseados no chrome, muitos têm o mesmo conjunto de DevTools com atalhos similares
ES Dado el auge de los navegadores basados en Chromium, muchos tienen el mismo conjunto de DevTools con accesos directos similares
Португал | Испани |
---|---|
dado | dado |
navegadores | navegadores |
muitos | muchos |
similares | similares |
PT As principais formas de executar o Farol Google são a partir da linha de comando, usando as DevTools do Chrome, ou como um módulo de Nodo
ES Las principales formas de ejecutar Google Lighthouse son desde la línea de comandos, utilizando las DevTools de Chrome, o como un módulo de Node
Португал | Испани |
---|---|
principais | principales |
formas | formas |
linha | línea |
módulo | módulo |
PT Ao inspecionar seu site com Chrome Devtools, pudemos ver que tudo que vinha do subdomínio CDN (cdn.domain.com) não estava carregando corretamente, e em vez disso estava reportando 404 erros.
ES Al inspeccionar su sitio con Chrome Devtools, pudimos ver que todo lo que venía de su subdominio CDN (cdn.domain.com) no estaba cargando correctamente, y en cambio estaba reportando 404 errores.
Португал | Испани |
---|---|
inspecionar | inspeccionar |
site | sitio |
subdomínio | subdominio |
cdn | cdn |
domain | domain |
carregando | cargando |
corretamente | correctamente |
e | y |
erros | errores |
PT Felizmente, existem múltiplas formas potenciais de encontrar esta informação. Uma das mais simples é usar o Chrome DevTools.
ES Afortunadamente, hay múltiples maneras potenciales de encontrar esta información. Una de las más simples es usar Chrome DevTools.
Португал | Испани |
---|---|
felizmente | afortunadamente |
formas | maneras |
potenciais | potenciales |
encontrar | encontrar |
informação | información |
simples | simples |
usar | usar |
PT O separador Segurança no Chrome DevTools
ES La pestaña de seguridad en Chrome DevTools
Португал | Испани |
---|---|
separador | pestaña |
segurança | seguridad |
no | en |
a | la |
PT Você pode usar o Chrome DevTools e o Qualys’s SSL Server Test para verificar e ver se o seu site e servidor ativam esses protocolos.
ES Puede utilizar la prueba de servidor SSL de Chrome DevTools y Qualys para comprobar y ver si su sitio y su servidor habilitan estos protocolos.
Португал | Испани |
---|---|
usar | utilizar |
e | y |
ssl | ssl |
site | sitio |
protocolos | protocolos |
PT Algumas dicas para o novato do Google Chrome DevTools | Hostwinds
ES Algunos consejos para el novato en DevTools de Google Chrome | Hostwinds
Португал | Испани |
---|---|
algumas | algunos |
dicas | consejos |
novato | novato |
hostwinds | hostwinds |
PT Observe: Este é um resumo muito condensado e não cobre tudo.Não vamos nem arranhar a superfície em relação à miríade de opções que você tem disponível ao usar DevTools Chrome.
ES Tenga en cuenta: Este es un resumen muy condensado y no cubre todo.Ni siquiera rascáramos la superficie con respecto a la miríada de opciones que usted tiene a su disposición mientras usa Chrome DevTools.
Португал | Испани |
---|---|
resumo | resumen |
e | y |
cobre | cubre |
superfície | superficie |
relação | cuenta |
PT Em primeiro lugar, vamos tirar isso do caminho: Google Chrome DevTools é totalmente ótimo.Isso é verdade por muitas razões, sendo uma como essas ferramentas são fáceis de acessar.
ES En primer lugar, vamos a sacar esto del camino: Google Chrome DevTools es totalmente estupenda.Esto es cierto por muchas razones, uno es lo fácil que pueden acceder estas herramientas.
Португал | Испани |
---|---|
lugar | lugar |
vamos | vamos |
tirar | sacar |
totalmente | totalmente |
razões | razones |
ferramentas | herramientas |
acessar | acceder |
PT Nota: Exploraremos o Chrome DevTools passando do painel mais à esquerda na parte superior da janela para o painel mais à direita.
ES Nota: Exploraremos Chrome DevTools moviéndonos desde el panel más a la izquierda en la parte superior de la ventana al panel más a la derecha.
Португал | Испани |
---|---|
nota | nota |
painel | panel |
parte | parte |
janela | ventana |
PT Clique aqui para ver ainda mais ferramentas! Por falar nisso, há muito mais que você pode fazer com o Chrome DevTools, mas estamos sem tempo hoje
ES ¡Haga clic en eso para ver aún más herramientas! En ese sentido, hay mucho más que puede hacer con Chrome DevTools, pero hoy no tenemos tiempo
Португал | Испани |
---|---|
ferramentas | herramientas |
você | no |
PT De qualquer forma, esperamos que você tenha gostado desta pequena visão geral de alguns recursos, dicas e sugestões do Chrome DevTools
ES De todos modos, esperamos que haya disfrutado de esta pequeña descripción general de algunas funciones, consejos y sugerencias de Chrome DevTools
Португал | Испани |
---|---|
esperamos | esperamos |
pequena | pequeña |
geral | general |
e | y |
PT Emulação de tela do dispositivo (o mesmo encontrado no Chrome DevTools).
ES Emulación de pantalla de dispositivo (la misma que se encuentra en Chrome DevTools).
Португал | Испани |
---|---|
tela | pantalla |
dispositivo | dispositivo |
encontrado | encuentra |
PT O PageSpeed Insights não pode auditar sites não públicos, pois ele é executado por meio de um servidor remoto e não da instância local do Chrome. Se você precisar auditar um site não público, use o painel DevTools Lighthouse ou a Node CLI.
ES PageSpeed Insights no puede auditar sitios web no públicos, ya que se ejecuta a través de un servidor remoto y no a través de su instancia local de Chrome. Si necesita auditar un sitio web no público, use el panel DevTools Lighthouse o Node CLI.
Португал | Испани |
---|---|
insights | insights |
executado | ejecuta |
servidor | servidor |
e | y |
instância | instancia |
use | use |
painel | panel |
cli | cli |
PT Pronto para otimizar seu site localmente no laboratório? Use o Lighthouse e o Chrome DevTools para medir as Core Web Vitals e obtenha orientações práticas sobre exatamente o que corrigir
ES ¿Está listo para optimizar su sitio localmente en el laboratorio? Utilice Lighthouse y Chrome DevTools para medir Core Web Vitals y obtenga una orientación práctica sobre qué corregir exactamente
Португал | Испани |
---|---|
otimizar | optimizar |
seu | su |
localmente | localmente |
laboratório | laboratorio |
use | utilice |
e | y |
orientações | orientación |
práticas | práctica |
exatamente | exactamente |
corrigir | corregir |
PT A TBT agora é mostrada no rodapé do painel Chrome DevTools Performance quando você mede o desempenho da página:
ES TBT se muestra ahora en el pie de página del panel de rendimiento de Chrome DevTools cuando se mide el rendimiento de la página:
Португал | Испани |
---|---|
agora | ahora |
rodapé | pie de página |
painel | panel |
página | página |
PT Para obter mais informações, veja Novidades do DevTools (Chrome 84).
ES Para obtener más información, consulte Novedades de DevTools (Chrome 84) .
Португал | Испани |
---|---|
obter | obtener |
mais | más |
veja | consulte |
PT Use a aba Coverage no Chrome DevTools para localizar qualquer CSS não utilizado em sua página web.
ES Utilice la pestaña Coverage de Chrome DevTools para encontrar cualquier CSS que no utilice en su página web.
Португал | Испани |
---|---|
localizar | encontrar |
qualquer | cualquier |
css | css |
PT A seção de intervalos do painel Performance no Chrome DevTools inclui um marcador de LCP e mostra qual elemento está associado com a LCP quando você passar o mouse sobre o campo Related Node.
ES La sección de sincronizaciones del rendimiento en el panel en Chrome DevTools incluye un marcador de LCP y muestra qué elemento se asocia con LCP cuando se pasa sobre el campo Nodo relacionado.
Португал | Испани |
---|---|
performance | rendimiento |
inclui | incluye |
marcador | marcador |
e | y |
elemento | elemento |
campo | campo |
node | nodo |
lcp | lcp |
PT Uma maneira de encontrar uma cor que atenda aos requisitos de contraste é usar o seletor de cores do Chrome DevTools:
ES Una forma de encontrar un color que cumpla con los requisitos de contraste es utilizar el selector de color de Chrome DevTools:
Португал | Испани |
---|---|
maneira | forma |
encontrar | encontrar |
requisitos | requisitos |
contraste | contraste |
seletor | selector |
PT Você pode usar o painel de notificações do Chrome DevTools para depurar notificações
ES Puede utilizar el panel de notificaciones de Chrome DevTools para depurar las notificaciones
Португал | Испани |
---|---|
usar | utilizar |
painel | panel |
notificações | notificaciones |
depurar | depurar |
PT Entenda os problemas de segurança com o Chrome DevTools
ES Comprenda los problemas de seguridad con Chrome DevTools
Португал | Испани |
---|---|
entenda | comprenda |
problemas | problemas |
segurança | seguridad |
PT Use o Chrome DevTools para verificar se o ícone mascarável está sendo exibido corretamente. Consulte Meus ícones atuais estão prontos?
ES Utilice Chrome DevTools para verificar que el ícono enmascarable se muestre correctamente. Consulte ¿Están listos mis íconos actuales?
Португал | Испани |
---|---|
use | utilice |
verificar | verificar |
corretamente | correctamente |
consulte | consulte |
atuais | actuales |
prontos | listos |
PT Felizmente, você pode encontrar todas essas informações por meio de um recurso experimental no Chrome DevTools.
ES Afortunadamente, puede encontrar toda esa información mediante una función experimental en Chrome DevTools.
Португал | Испани |
---|---|
felizmente | afortunadamente |
encontrar | encontrar |
todas | toda |
informações | información |
recurso | función |
experimental | experimental |
PT Você pode fazer isso por meio da seção Service Workers no painel Application no Chrome DevTools. O campo Periódica Sincronização permite fornecer uma tag para o evento usar e acioná-lo quantas vezes desejar.
ES Puede hacerlo mediante la sección Service Workers del panel de aplicaciones en Chrome DevTools. El campo Sincronización periódica le permite proporcionar una etiqueta para el evento que va a utilizar, y activarlo tantas veces como desee.
Португал | Испани |
---|---|
você | le |
service | service |
workers | workers |
painel | panel |
campo | campo |
sincronização | sincronización |
permite | permite |
tag | etiqueta |
evento | evento |
desejar | desee |
PT A partir do Chrome 81, você verá uma seção Periodic Background Sync no painel do aplicativo DevTools.
ES A partir de Chrome 81, podrás consultar una sección Sincronización periódica en segundo plano en el panel Aplicación de DevTools.
Португал | Испани |
---|---|
a | el |
partir | partir |
seção | sección |
sync | sincronización |
painel | panel |
aplicativo | aplicación |
ver | consultar |
PT No momento da redação deste artigo, o Safari não mostra o Referrer-Policy mas mostra o Referer que foi enviado.Chrome DevTools, painel de rede com uma solicitação selecionada.
ES En el momento de escribir este artículo, Safari no muestra la Referrer-Policy pero sí muestra la Referer que se envió.Chrome DevTools, panel de la red con una solicitud seleccionada.
Португал | Испани |
---|---|
momento | momento |
safari | safari |
solicitação | solicitud |
PT Como verificar respostas em cache no Chrome DevTools
ES Cómo verificar las respuestas que se almacenan en el caché de Chrome DevTools
Португал | Испани |
---|---|
verificar | verificar |
cache | caché |
PT Como verificar respostas em cache no Chrome DevTools #
ES Cómo verificar las respuestas que se almacenan en el caché de Chrome DevTools #
Португал | Испани |
---|---|
verificar | verificar |
cache | caché |
PT A coluna Tamanho no Chrome DevTools pode ajudá-lo a verificar se um recurso foi armazenado em cache:
ES El tamaño de la columna en Chrome DevTools puede ayudarle a verificar que un recurso se almacenó en el caché:
Португал | Испани |
---|---|
coluna | columna |
verificar | verificar |
um | a |
recurso | recurso |
cache | caché |
PT Este exemplo de código está seguindo as convenções do painel Chrome DevTools Elements para exibir conteúdo Shadow DOM. Por exemplo, o ↳ representa o conteúdo Light DOM com slot.
ES Esta muestra de código sigue las convenciones del panel de Elementos de Chrome DevTools para mostrar contenido de Shadow DOM. Por ejemplo, el carácter ↳ representa contenido Light DOM que está en la ranura.
Португал | Испани |
---|---|
código | código |
convenções | convenciones |
conteúdo | contenido |
representa | representa |
slot | ranura |
PT A partir do Chrome 81, você verá uma seção Periodic Background Sync no painel do aplicativo DevTools.FuncionalidadesAplicações Web ProgressivasService WorkerChrome 80Ensaios de Origem
ES A partir de Chrome 81, podrás consultar una sección Sincronización periódica en segundo plano en el panel Aplicación de DevTools.FuncionalidadesAplicaciones web progresivasService WorkerChrome 80Origin Trials
Португал | Испани |
---|---|
a | el |
partir | partir |
seção | sección |
sync | sincronización |
painel | panel |
aplicativo | aplicación |
ver | consultar |
origem | origin |
PT A partir do Chrome 77, você pode experimentar esses diferentes limites limitando a rede no DevTools. Nesse ínterim, você precisará substituir o tipo de conexão efetiva do navegador usando a flag about://flags/#force-effective-connection-type.
ES En Chrome 77+, puede experimentar con estos diferentes limites al limitar la red en las DevTools. Mientras tanto, deberá anular el tipo de conexión efectiva del navegador mediante el uso de la bandera de about://flags/#force-effective-connection-type.
Португал | Испани |
---|---|
experimentar | experimentar |
diferentes | diferentes |
efetiva | efectiva |
limites | limites |
PT Para verificar onde o item é colocado, o Chrome DevTools pode fornecer um guia visual para as linhas.
ES Chrome DevTools puede darle una guía visual de las líneas para verificar dónde está colocado su elemento.
Португал | Испани |
---|---|
verificar | verificar |
onde | dónde |
colocado | colocado |
pode | puede |
guia | guía |
visual | visual |
linhas | líneas |
fornecer | darle |
PT O Chrome DevTools fornece análises detalhadas sobre tudo o que acontece enquanto sua página é carregada ou executada
ES Chrome DevTools proporciona un análisis en profundidad de todo lo que sucede mientras tu página se carga o se ejecuta
Португал | Испани |
---|---|
fornece | proporciona |
análises | análisis |
acontece | sucede |
sua | tu |
página | página |
PT Você pode encontrá-lo no pacote Chrome DevTools de ferramentas de depuração e executá-lo em qualquer página da web, pública ou que exija autenticação
ES Puedes encontrarla en el conjunto de herramientas de depuración de Chrome DevTools y ejecutarla en cualquier página web, pública o que requiera autenticación
PT Se o Chrome descobrir que uma animação não pode ser composta, ele a reporta a uma leitura do Lighthouse DevTools, permitindo listar quais elementos com animações não foram compostos e por qual motivo
ES Si Chrome descubre que una animación no se pudo componer, la informa a una traza de DevTools que Lighthouse lee, lo que le permite enumerar qué elementos con animaciones no se compusieron y por qué motivo
PT O Lighthouse 6.0 está disponível imediatamente no npm e no Chrome Canary. Outros serviços do Google que utilizam o Lighthouse receberão a atualização no final do mês. Ele chegará no Chrome Stable no Chrome 84 (meados de julho).
ES Lighthouse 6.0 está disponible inmediatamente en npm y en Chrome Canary. Otros servicios de Google que aprovechan Lighthouse recibirán la actualización a fin de mes. Llegará a Chrome Stable en Chrome 84 (mediados de julio).
Португал | Испани |
---|---|
disponível | disponible |
imediatamente | inmediatamente |
e | y |
outros | otros |
atualização | actualización |
meados | mediados |
npm | npm |
PT Um subconjunto da API Web Bluetooth está disponível no ChromeOS, Chrome para Android 6.0, Mac (Chrome 56) e Windows 10 (Chrome 70)
ES Un subconjunto de la API Web Bluetooth está disponible en ChromeOS, Chrome para Android 6.0, Mac (Chrome 56) y Windows 10 (Chrome 70)
Португал | Испани |
---|---|
subconjunto | subconjunto |
api | api |
bluetooth | bluetooth |
disponível | disponible |
android | android |
mac | mac |
e | y |
{Totalresult} орчуулгын 50 -г харуулж байна