01 o 06
Gweithredu a Ddefnyddio Modd Dylunio Ymatebol yn Safari 9
Mae bod yn ddatblygwr Gwe yn y byd heddiw yn golygu cefnogi bevy o ddyfeisiau a llwyfannau, a all weithiau fod yn dasg frawychus. Hyd yn oed gyda'r cod sydd wedi'i gynllunio'n dda sy'n glynu at y safonau Gwe diweddaraf, fe allwch chi ddarganfod nad yw darnau o'ch gwefan efallai'n edrych neu'n gweithredu'r ffordd yr ydych am eu defnyddio ar ddyfeisiau neu benderfyniadau penodol. Wrth wynebu'r her o gefnogi amrywiaeth mor eang o senarios, mae'n bosib y bydd yr offer efelychu cywir sydd ar gael i chi yn amhrisiadwy.
Os ydych chi'n un o'r nifer o raglenwyr sy'n defnyddio offeryn datblygwr Mac, Safari, mae bob amser wedi dod yn ddefnyddiol. Gyda rhyddhau Safari 9 mae ehangder y swyddogaeth hon wedi ehangu'n sylweddol, yn bennaf oherwydd Moderate Design Mode_ sy'n eich galluogi i gael rhagolwg o sut y bydd eich gwefan yn ei wneud mewn gwahanol benderfyniadau sgrin yn ogystal ag ar wahanol gynlluniau iPad, iPhone a iPod touch.
Mae'r tiwtorial hwn yn manylu ar sut i weithredu Modd Dylunio Ymatebol yn ogystal â sut i'w ddefnyddio ar gyfer eich anghenion datblygu.
Yn gyntaf, agorwch eich porwr Safari.
02 o 06
Dewisiadau Safari
Cliciwch ar Safari yn y ddewislen porwr, sydd ar frig y sgrin. Pan fydd y ddewislen yn disgyn, dewiswch yr opsiwn Preferences_ cylchredeg yn yr enghraifft uchod.
Nodwch y gallwch ddefnyddio'r llwybr byr bysellfwrdd canlynol yn lle'r eitem ddewislen uchod: COMMAND + COMMA (,)
03 o 06
Dangoswch Ddangoslen Ddatblygu
Erbyn hyn, dylai arddangosfa Dewisiadau Safari gael ei harddangos, gan gorgyffwrdd â'ch ffenestr porwr. Yn gyntaf, cliciwch ar yr icon Uwch a gynrychiolir gan offer ac wedi'i leoli yng nghornel uchaf dde'r ffenestr.
Dylai Dewisiadau Uwch y porwr fod yn weladwy erbyn hyn. Yn y gwaelod mae opsiwn gyda blwch siec, wedi'i labelu Show Develop menu yn y bar dewislen a'i gylchredeg yn yr enghraifft uchod. Cliciwch ar y blwch siec unwaith i weithredu'r ddewislen hon.
04 o 06
Rhowch Ddull Dylunio Ymatebol
Dylai opsiwn newydd fod ar gael yn eich dewislen Safari, sydd ar frig y sgrin, wedi'i labelu Datblygu . Cliciwch ar yr opsiwn hwn. Pan fydd y ddewislen yn disgyn, dewiswch Fod Modd Dylunio Ymatebol _ cylchredeg yn yr enghraifft uchod.
Sylwer y gallwch ddefnyddio'r llwybr byr bysellfwrdd canlynol yn lle'r eitem ddewislen uchod: OPTION + COMMAND + R
05 o 06
Modd Dylunio Ymatebol
Erbyn hyn, dylai'r dudalen We weithredol gael ei harddangos yn y Modd Dylunio Ymatebol, fel y dangosir yn yr enghraifft uchod. Drwy ddewis un o'r dyfeisiau iOS a restrir fel yr iPhone 6, neu un o'r penderfyniadau sgrin dynodedig sydd ar gael, megis 800 x 600, gallwch weld yn union sut y bydd y dudalen yn ei rendro ar y ddyfais honno neu yn y datrysiad arddangos hwnnw.
Yn ogystal â'r dyfeisiau a'r penderfyniadau a ddangosir, gallwch chi hefyd roi cyfarwyddyd i Safari i efelychu asiant defnyddiwr gwahanol - fel un o borwr gwahanol - trwy glicio ar y ddewislen sy'n disgyn yn uniongyrchol uwchben yr eiconau datrysiad.
06 o 06
Datblygu Dewislen: Opsiynau Eraill
Yn ogystal â Modd Dylunio Ymatebol, mae dewislen Safari 9's Develop yn cynnig llawer o ddewisiadau defnyddiol eraill a restrir isod.
- Tudalen Agored Gyda: Yn eich galluogi i agor y dudalen We weithgar mewn unrhyw borwr arall a osodir ar eich Mac ar hyn o bryd.
- Asiant Defnyddiwr: Mae newid asiant y defnyddiwr yn achosi gweinyddwyr Gwe i nodi eich porwr fel rhywbeth heblaw Safari 9.
- Cyswllt Arolygydd Gwe: Mae Arolygydd Gwe Safari 9 yn arddangos holl dudalennau tudalennau gwe, gan ddarparu'r gallu i atal gwybodaeth CSS, metricau a strwythur DOM, yn ogystal â'i chod ffynhonnell gynhenid.
- Dangos Gwall Chysur: Un o'r opsiynau a ddefnyddir yn y Dewislen Datblygu mwyaf, mae'r consol hon yn dangos gwallau a rhybuddion JavaScript, HTML a XML.
- Dangos Ffynhonnell Tudalen: Mae'n eich galluogi i weld a chwilio côd cod gweithredol y We.
- Dangos Adnoddau'r Dudalen: Mae dewis yr opsiwn hwn yn dangos dogfennau, sgriptiau, CSS ac adnoddau eraill o'r dudalen gyfredol.
- Dangos Golygydd Snippet: Yn darparu'r gallu i olygu a gweithredu darnau o god, yn hytrach na thudalen gyflawn. Mae'r nodwedd hon yn ddefnyddiol iawn o bersbectif profi.
- Dangoswch Adeiladwr Estyniad: Mae'n eich galluogi i adeiladu eich estyniadau Safari eich hun trwy becynnu eich cod yn unol â hynny ac argu metadata.
- Dechreuwch Cofnodi Llinell Amser: Cofnodi nifer o eitemau gan gynnwys ceisiadau am rwydwaith, gweithredu JavaScript, rendro tudalennau, a digwyddiadau eraill ar gyfer cyfnod a ddiffiniwyd gan ddefnyddiwr / pob un i'w weld yn Arolygydd Cyswllt Gwe.
- Caches Gwag: Mae clicio ar yr opsiwn hwn yn dileu'r holl storfa storio yn Safari, nid yn unig y ffeiliau cache gwefan safonol.
- Analluogi Caches: Gyda caching anabl, caiff adnoddau eu lawrlwytho o wefan bob tro y gwneir cais am fynediad yn hytrach na defnyddio'r cache lleol.
- Caniatáu JavaScript o'r Maes Chwilio Smart: Anabl yn ddiofyn am resymau diogelwch, mae'r nodwedd hon yn caniatáu i chi nodi URLau sy'n cynnwys javascript: yn y bar cyfeiriad Safari.
- Trin Tystysgrifau SHA-1 yn Aneglur: Byr ar gyfer Algorithm Hash Diogel, profwyd bod y swyddogaeth hash SHA-1 yn llai diogel nag a feddylwyd yn wreiddiol, ac felly ychwanegu'r opsiwn hwn yn Safari 9.
Darllen Cysylltiedig
Os cawsoch chi'r tiwtorial hwn yn ddefnyddiol, sicrhewch eich bod yn edrych ar ein taith gerdded Safari 9 eraill.
- Sut i Reoli Hysbysiadau Push Gwefan
- Sut i Allforio Tudalen We i Ffeil PDF
- Sut i Gosod Safari 9 Estyniadau i Ddiweddariad Awtomatig
- Sut i ddefnyddio'r Nodwedd Safleoedd Pinned