Реклама
Врло се бавим развојем веба, а Гоогле Цхроме ми је ових дана главни прегледач. Цхроме је прилично прилагођен програмерима, а можете и да га подесите Фиребуг на Цхроме-у Како инсталирати Фиребуг на ИЕ, Сафари, Цхроме и Опера Опширније . Али данас сам хтео да вам покажем различито Цхроме проширење звано Пендуле. Клатно допуњује Цхроме уграђену значајку Инспецт Елемент са неколико занимљивих додатака.
Мени клатна
Дугчево дугме на алатима клатна исписује гладак мени, подељен у шест главних области. Прво горе Таблице стила одељак. Тхе Погледајте ЦСС опција се може чинити сувишном - уосталом, Цхроме нам већ дозвољава преглед ЦСС-а... или то?
Многи веб сајтови користе компримовани ЦСС, док га неки компресују до тачке нечитљивости. Ако сте једини веб програмер на својој веб локацији, можда ћете моћи сами да одлучите колико желите да компресовате ЦСС. За мене нема такве среће. Једна од веб локација која радим за компримовање ЦСС-а помоћу ПХП алата под називом Умањите, па инспекција ЦСС-а са Цхроме уграђеним алаткама показује овако нешто:
Није баш најчитанији формат који се може замислити. Са Пендулеом лако могу да улепшам ЦСС са своје стране. Само кликнем на клатно и кликом на дугме Погледајте ЦСС. Тада добијам нешто овако:
Ипак није баш читљив. Али кликните на Улепшајте ЦСС дугме и гледај како се магија дешава:
Сада разговарамо! Иако не можете ништа да промените у ЦСС приказу, ово је велико побољшање када је у питању компримовани ЦСС.
Руковање сликама
Пендуле нуди и неколико занимљивих услужних програма у вези са сликама:
“Погледајте информације о сликама“Вас води до потпуно нове веб странице која садржи све слике са тренутне странице, а свака има низ сродних информација:
Ово је практично јер вам омогућава да прегледате све слике једну по једну и појединачно их прегледате. На пример, неке веб локације послужују садржај са једног сервера и повезане слике са другог сервера (како би се ствари убрзале). Са овим приказом можете тачно да видите одакле долази свака слика и лако можете да пронађете оне које се не послужују из правог извора.
Такође можете прочитати Алт текст за сваку слику, који може бити кључан за СЕО понуде. Међутим, ако вас само занима Алт текст, Пендуле вам омогућава да лако прегледате ту страницу, користећи „Прикажи алт текст" опција. Када је омогућено, слике на вашој страници изгледају овако:
Овај случај је из симпатичног поста под насловом 3 знака Аппле намешта Мицрософт да постане зли царство, али поента овде је мали исјечак „алт =“ изнад слике. Изгледа као алат, али не морате да лебдите мишем преко њега да би се приказао. Са „Прикажи алт текст“, Можете само да се помичете по веб страници и тачно видите које слике недостају или нису тачне.
Мисцелланеоус Утилитиес
Мени Пендуле Мисцелланеоус Утилитиес нуди неколико занимљивих доброта. Тхе Погледајте ЈаваСцрипт производи једну веб страницу подељену у одељке, један одељак за сваку скрипту коју тренутна страница садржи. Као „Погледајте ЦСС"Опција са којом смо започели, Погледајте ЈаваСцрипт омогућава вам да улепшате код да бисте га учинили читљивим. ЈаваСцрипт је готово увек компримован (чак и више него ЦСС), тако да је ово врло згодна опција ако желите да читате код да бисте схватили како ствари функционишу.
Тхе “Линија приказаОпција "затамњује страницу и прекрива је променљивим оквиром који се може повући са малом налепницом која показује његове димензије у било којем тренутку. Ово је врло корисно за провјеру, на примјер, да ли су елементи правилно усклађени.
