IMPORTANT: Per accedir als fitxer de subversion: http://acacha.org/svn (sense password). Poc a poc s'aniran migrant els enllaços. Encara però funciona el subversion de la farga però no se sap fins quan... (usuari: prova i la paraula de pas 123456)

Chrome Developer Tools

Chrome Developer Tools aka Chrome Dev Tools. Hi podeu accedir prement F12

Petits trucs en videos curts

CSS Coverage

CSS Coverage

Responsive i mobile

Depurar

https://developers.google.com/web/tools/chrome-devtools/javascript/

Workspaces

https://developers.google.com/web/tools/setup/setup-workflow

Source maps

El problema sovint d'afegir breakpoints és que actualment amb el ús de Module Bundlers, minifiers, transpilers i similars és complicat torbar el codi que volem depurar a la pestanya sources.

Proveu de depurar codi JAvascript de Laravel creat amb Laravel mix amb i sense els source maps activat (PER DEFECTE NO ESTÀ ACTIVAT):

mix.js('resources/assets/js/app.js', 'public/js').sourceMaps();

Amb vue-cli webpack està configurat per defecte amb sourceMaps

Laravel Mix:

Resources:

Remote debugging

Habilitar la depuración mediante USB:

https://developers.google.com/web/tools/chrome-devtools/remote-debugging/

Console

Comandes:

Funcionalitats

Remote devices

TODO

Progressive web apps

Vegeu Progressive Web Apps

Snippets

Vegeu també

Enllaços externs