Arendaja tööriistad Safaris

Avage safari eelistuste aken, klõpsake suvandil „täpsem” ja valige siis ruut pealkirjaga „Kuva arendusmenüü menüüribal”. Otse edasi! Tulemuseks on ülamenüü uus väli, mis näeb välja järgmine:

Tutvuge disainiressurssidega

Menüü Arendamine sisselülitamine

Avage safari eelistuste aken, klõpsake suvandil „täpsem” ja valige siis ruut pealkirjaga „Kuva arendusmenüü menüüribal”. Otse edasi! Tulemuseks on ülamenüü uus väli, mis näeb välja järgmine:

Kasutajaagendi muutmine

Oma veebisaidi testimisel tuleb silmas pidada nelja peamist brauserit - Internet Explorer, Firefox, Safari ja Opera. Oleme varem kirjeldanud nende brauserite testimist nii Windowsi kui ka Mac-i platvormidel. Kui tingliku vormingu kontrollimiseks peate siiski kiiresti kasutama mõnda neist brauseritest, peate Safari selle hõlpsalt kasutama. Samuti on võimalik iPhone'i või iPod Touchi brauseri kasutajaagenti petta, et kontrollida, kuidas teie veebisait käituks mobiilseadmes:

Kuigi see ei võimalda teil testida, kuidas teie veebisait nendes brauserites välja näeb, on võimalik kontrollida, kas tingimuslik vormindamine, brauseripõhine CSS või mobiilseadme ümbersuunamine toimib ootuspäraselt.

Võrgu ajatelg

Ehkki kasutajaagendi jäljendamine on käepärane, on selle värskenduse kõige kasulikum funktsioon võrgu ajajoon. See pakub teie veebisaidile iga üksuse laadimise visuaalset esitust koos kulutatud aja ja faili kogumahuga. Selle abil on väga lihtne näha, millised lehe elemendid aeglustavad kasutajakogemust ja kus teie leht vajab kärpimist.

Design Shacki käitamine tööriista kaudu näitab, et meie peamine ribalaius on saidil olevad pildid - veebisaidi olemuse tõttu üsna ootuspärane! See tõstis esile mõned skriptid, mille laadimine võttis kauem kui me ootasime ja võib tulevikus olla muudatuste aluseks. Tööriist töötab välja järgmiselt:

Ehkki sarnaseid analüüsivahendeid on olnud juba aastaid saadaval, on see suurepärane võimalus veebisaidi tagakülje visualiseerimiseks. Proovige oma veebileht selle kaudu käivitada ja andke meile teada, kui leiate midagi huvitavat!

© Copyright 2023 | computer06.com