01 06
Aktiveerige ja kasutage funktsionaalset disaini režiimi Safari 9-s
Tänapäeva maailmas veebiarendajaks on seadmete ja platvormide loomise toetamine, mis mõnikord võib osutuda hirmutavaks ülesandeks. Isegi kõige paremini kujundatud koodiga, mis järgib uusimaid veebistandardeid, võite ikkagi leida, et teie veebisaidi osad ei pruugi teatud seadmetel või resolutsioonidel otsida või toimida nii, nagu te neid soovite. Kui silmitsi seista silmitsi sellise hulga erinevate stsenaariumide leidmisega, on teie käsutuses olevate õigete simulatsioonivahendite kasutamine hindamatu.
Kui olete üks paljudest programmeerijatest, kes kasutavad Maci, on Safari arendaja tööriistakomplekt alati olnud kasulik. Safari 9 vabastamisega on selle funktsionaalsuse laius märkimisväärselt laienenud, peamiselt tänu vastupidise disaini režiimile _, mis võimaldab teil eelvaadelda, kuidas teie sait kuvatakse erinevatel ekraanipiltidel, samuti erinevatel iPadis, iPhone'il ja iPod touch'il.
Selles juhendis selgitatakse, kuidas aktiveerida reageerimisvõimalusi disaini režiimis ja kuidas seda oma arenguvajaduste jaoks kasutada.
Esmalt avage Safari brauser.
02 06
Safari eelistused
Klõpsake brauseri menüüs Safari brauseri menüüs, mis asub ekraani ülaosas. Kui ilmub rippmenüü, valige ülaltoodud näites valik " Eelistused" .
Pidage meeles, et eelmise menüüelemendi asemel saate kasutada järgmist kiirklahvi: COMMAND + COMMA (,)
03 alates 06
Näita arenda menüüd
Safari eelistuste dialoogi peaks nüüd kuvama, teie brauseri akna ülekate. Kõigepealt klõpsake akna ülemises parempoolses nurgas asuvat täpsemat nuppu, mida esindab hammasratas.
Brauseri täpsemad eelistused peaksid nüüd olema nähtavad. Allosas on valik, millele on lisatud märkeruut, mille menüüribal on käsk Näita menüüd ja kuvatakse ülalolevas näites. Selle menüü aktiveerimiseks klõpsake ühe korraga.
04 06
Sisestage reageeriv disainirežiim
Teie Safari menüüst, mis asub ekraani ülaosas ja mille pealkirjaks on väljatöötamine, peaks nüüd olema uus valik. Klõpsake seda võimalust. Kui ilmub rippmenüü, valige ülaltoodud näites ümardatud reavahendi režiimi tekst .
Pidage meeles, et eelmise menüükirje asemel saate kasutada järgmist kiirklahvi: OPTION + COMMAND + R
05 06
Vastupidav disainirežiim
Aktiivne veebileht tuleks nüüd kuvada reageerimisrežiimis, nagu on näidatud ülaltoodud näites. Kui valite mõne iOS-i seadme, näiteks iPhone 6 või mõne ekraanil oleva määratud ekraani resolutsiooni (nt 800 x 600), saate kohe näha, kuidas leht selle seadme või selle ekraani eraldusvõimega kuvatakse.
Lisaks kuvatavatele seadmetele ja resolutsioonidele saate ka juhendada Safari, et simuleerida erinevat kasutajaagenti (nt üks teisest brauserist), klõpsates resolutsioonikoonide otseülespool kuvataval rippmenüül.
06 06
Arendage menüü: Muud valikud
Lisaks vastupidise disaini režiimile pakub Safari 9 välja töötamise menüü mitmeid teisi kasulikke võimalusi, mis on loetletud allpool.
- Avatud leht koos: võimaldab avada aktiivse veebi lehe mis tahes muul brauseris, mis on Macis installitud.
- Kasutajaagent: kasutajaagendi muutmine põhjustab veebiserveritel teie brauseri tuvastamiseks midagi muud kui Safari 9.
- Veebiinspektori ühendamine : Safari 9 veebiinspektor kuvab kõik veebisaidi ressursid, pakkudes võimalust tutvuda CSS-i teabe, DOMi mõõdiku ja struktuuriga, samuti selle kohaliku lähtekoodi.
- Show Error Console: üks arutlusmenüü üks kõige laialdasemalt kasutatavatest valikutest kuvab selle konsooli JavaScript, HTML ja XML-vead ja hoiatused.
- Kuva lehe allikas: võimaldab vaadata ja otsida aktiivse veebisaidi lähtekoodi.
- Näita lehe ressursse: selle valiku avamine kuvab aktiivsele lehele dokumente, skripte, CSS-i ja muid ressursse.
- Näita fragment toimetajat: annab võimaluse koodi fragmente muuta ja täita, erinevalt täieliku lehe. See funktsioon on katsest lähtuvalt väga kasulik.
- Show Extension Builder: saate luua oma Safari laiendid, pakkides vastavalt oma koodi ja lisades metaandmed.
- Alusta ajalõpetust Salvestamine: salvestab arvukalt objekte, sealhulgas võrgutaotusi, JavaScripti täitmist, lehtede renderdamist ja muid kasutaja määratud perioodiga seotud sündmusi. Kõik on vaadatavad veebikeskuse inspektoris.
- Tühjenda vahemälu: klõpsates seda võimalust, kustutatakse kogu Safari salvestatud vahemälu, mitte ainult tavalised veebisaidi vahemälufailid.
- Keelake vahemälu: vahemällu pukseerimisel laaditakse ressursid veebisaidilt iga kord, kui juurdepääsutaotlus tehakse, selle asemel, et kasutada kohalikku vahemälu.
- Luba JavaScripti Smart Search Fieldist: vaikimisi on turvakaalutlustel keelatud see funktsioon võimaldab sisestada javascripti sisaldavaid URL-e : Safari aadressiribal.
- SHA-1 sertifikaatide käsitlemine ebaturvaliseks: lühendus Secure Hashi algoritmi jaoks on SHA-1 hash-funktsioon osutunud vähem turvaliseks kui algselt mõtlesin, seega on selle võimaluse lisamine Safari 9-s.
Seotud lugemine
Kui leiate, et see juhendaja on kasulik, vaadake kindlasti meie muud Safari 9 käsiraamatud.
- Kuidas hallata veebisaidi push notifications
- Kuidas veebileht PDF-faili eksportida?
- Kuidas konfigureerida Safari 9 laiendusi automaatselt uuendada
- Kuidas kasutada kinnitatud saitide funktsiooni