01 nga 06
Aktivizo dhe Përdor Modulin e Përgjegjshëm të Projektimit në Safari 9
Duke qenë një zhvillues i uebit në botën e sotme do të thotë të mbështesësh një numër të pajisjeve dhe platformave, të cilat nganjëherë mund të jenë një detyrë e frikshme. Edhe me kodin më të mirë të dizajnuar, duke u përmbajtur standardeve të fundit të internetit, mund të gjeni ende se pjesët e faqes suaj të internetit nuk mund të duken ose të veprojnë ashtu siç dëshiron ata në disa pajisje ose rezolucione të caktuara. Kur ballafaqohemi me sfidën e mbështetjes së një koleksioni të tillë të gjerë skenarësh, të kesh mjetet e duhura të simulimit në dispozicionin tuaj, mund të jenë të paçmueshme.
Nëse jeni një nga programuesit e shumtë që përdor një Mac, veglat e zhvilluesit të Safari-t gjithmonë kanë ardhur në dobi. Me lirimin e Safari 9, gjerësia e këtij funksionaliteti është zgjeruar në mënyrë të konsiderueshme, kryesisht për shkak të Modalitetit të Përgjegjshëm të Dizajnit, i cili ju lejon të shikoni se si do të paraqitet faqja juaj në rezolucione të ndryshme të ekranit, si dhe në ndërfaqe të ndryshme të iPad, iPhone dhe iPod touch.
Ky tutorial detajon se si të aktivizoni Modulin e Përgjegjshëm të Projektimit, si dhe si ta shfrytëzoni atë për nevojat tuaja të zhvillimit.
Së pari, hapni shfletuesin Safari.
02 nga 06
Preferencat e Safari
Klikoni në Safari në menunë e shfletuesit, e vendosur në krye të ekranit. Kur shfaqet menyja e zbritjes, zgjidhni opsionin Preferences_ rrethuar në shembullin e mësipërm.
Ju lutem vini re se ju mund të përdorni shkurtoren e mëposhtme të tastierës në vend të elementit të lartpërmendur të menusë: COMMAND + COMMA (,)
03 nga 06
Trego zhvillimin e menusë
Tani duhet të shfaqet dialogu i Preferencave të Safari-t, duke mbuluar dritaren e shfletuesit tuaj. Së pari, klikoni ikonën Advanced icon represented by a gear dhe gjendet në cepin e sipërm të djathtë të dritares.
Preferencat e avancuara të shfletuesit tani duhet të jenë të dukshme. Në pjesën e poshtme është një opsion i shoqëruar nga një kuti kontrolli, emërtuar Trego Shfaq menu në shiritin e menysë dhe rrethuar në shembullin e mësipërm. Klikoni në kutinë e kontrollit një herë për të aktivizuar këtë meny.
04 nga 06
Futni Modalitetin e Përgjegjshëm të Dizajnit
Një opsion i ri tani duhet të jetë i disponueshëm në menunë Safari, që ndodhet në krye të ekranit, emërtuar " Zhvillo" . Klikoni mbi këtë opsion. Kur shfaqet menyja e zbritjes, zgjidhni Shkruaj Modulin e Përgjegjshëm të Projektimit _ të rrethuar në shembullin e mësipërm.
Ju lutem vini re se ju mund të përdorni shkurtoren e mëposhtme të tastierës në vend të elementit të lartpërmendur të menusë: OPTION + COMMAND + R
05 i 06
Modaliteti i Përgjegjshëm i Projektimit
Tani, faqja aktive duhet të shfaqet në Modalitetin e Përgjegjshëm të Projektimit, siç tregohet në shembullin e mësipërm. Duke përzgjedhur një nga pajisjet iOS të listuara si iPhone 6 ose një nga zgjidhjet e ekranit të disponueshme të tilla si 800 x 600, ju mund të shihni menjëherë se si faqja do të shfaqet në atë pajisje ose në atë rezolucion të ekranit.
Përveç pajisjeve dhe rezolucioneve të paraqitura, gjithashtu mund të udhëzosh Safari-n që të simulojë një agjent të ndryshëm të përdoruesit - siç është ai nga një shfletues tjetër - duke klikuar në menunë zbritëse të treguar direkt mbi ikonat e rezolutës.
06 i 06
Zhvilloni Menu: Mundësi të tjera
Përveç Modalitetit të Përgjegjshëm të Dizajnit, menuja e Zhvillimit të Safari 9 ofron shumë opsione të tjera të dobishme, disa të cilat janë renditur më poshtë.
- Hapni faqe me: Lejon të hapni faqen aktive në çdo shfletues tjetër të instaluar aktualisht në Mac.
- Agjenti i Përdoruesit: Ndryshimi i agjentit të përdoruesit shkakton servera Web për të identifikuar shfletuesin tuaj si diçka tjetër përveç Safari 9.
- Kontakto Web Inspector: Web Inspector Safari 9 tregon të gjitha burimet e një faqeje Web, duke ofruar mundësinë për të lexuar informacionin CSS, metrics DOM dhe strukturën, si dhe kodin e burimit të saj amtare.
- Trego Error Console: Një nga opsionet më të përdorura gjerësisht në Menunë e Zhvillimit, kjo konsol shfaq JavaScript, HTML dhe XML gabimet dhe paralajmërimet.
- Trego Source Page: Mundëson shikimin dhe kontrollin e kodit burimor të faqes së internetit aktive.
- Shfaqni burimet e faqes: Përzgjedhja e këtij opsioni shfaq dokumentet, skriptet, CSS dhe burimet e tjera nga faqja aktuale.
- Show Editor Snippet: Ofron aftësinë për të modifikuar dhe ekzekutuar fragmente të kodit, në krahasim me një faqe të plotë. Kjo veçori është shumë e dobishme nga një perspektivë testimi.
- Trego Ndërtuesin e Zgjerimit: Ju lejon të ndërtoni extensions tuaj Safari duke paketuar kodin në mënyrë përkatëse dhe duke shtuar meta të dhëna.
- Filloni Regjistrimin Afati: Regjron një numër të artikujve duke përfshirë kërkesat e rrjetit, ekzekutimin e JavaScript, renditjen e faqeve dhe ngjarjet e tjera për një periudhë të përcaktuar nga përdoruesi, të gjitha të shikueshme brenda Inspektorit të WebKit.
- Cache bosh: Duke klikuar mbi këtë opsion fshin të gjitha cache të ruajtura brenda Safari, jo vetëm skedarët standardë të faqes së internetit.
- Çaktivizo arkivat: Me caching me aftësi të kufizuara, burimet shkarkohen nga një faqe interneti çdo herë që të bëhet një kërkesë për qasje, në vend të përdorimit të cache lokal.
- Lejo JavaScript nga Fusha e Kërkimit të Zgjuar: Disabled nga default për arsye sigurie, ky funksion ju lejon të futni URL që përmbajnë javascript: në shiritin e adresës së Safari-t.
- Trajtimi i certifikatave SHA-1 si të pasigurta: i shkurtër për algoritmin e sigurtë të heshave, funksioni i hash SHA-1 është provuar të jetë më pak i sigurtë nga sa ishte menduar fillimisht, prandaj shtimi i këtij opsioni në Safari 9.
Lexime të ngjashme
Nëse keni gjetur këtë tutorial të dobishme, sigurohuni që të shikoni ecurinë tonë të Safari 9 të tjerë.
- Si të Menaxho Njoftimet e Pushimeve të Internetit
- Si të eksportoni një faqe në një skedar PDF
- Si të Konfiguro Safari 9 Zgjerime të Përditësojë Automatikisht
- Si të përdorni funksionin e faqeve të mbështetura