Izstrādātāju rīki Safari

Atveriet safari preferenču logu, noklikšķiniet uz opcijas 'Advanced' un pēc tam atlasiet rūtiņu 'Show development menu in menu bar'. Tieši uz priekšu! Rezultāts ir jauns lauks augšējā izvēlnē, kas izskatās šādi:

Izpētiet dizaina resursus

Ieslēdziet izvēlni Izstrādāt

Atveriet safari preferenču logu, noklikšķiniet uz opcijas 'Advanced' un pēc tam atlasiet rūtiņu 'Show development menu in menu bar'. Tieši uz priekšu! Rezultāts ir jauns lauks augšējā izvēlnē, kas izskatās šādi:

Lietotāja aģenta maiņa

Pārbaudot savu vietni, jāpatur prātā četras galvenās pārlūkprogrammas - Internet Explorer, Firefox, Safari un Opera. Iepriekš esam pārbaudījuši šo pārlūkprogrammu pārbaudi gan Windows, gan Mac platformās. Ja tomēr jums ir ātri jāizmanto kāds no šiem pārlūkiem, kas paredzēts lietotāja aģentam, lai pārbaudītu nosacītu formatējumu, Safari to padara vienkāršu. Lai pārbaudītu, kā jūsu vietne izturētos mobilajā ierīcē, ir iespējams arī pievilināt iPhone vai iPod Touch pārlūka lietotāja aģentu.

Lai gan tas neļauj pārbaudīt, kā jūsu vietne izskatās šajās pārlūkprogrammās, ir iespējams pārbaudīt, vai visi nosacītie formatējumi, pārlūkprogrammai noteiktā CSS vai mobilās ierīces pārvirzīšana darbojas, kā paredzēts.

Tīkla laika skala

Lai gan lietotāju aģentu emulēšana ir ērta, visnoderīgākais šī atjauninājuma funkcionalitāte ir tīkla laika skala. Tas piedāvā vizuālu attēlojumu katram vienumam, kas tiek ielādēts jūsu vietnē, kā arī nepieciešamo laiku un kopējo faila lielumu. Tas ļauj ļoti viegli redzēt, kuri lapas elementi palēnina lietotāju pieredzi un kur jūsu lapa ir jāsamazina.

Izmantojot Design Shack, izmantojot rīku, redzams, ka mūsu galvenais joslas platuma bullēns ir attēli vietnē - tas ir diezgan gaidīts vietnes rakstura dēļ! Tajā tika izcelti daži skripti, kuru ielāde prasīja ilgāku laiku, nekā mēs gaidījām, un nākotnē tas var būt pamats izmaiņām. Rīks izskatās, kad darbojas:

Lai arī līdzīgi analīzes rīki ir pieejami jau daudzus gadus, tas ir lielisks veids, kā vizualizēt savas vietnes aizmugurējo daļu. Mēģiniet palaist savu tīmekļa lapu caur to un paziņojiet mums, ja atrodat kaut ko interesantu!

© Copyright 2024 | computer06.com