01 - 06
Safari 9-д Зорилтот дизайн горимыг идэвхжүүлж ашиглах
Өнөөгийн ертөнцөд вэб хөгжүүлэгч байх гэдэг нь заримдаа төхөөрөмж, платформыг дэмжихэд хүргэдэг бөгөөд энэ нь заримдаа хэцүү даалгавар болж чадна. Хэдийгээр хамгийн сайн боловсруулсан код нь хамгийн сүүлийн үеийн Вэб стандартыг дагаж мөрдөж байгаа ч та вэбсайтын зарим хэсгийг харахыг хүсэхгүй эсвэл тодорхой төхөөрөмжүүд эсвэл тогтоолууд дээр ажиллахыг хүсэхгүй байж болно. Ийм өргөн цар хүрээтэй хувилбаруудыг дэмжихэд тулгараад буй сорилт бэрхшээлийг даван туулахдаа зөв зохиомжлох хэрэгсэлтэй байх нь үнэлж баршгүй юм.
Хэрэв та Mac-г ашигладаг олон програмистуудын нэг бол Safari-ийн хөгжүүлэгч багаж нь үргэлж амархан байдаг. Safari 9-ийн хувилбараар энэхүү функц нь өргөн цар хүрээтэй өргөжиж, Responsibility Design Mode_-ийн тусламжтайгаар танай сайт хэрхэн янз бүрийн дэлгэцийн нарийвчлал болон iPad, iPhone, iPod touch бүтээх талаар үзүүлэх боломжийг танд олгоно.
Энэхүү зааварчилгааг Responsive Design Mode-г хэрхэн идэвхжүүлэх, түүнчлэн үүнийг хөгжүүлэх хэрэгцээнд хэрхэн ашиглах талаар дэлгэрэнгүй тайлбарласан.
Нэгдүгээрт, таны Safari хөтчийг нээнэ үү.
02 of 06
Сафари тохиргоо
Дэлгэцийн дээд хэсэгт байрлах хөтчийн цэсэнд Safari дээр дарна уу. Унтраах цэс гарч ирэх үед дээрх сонголтоор Тохиргооны сонголт_ -г сонгоно уу.
Дээр дурдсан цэсний оронд дараах гарын товчлуурыг ашиглах боломжтой болохыг анхаарна уу: COMMAND + COMMA (,)
03 - 06
Цэсийг хөгжүүлээрэй
Safari's Preferences цонхонд одоо браузерын цонхнуудыг буулгах ёстой. Эхлээд дэвшилтэт icon_ дээр араагаар дүрслэгдсэн цонхны баруун дээд буланд байрладаг.
Хөтчийн Нарийвчилсан тохиргоо нь одоо харагдах болно. Доод тал нь сонголттой цэстэй хамт Show Develop цэсийг цэсний бланк дээр хаяглан, дээрх жишээнд оруулаарай. Энэ цэсийг идэвхжүүлэхийн тулд нэг удаа дарна уу.
04 - 06
Responsive Design Mode-г оруулна уу
Шинэ сонголтыг одоо хөгжүүлж хаягласан дэлгэцийн дээд хэсэгт байрлах Safari цэснээс авах боломжтой. Энэ сонголтыг дарна уу. Унтраах цэс гарч ирэхэд, дээрээ жишээн дээрээ эргэлдэж Харуулах загвар дизайн горимыг сонго.
Дээр дурдсан цэсний оронд дараах гарын товчлуурыг ашиглаж болно гэдгийг анхаарна уу: OPTION + COMMAND + R
05 - 06
Responsive Design Mode
Идэвхтэй Вэб хуудсыг энэ жишээнд үзүүлсэн шиг Responsive Design Mode -д харуулах ёстой. Жишээ нь iPhone 6 гэх мэт iOS төхөөрөмжүүдийн аль нэгийг сонгох эсвэл 800 x 600 гэх мэт зориулалтын дэлгэцийн нарийвчлалуудын аль нэгийг сонгоод тэрхүү төхөөрөмж дээр тухайн хуудсыг үзүүлэх эсвэл тэрхүү дэлгэцийн нягтрал хэрхэн нээгдэхийг даруй үзэх боломжтой.
Үзүүлсэн төхөөрөмжүүд болон нарийвчлалуудаас гадна Сайжари нь янз бүрийн хөтөчийг дүрслэн дүрсэлсэн дүрснээс дээгүүр харуулсан уналтын цэснээс товшоод өөр хөтөч гэх мэт хэрэглэгчдийг дуурайж болно.
06 - 06
Цэсийг хөгжүүлэх: Бусад сонголтууд
Responsive Design Mode -аас гадна Safari 9-ийн Хөгжим цэс нь доор жагсаасан зарим олон ашигтай сонголтуудыг санал болгодог.
- Нээлттэй хуудас: Маск дээр суусан өөр бусад хөтөч дээр идэвхтэй вэб хуудсыг нээх боломжтой.
- Хэрэглэгчийн агент: Хэрэглэгчийн агентийг өөрчлөх нь Вэб серверүүд нь таны хөтөчийг Safari 9-ээс өөр ямар нэг зүйлээр танихад хүргэдэг.
- Вэб шалгагчийг холбох: Safari 9-ийн Вэб Inspector нь вэбсайтын бүх нөөцийг харуулдаг бөгөөд CSS мэдээлэл, DOM хэмжигдэхүүн, бүтэц, түүний эх кодыг судлах боломжийг олгодог.
- Харуулах алдааны консол: Хөгжүүлэлтийн цэсэнд хамгийн өргөн хэрэглэгддэг сонголтуудын нэг, энэ консол нь JavaScript, HTML, XML алдаанууд болон сэрэмжлүүлэгүүдийг харуулдаг.
- Хуудасны эх сурвалжийг харуулах: Идэвхтэй Вэб хуудсын эх кодыг харах, хайх боломжийг танд олгоно.
- Хуудасны эх сурвалжийг харуулах: Энэ сонголтыг сонгосноор одоогийн хуудаснаас бичиг баримтууд, скриптүүд, CSS болон бусад эх сурвалжуудыг харуулна.
- Шошангийн зүсэлтийн харуулах хэсэг: Бүрэн хуудасны эсрэг бус кодын хэсгийг засварлах, ажиллуулах чадвартай. Энэ боломж нь тестийн талаас маш ашигтай байдаг.
- Өргөтгөлийн бүтээгчийг харуулах: Өөрийн кодыг багц байдлаар тохируулан мета өгөгдлийг нэмэх замаар өөрийн Safari өргөтгөлүүдийг бүтээх боломжтой.
- Вэбсайтын бичлэгийг эхлүүлэх: Вэбкайт хянагчийн дотор бүх харагдах боломжтой хэрэглэгчийг тодорхойлсон хугацаанд_ сүлжээний холболт, JavaScript гүйцэтгэл, хуудасны хуудас, бусад үйл явдлууд зэрэг хэд хэдэн зүйл.
- Хоосон кокс: Энэ сонголт дээр дарснаар Safari-ийн дотор хадгалагдсан бүх кэшийг устгадаг.
- Кэшийг идэвхгүй болгох: Кэшийг идэвхгүйжүүлснээр нөөцийг вэбсайтаас татаж авахад локал кэшийг ашиглахын оронд хандах хүсэлтийг гаргадаг.
- Smart Search талбараас JavaScript зөвшөөрөх: Аюулгүй байдлын үүднээс анхдагчаар идэвхгүй болсон тохиолдолд энэ нь javascript агуулсан URL-уудыг оруулах боломжийг танд олгоно : Safari's address bar.
- SHA-1 Сертификатууд нь найдваргүй гэж найдаж байна: Secure Hash алгоритм дээр богино, SHA-1 хэш функц анхнаасаа бодвол аюулгүй байдалтай байсан болохоор Safari 9 дээр энэ тохируулгыг нэмэх болно.
Холбогдох уншлага
Хэрвээ та энэ зааварт хэрэгтэй бол бусад Safari 9-н талаар дэлгэрэнгүй танилцах хэрэгтэй.
- Вэбсайтыг яаралтай дамжуулах үйлчилгээг хэрхэн удирдах талаар
- Вэб хуудсыг PDF файл руу хэрхэн экспортлох
- Аюулгүй шинэчлэх Safari 9 өргөтгөлүүдийг хэрхэн тохируулах талаар
- Нууцлагдсан газруудыг хэрхэн ашиглах талаар