- - Chrome atsaucīgais inspektors ir lielisks reaģējoša dizaina mācību līdzeklis

Chrome reaģējošais inspektors ir lielisks reaģējoša dizaina mācību līdzeklis

Izstrādātāju rīkos pārlūks Chrome nav pārāk liels, untas ir viens no iemesliem, kāpēc Firefox ir atvērtais pārlūks lielākajai daļai izstrādātāju. Tomēr tiem, kas izmanto pārlūku Chrome, ir pieejami daudzi paplašinājumi, kas viņiem šajā sakarā palīdzēs. Atsaucīgais inspektors ir Chrome paplašinājums, kas var pamatoti konkurēt arResponsive Design View, kuru Mozilla ieviesa pārlūkprogrammā Firefox 15. Responsive Inspector ir rīks divi vienā; tas parāda jums ekrāna izmērus, kuriem vietne ir optimizēta, un ļauj ātri pārslēgties uz citu, nevis uznirstošo. Turklāt tas var aizņemt tīmekļa lapas ekrānuzņēmumus, kas pielāgoti kādam no šiem izmēriem. Vietnēm, kuras jau ir optimizētas noteiktiem ekrāna izmēriem, varat apskatīt par to atbildīgo CSS kodu, padarot to par lielisku mācību rīku arī atsaucīgiem dizaina izstrādātājiem.

Reaktīvais inspektors pievieno kvadrātveida pogu blakusURL josla, kas atver uznirstošo logu. Paplašinājums parāda visus ekrāna izmērus, kuriem pašreiz ielādētā vietne ir optimizēta, izmantojot joslas. Ekrāna izmērs ir uzrakstīts katras joslas beigās, un pikseļu skala augšpusē parāda dažādus ekrāna izmērus. Pārvietojiet peli virs skalas un katrai kalibrēšanas līnijai parādīsies uznirstošais logs, kas parādīs ekrāna izmēru, kuru tas apzīmē. Šajā pašā uznirstošajā logā ir poga mainīt izmēru, kā arī kamera. Noklikšķinot uz iepriekšējās, pārlūka logs automātiski tiks mainīts līdz tādam platumam. Pēc tam varat noklikšķināt uz kameras pogas, lai uzņemtu ekrānuzņēmumu, ja vēlaties. Ekrānuzņēmumu var saglabāt lokālajā diskā vai augšupielādēt vietnē Behance.net. Ja jūtat nepieciešamību pēc precīzākas pikseļu skalas, noklikšķiniet uz tuvināšanas pogas, lai to palielinātu.

atsaucīga inspektora ekrānuzņēmums

Lai skatītu CSS, ko izmanto skatīšanas opciju kodēšanai,Virziet peles kursoru virs vienas no joslām, kas attēlo vietnes optimizēto ekrāna izmēru, un tās beigās tiks parādīta poga {}. Noklikšķiniet uz tā, lai skatītu CSS kodu jaunā cilnē. Kods nav tieši rediģējams, taču, lai veiktu izmaiņas, varat to nokopēt vai izmantot inspekcijas rīku. Atbildīgais inspektors diezgan labi atdarina atsaucīgā dizaina skatu pārlūkprogrammā Firefox; patiesībā nebūtu nepareizi teikt, ka paplašinājums ir griezums virs rīka. Kur Firefox dod iestatījumus ekrāna lielumam, Responsive Inspector sniedz jums visu mērogu un daudz brīvības, un tur ir ekrānuzņēmuma rīks. Iepriekš iestatīti reaģējošie inspektori būtu daudz noderīgāki, un tie būtu jāpievieno. Lai arī pat bez tiem, paplašinājums darbojas izcili labi.

Instalējiet adaptīvo inspektoru no Chrome interneta veikala

Komentāri