Chrome DevTools: Zajem slike določenega elementa

Chrome DevTools oz. pregledovalnik kode trenutne strani ali aplikacije ima zanimivo funkcionalnost, zajem slike točno določenega HTML elementa.

Velikokrat pri svojem delu potrebujemo zajem zaslona ali samo del zaslona. Običajno zato uporabljamo različne grafične programe, od preprostejših, kot je MS Slikar do naprednejših, kot je Photoshop. Če smo bolj razvojno usmerjeni pa lahko dobimo zajema zaslona oz. posameznih gradnikov tudi iz Chrome DevTools.

Kako zajamemo želeni element?

  • poiščemo želen element (Inspect)
  • na miški kliknemo desni klik
  • poiščemo in kliknemo “Capture node screenshot”
  • generira se slika izbranega elementa

Zajem slike je uporabna funkcija za komentiranje posameznih elementov ali ustvarjanje mood borda za nov projekt.

Oznake: ChromeChrome DevToolsscreenshot

Komentiraj


*