published on in web
tags: chrome

Devtools

on http://discover-devtools.codeschool.com/

CSS Modifications
Botão direito para ver as modificações locais

Console

  • console.log pode ser usado para logar objetos
  • console.assert gera um erro se a expressão for false
  • console.warn como alerta
  • inspect function irá selecionar o objeto na aba elements
  • $0 atual, $1 anterior .. e assim por diante
  • console.profile([label]) e console.profileEnd() para adicionar um profile na aba Profile
  • console.timeStamp([label]) adiciona evento na aba Timeline

Links úteis: console-api e console

Source Tab
Clicar uma vez em Pause Exception , irá parar em todas as exceptions. Duas vezes, irá parar apenas nas exceptions não tratadas try/catch

Bottões de debuger
* Play, Next line, Inside any function called, next line over caller (quem chamou a função)

Shifit + clicar no refresh irá fazer o download de tudo no servidor

Closure com Cassete?? async attribute on scripts (<scripts async src=..)??