Joseph Goodman
0 
2548
410
Bavim se web razvojem, a Google Chrome mi je ovih dana glavni preglednik. Chrome je poprilično prilagođen programerima, a možete postaviti i Firebug na Chrome Kako instalirati Firebug na IE, Safari, Chrome i Opera Kako instalirati Firebug na IE, Safari, Chrome i Opera. Ali danas sam vam htio pokazati drugačije proširenje za Chrome nazvano Pendule. Klatno nadopunjuje Chrome ugrađenu značajku Inspect Element s nekoliko zanimljivih dodataka.
Izbornik klatna
Gumb Pendule na alatnoj traci ispisuje gladak izbornik, podijeljen u šest glavnih područja. Prvo gore Tablice stila odjeljak. Pogledajte CSS opcija se može činiti suvišnom - uostalom, Chrome nam već omogućuje pregled CSS-a ... ili to čini?
Mnoge web stranice koriste komprimirani CSS, a neki ih komprimiraju do točke nečitljivosti. Ako ste jedini web programer na svojoj web lokaciji, možda ćete moći sami odlučiti koliko želite komprimirati CSS. Za mene nema takve sreće. Jedna od web stranica na kojoj radim komprimira CSS pomoću PHP alata nazvanog Minify, pa uvid u CSS s ugrađenim alatima Chromea pokazuje ovako nešto:
Nije baš najčitaniji format koji se može zamisliti. Uz Pendule, lako mogu uljepšati CSS sa svoje strane. Samo kliknem gumb Pendule i kliknem Pogledajte CSS. Ja tada dobijem ovako nešto:
Ipak nije baš lako čitati. Ali kliknite gumb Uljepšajte CSS gumb i gledaj kako se magija događa:
Sad razgovaramo! Iako u CSS prikazu ne možete ništa promijeniti, ovo je veliko poboljšanje kada je u pitanju komprimirani CSS.
Rukovanje slikama
Pendule također nudi zanimljive alate vezane uz slike:
“Pogledajte informacije o slikama” vodi vas na potpuno novu web stranicu koja sadrži sve slike s trenutne stranice, a svaka ima niz srodnih podataka:
Ovo je praktično jer vam omogućuje pomicanje po slikama jednu po jednu i reviziju pojedinačno. Na primjer, neke web stranice poslužuju sadržaj s jednog poslužitelja i povezane slike s drugog poslužitelja (kako bi se stvari ubrzale). S ovim prikazom možete točno vidjeti odakle dolazi svaka slika i lako pronaći one koje se ne poslužuju iz pravog izvora.
Također možete pročitati Alt tekst za svaku sliku, a koji može biti ključan za SEO ponude. Međutim, ako vas samo zanima Alt tekst, Pendule vam omogućuje lakšu reviziju te stranice na stranici “Prikaži alt tekst” opcija. Kad je omogućeno, slike na vašoj stranici izgledaju ovako:
Ovaj slučaj je iz lijepog postava pod naslovom 3 znaka Apple premješta Microsoft da postane zločesto, ali ovdje je poanta mala “alt =” isječak iznad slike. Izgleda kao alat, ali ne morate mišem prelaziti preko njega da bi se prikazao. S “Prikaži alt tekst”, možete se pomicati po vašoj web stranici i vidjeti točno koje slike nedostaju ili nisu Alts.
Ostale komunalije
Izbornik Razni alati Pendule nudi nekoliko zanimljivih specijaliteta. Pogledajte JavaScript proizvodi jednu web stranicu podijeljenu na odjeljke, jedan odjeljak za svaku skriptu koju trenutačna stranica sadrži. Mnogo poput “Pogledajte CSS” opcija s kojom smo započeli, Pogledajte JavaScript omogućuje vam uljepšavanje koda kako bi ga učinili čitljivim. JavaScript je gotovo uvijek komprimiran (čak i više nego CSS), pa je ovo vrlo zgodna opcija ako želite čitati kôd da biste shvatili kako stvari funkcioniraju.
“Linija zaslona” opcija zatamnjuje stranicu i prekriva je promjenjivim okvirom koji se može povlačiti s malom naljepnicom koja pokazuje njegove dimenzije u bilo kojem trenutku. Na primjer, ovo je vrlo korisno za provjeru jesu li elementi pravilno usklađeni.
