01 de 06
Aktivigi kaj Uzu Respondema Dezajno Modo en Safaro 9
Esti TTT-programilo en la mondo de la mondo signifas subteni programon de aparatoj kaj platformoj, kiuj foje povas rezulti teruran taskon. Eĉ kun la plej bone desegnita kodo, kiu aliĝas al la plej novaj TTT-normoj, vi ankoraŭ povas trovi, ke partoj de via retejo eble ne aspektas aŭ agas kiel vi volas ilin en iuj aparatoj aŭ rezolucioj. Kiam alfrontas la defion subteni tian ampleksan rangon de scenoj, havante la ĝustajn simulacajn ilojn al via dispono povas esti valora.
Se vi estas unu el la multaj programistoj, kiuj uzas Mac, la programilo-iloj de Safari ĉiam praktikis. Kun la liberigo de Safaro 9 la amplekso de ĉi tiu funkciado vastigis konsiderinde, ĉefe pro Responsive Design Mode, kiu ebligas al vi antaŭrigardi kiel via retejo redonos ĉe diversaj ekranaj rezolucioj same kiel pri malsamaj iPad, iPhone kaj iPod-taŭgaj konstruaĵoj.
Ĉi tiu lernilo detaligas kiel aktivigi Respondema Dezajno kaj kiel uzi ĝin por via evoluo.
Unue, malfermu vian Safaron-retumilon.
02 de 06
Preferoj de Safaro
Alklaku sur Safaro en la retumilo, lokita ĉe la supro de la ekrano. Kiam la malpleniga menuo aperas, elektu la Prefektan opcion_ cirklita en la ekzemplo supre.
Bonvolu noti, ke vi povas uzi la sekvan klavaron en loko de la menciita menuo: COMMAND + COMMA (,)
03 de 06
Montru evoluigi menuon
La dialogo de la safaraj agordoj nun devas esti montrata, transmetante vian retumilon. Unue, alklaku la Altnivelajn bildojn reprezentitajn per dentaĵo kaj lokitaj en la supra dekstra angulo de la fenestro.
La Altnivelaj Preferoj de la retumilo nun estu videblaj. En la fundo estas eblo akompanata de markobutono, etikedita menuo Show Develop en menuo kaj cirklita en la ekzemplo supre. Alklaku la markobutonon unufoje por aktivigi ĉi tiun menuon.
04 de 06
Eniri Respondema Dezajno Modo
Nova opcio nun devas esti disponebla en via Safaro-menuo, lokita ĉe la supro de la ekrano, etikedita Elvolviĝo . Alklaku ĉi tiun opcion. Kiam la falmenuo aperas, elektu Enmetu Respondema Dezajno- cirklita en la ekzemplo supre.
Bonvolu noti, ke vi povas uzi la sekvan klavaron en loko de la menciita menuo: OPTION + COMMAND + R
05 de 06
Respondema Dezajno Modo
La aktiva TTT-paĝo devus nun esti montrata en Respondema Dezajno, kiel montriĝas en la ekzemplo supre. Elektante unu el la iOS-aparatoj enlistigitaj kiel ekzemple la iPhone 6, aŭ unu el la elektitaj ekranaj rezolucioj haveblaj kiel 800 x 600, vi povas tuj vidi kiel la paĝo redonos en tiu aparato aŭ en tiu ekrano-rezolucio.
Aldone al la aparatoj kaj rezolucioj montritaj, vi povas ankaŭ instrui Safaron por simuli malsaman uzantan agenton - kiel unu el alia retumilo - klakante sur la malsupren-menuo montrita rekte super la ikonoj de rezolucio.
06 de 06
Evoluigi Menuo: Aliaj Ebloj
Krom Respondema Desegna Modo, Safari 9's Develop menuo ofertas multajn aliajn utilajn eblojn, iujn, kiuj estas listigitaj sube.
- Malferma paĝo kun: Permesas al vi malfermi la aktivan TTT-paĝon en iu ajn alia retumilo instalita en via Mac.
- Uzanto-Agento: Ŝanĝi la uzanton-agenton kaŭzas Retelajn servilojn por identigi vian retumilon kiel io krom Safaro 9.
- Konektu TTT-Inspektoron: la TTT-inspektisto de Safaro 9 montras ĉiujn rimedojn de retpaĝoj, havigante la kapablon perdi CSS-informojn, metodojn kaj strukturojn de DOM, same kiel ĝian denaskan fontkodon.
- Montri eraron-konzolon: Unu el la plej vaste uzataj ebloj en la Evoluado-Menuo, ĉi tiu konzolo montras erarojn de Javascript, HTML kaj XML kaj avertoj.
- Montri paĝan fonton : Permesas rigardi kaj serĉi la fontkodon de la aktiva retejo.
- Montri paĝajn rimedojn: Elektante ĉi tiun opcion montras dokumentojn, skriptoj, CSS kaj aliaj rimedoj de la nuna paĝo.
- Montri fragmenton de redaktilo: Provizas la kapablon redakti kaj ekzekuti fragmentojn de kodo, kontraŭe al kompleta paĝo. Ĉi tiu trajto estas tre utila de atestanta perspektivo.
- Montri etendan konstruiston: Permesas al vi konstrui viajn proprajn Safari-etendojn per pakado de via kodo laŭe kaj aldonante metadatojn.
- Komenci Timeline Recording: Reklamas multajn erojn inkluzive de retoj-petoj, JavaScript ekzekuto, paĝ-bildigo kaj aliaj eventoj por uzanto difinita periodo_ ĉiuj videblaj ene de la WebKit Inspektisto.
- Malplenaj Cachoj: alklakante ĉi tiun opcion, ĝi forigas ĉiun kaŝmemoritan kaŝmemoron ene de Safaro, ne nur la norma retejo kaŝmemoraj dosieroj.
- Malŝalti Caches: Kun caching malŝaltita, rimedoj elŝutas el retejo ĉiufoje kiam aliro petas kontraŭe al uzado de la loka kaŝmemoro.
- Permesu JavaScript de Smart Search Field: Malŝaltita defaŭlte por sekurecaj kialoj, ĉi tiu funkcio ebligas al vi eniri URLojn kun Javaskripto: en la trinkejo de Safaro.
- Trakti SHA-1 Atestojn kiel Sekurecan: Mallongaj por Sekura Hash Algoritmo, la SHA-1 hash-funkcio estis pruvis esti malpli sekura ol origine pensita, tial aldonita ĉi tiu opcio en Safaro 9.
Rilatita Legadon
Se vi trovis ĉi tiun lernilon utila, nepre kontrolu nian aliajn Safari-9 paŝojn.
- Kiel Administri Retejon Push Sciigoj
- Kiel Eksporti TTT-paĝon al PDF-dosiero
- Kiel agordi Safari 9 Etendojn por Aŭtomate Ĝisdatigi
- Kiel Uzi la Pinned Sites Feature