Hvernig á að virkja og nota móttækilegan hönnunarham í Safari 9

01 af 06

Virkja og nota móttækilegan hönnunarstillingu í Safari 9

© Scott Orgera.

Tilvera vefhönnuður í heimi í dag þýðir að stuðla að tækjum og kerfum sem geta stundum reynst erfitt verkefni. Jafnvel með vel hannaðri kóðann sem fylgir nýjustu vefstöðlum getur þú samt sem áður fundið að hluta af vefsíðunni þinni mega ekki líta út eða virka eins og þú vilt að þau séu á ákveðnum tækjum eða ályktunum. Þegar frammi er fyrir áskoruninni að styðja við svo fjölbreyttar aðstæður, hafa réttar uppgerðartæki til ráðstöfunar ómetanleg.

Ef þú ert einn af mörgum forriturum sem nota Mac, hefur verktaki verktaki Safari alltaf komið sér vel. Með útgáfu Safari 9 hefur breidd þessa virkni aukist töluvert, aðallega vegna Móttækilegur Hönnun Mode_ sem gerir þér kleift að forskoða hvernig vefsvæðið þitt muni gera á ýmsum skjáupplausnum og á mismunandi uppbyggingum í iPad, iPhone og iPod.

Þessi einkatími lýsir því hvernig á að virkja móttækilegan hönnunarstillingu og hvernig á að nýta það fyrir þörfum þínum um þróun.

Fyrst skaltu opna Safari vafrann þinn.

02 af 06

Safari stillingar

© Scott Orgera.

Smelltu á Safari í vafranum valmyndinni, sem staðsett er efst á skjánum. Þegar fellivalmyndin birtist skaltu velja Preferences valkostinn hringinn í dæminu hér fyrir ofan.

Vinsamlegast athugaðu að þú getur notað eftirfarandi flýtilykla í staðinn fyrir ofangreinda valmyndaratriði: COMMAND + COMMA (,)

03 af 06

Sýna þróunarvalmynd

© Scott Orgera.

Valmynd valmyndar Safari verður nú að birtast, yfirborðs glugga. Smelltu fyrst á Advanced táknið sem táknað er með gír og er staðsett efst í hægra horninu í glugganum.

Ítarlegar stillingar vafrans ættu nú að vera sýnilegar. Neðst er valkostur í fylgd með kassa, merktur Sýna þróunarvalmynd í valmyndastiku og hringt í dæmið hér fyrir ofan. Smelltu einu sinni á kassann til að virkja þennan valmynd.

04 af 06

Sláðu inn móttækilegan hönnunarham

© Scott Orgera.

Nýr valkostur ætti nú að vera tiltækur í Safari-valmyndinni, staðsett efst á skjánum, merktur Þróa . Smelltu á þennan möguleika. Þegar fellivalmyndin birtist skaltu velja Sláðu inn Móttækileg hönnunarhamur _ hringur í dæmið hér fyrir ofan.

Vinsamlegast athugaðu að þú getur notað eftirfarandi flýtilykla í staðinn fyrir ofangreinda valmynd: OPTION + COMMAND + R

05 af 06

Móttækileg hönnunarstilling

© Scott Orgera.

Virka vefsíðan ætti nú að birtast í Móttækilegur Hönnunarstilling, eins og sýnt er í dæminu hér fyrir ofan. Með því að velja einn af iOS tækjunum sem taldar eru upp, svo sem iPhone 6, eða einn af tilnefndum skermupplausnunum, eins og 800x 600, geturðu strax skoðað hvernig síðunni muni birtast á því tæki eða í skjáupplausninni.

Til viðbótar við þau tæki og upplausn sem sýnd er getur þú einnig falið Safari að líkja eftir öðru notanda umboðsmanni - eins og einn frá annarri vafra - með því að smella á fellilistann sem er sýndur beint fyrir ofan upplausnartáknin.

06 af 06

Þróa valmynd: Aðrar valkostir

© Scott Orgera.

Í viðbót við Móttækilegan hönnunarham, býður upp á þróunarvalmynd Safari 9 margar aðrar gagnlegar valkostir_ sumar sem eru taldar upp hér að neðan.

Svipuð læsing

Ef þú fannst þetta handbók gagnlegt, vertu viss um að kíkja á aðra Safari 9 ganga okkar.