06/01
Modu sentikorreko modua aktibatu eta erabili Safari 9n
Gaur egungo munduan dagoen garatzaile web izateak gailu eta plataformen laguntzarekin esan nahi du, eta horrek batzuetan frogatzen du zeregin handia izan daitekeela. Nahiz eta azken estandarretara egokitutako kode onenarekin ere, oraindik ere zure webgunearen zatiak ezingo dituzu begiratu gailu edo ebazpen jakin batzuetan nahi duzun moduan. Egoera aniztasun horri aurre egiteko erronkari aurre egitean, eskuinaldean dauden simulazio tresnak izatea eskerga izan daiteke.
Mac bat erabiltzen duen programatzaile askoren bat bazara, Safari-ren garatzaileen erremintak beti erabilgarriak izan dira. Safari 9-ren askapenarekin, funtzionalitate honen zabalera handitu egin da nabarmen, batez ere Diseinu Modu Erantzunari esker. Horrela, zure webgunea pantailako hainbat ebazpenetan eta iPad, iPhone eta iPod ukituetan nola egingo den erakutsiko dizu.
Tutorial honek xehetasunak nola erantzuteko Diseinu modua aktibatzeko eta nola garatu behar du zure garapenaren beharretara.
Lehenik eta behin, ireki zure Safari nabigatzailea.
02 de 06
Safari hobespenak
Egin klik Safari nabigazio menuan, pantailaren goialdean kokatuta. Goitibeherako menua agertzen denean, aukeratu goiko aukeretan Preferences option_ circled.
Kontuan izan teklatu lasterbide hau erabil dezakezula aipatutako menuko elementuari jarraiki: COMMAND + COMMA (,)
03 de 06
Erakutsi Garatu menua
Safari-ren Hobespenen elkarrizketa-koadroa agertuko da orain, zure arakatzailearen leihoaren gainjartzea. Lehenik eta behin, egin klik Ados aurreratuak ikurraren gainean_ engranajea eta leihoaren goiko eskuinaldean kokatuta.
Nabigatzailearen hobespen aurreratuak orain ikusgai egon behar dira. Behealdean aukera bat dago, kontrol-laukia, menu-barrako Erakutsi Garapena menua eta goiko adibidean zirkulatua. Egin klik kontrol-laukian behin menua aktibatzeko.
04 de 06
Idatzi sentikorren diseinu modua
Aukera berri bat eskuragarri egon beharko luke Safari menuan, pantailaren goialdean dagoena, Garatuarekin. Egin klik aukera honetan. Goitibeherako menuan agertzen denean, hautatu Enter Mode Diseinu sentikorra _ zirilduta goiko adibidean.
Kontutan izan teklatu lasterbide hau erabil dezakezula aipatutako menu-elementuaren menuan: OPTION + COMMAND + R
05 de 06
Diseinu modu sentikorra
Web orri aktiboa orain diseinu modu jasangarrian bistaratu behar da, goiko adibidean azaldu bezala. IPhonearen 6 bezalako zerrendatutako iOS gailuen bat hautatzea, edo 800 x 600 bezalako izendatutako pantailaren ebazpenetako bat hautatzen baduzu, berehala ikusiko duzu zein orriek gailu horretan edo pantailaren bereizmenean nola agertuko den.
Erakutsitako gailuen eta ebazpenez gain, Safari erabiltzaileari beste erabiltzaile-agente bat simulatzeko ere deitu ahal izango diozu, adibidez, beste arakatzaile batetik, bereizmen-ikonoen gainetik agertzen den goitibeherako menuan.
06ko 06
Garatu menua: beste aukera batzuk
Diseinu modu jasangarriaz gain, Safari 9 garatzeko menuak beste aukera erabilgarri batzuk eskaintzen dizkizu.
- Ireki orria honekin: Mac-en instalatuta dagoen beste edozein arakatze-orri aktiboa irekitzeko aukera ematen du.
- Erabiltzailearen agenteak: Erabiltzailearen agenteak aldatzea eragiten du Web zerbitzariak zure arakatzailea Safari 9 baino beste zerbait identifikatzeko.
- Konektatu Web Ikuskatzailea: Safari 9ren Web Ikuskatzaileak web orrialde baten baliabide guztiak erakusten ditu, CSS informazioa, DOM metrika eta egitura irakurtzeko gaitasuna emanez eta jatorrizko iturburu kodea gaitzeko.
- Erakutsi Error Console: Garatu Menuko erabilitako erabilerarik handienetako bat, kontsola honek JavaScript, HTML eta XML erroreak eta abisuak bistaratzen ditu.
- Erakutsi orrialdearen iturria: web orrialde aktiboaren iturburu-kodea ikusi eta bilatu dezakezu.
- Erakutsi orrialdearen baliabideak: aukera hau hautatzean uneko orriko dokumentuak, gidoiak, CSS eta bestelako baliabideak bistaratzen ditu.
- Erakutsi snippet-en editorea: kode zatiak editatu eta exekutatzeko gaitasuna ematen du, orrialde oso baten aurrean. Ezaugarri hau oso erabilgarria da proba-ikuspegitik.
- Erakutsi luzapena eraikitzailea: zure Safari luzapenak eraiki ditzakezu zure kodea paketatuz eta metadatuak eransten.
- Hasi Timeline Grabaketa: Hainbat elementu erregistratzen ditu sare eskaerak, JavaScript exekuzioa, orriaren errendatzea eta erabiltzaileak zehaztutako aldi baterako beste gertaerak barne. Guztiak ikusi ahal izango dituzu WebKit Inspector barruan.
- Kutxa hutsak: aukeran klik egitean Safari barruan gordetako katxetako guztiak ezabatzen ditu, ez bakarrik web cache-fitxategiak.
- Ezgaitu kakak: cachearekin desgaituta, baliabideak web orritik deskargatzen dira aldi bakoitzean sarbide eskaera egiten denean, tokiko cachea erabiliz.
- Onartu JavaScript bilaketa-eremu adimendunean: lehenespenez gaituta segurtasun arrazoiengatik, funtzio honek javascript duten URLak sartzen uzten dizu : Safari helbide-barran.
- Tratatu SHA-1 ziurtagiriak segurua ez den bezala: Short Hash Algoritmo segurua, SHA-1 hash funtzioa frogatu da jatorriz pentsatu baino seguruagoa izan dadin.Hala ere, aukera hau gehitu Safari 9n.
Lotutako Reading
Tutorial hau erabilgarria izanez gero, ziurtatu gure beste Safari 9 gidaliburuak ikusteko.
- Webgunearen Push Notifications nola kudeatu
- Nola esportatu web orri bat PDF fitxategi batera
- Nola konfiguratu Safari 9 luzapenak automatikoki eguneratzeko
- Saritutako Guneen Ezaugarriak nola erabili