Firefox lisäosat - Web Developer

 

Asennettuasia tämän todella hyvän ja paljon web-ohjelmointia helpottavan lisäosan, ilmestyy Firefox selaimeesi Web Developer-työkalurivi (toolbar). Työkalurivistä löytyy 12 eri päävalikkoa, joiden alta löytyy monia hyödyllisiä työkaluja.

 

  • Disable -valikosta saat helposti kytkettyä selaimen käytöstä pois haluamiasia asioita.
  • Cookies -valikosta taas voit tehdä muutoksia evästeisiin esim. poistaa evästeet.
  • CSS -valikosta taas tehdä muutoksia tyylitiedostoon liittyviin asioihin.
  • Forms -valikosta vaikuta sivulla olevien lomakkeisiin liittyviin asioihin.
  • Images -valikosta pääset tarkastelemaan sivulla esiintyviin kuviin koskevia asioita, kuten Alt -tietoja ja kuvien kokoja.
  • Information -valikosta voit tarkastella sivusta erilaisia tietoja. Itse käytän paljon seuraavia toimintoja "Display Element Information" ja "Display Document Size". Ensimmäiseksi mainitulla voi suhteellisen helposti selvittää missä kohtaa lähdekoodia kyseinen sivulla oleva asia sijaitsee. Jälkimmäisellä taas näkee nopeasti miten iso "tiedostokooltaan" kyseinen sivu on.
  • Miscellaneous -valikosta on tullut lähinnä käytettyä "Display Ruler" toimintoa.
  • Outline - valikosta en ole tainnut koskaan käyttää mitään, mutta nimensä mukaisesti sillä saa ääriviivat halutusta asiasta näkyville.
  • Resize -valikosta voi lennossa muuttaa selaimen koon haluamakseen. Tästä hyötyä esimerkiksi silloin, jos ollaan tekemässä sivusta versiota miniläppärille tai vaikkapa tablet laitteelle.
  • Tools -valikosta löytyy linkit sivun eri osinen validisuuden tarkistamiseen. Tätä välilehteä tulee käytettyä hyvin usein, koska tavoitteena on tehdä aina täysin valideja verkkosivuja.
  • View Source -valikosta löytyy muutama eri tapa katsoa sivun lähdekoodia.
  • Sitten löytyy vielä Options -valikko, johon en ole vielä tutustunut.

 

Lataa täältä Web Developer lisäosa.