Мэдэх ёстой зүйл
- Safari > Тохиргоо > Дэвшилтэт >Хэвлэх цэсийг сонгох цэсийн мөрөнд.
- Develop-г ашиглахын тулд Safari цэс рүү очоод Хавчуурга болон Цонхны хооронд Develop-г сонгоно уу.
- Хамгийн хэрэгтэй хөгжүүлэлтийн сонголтууд: Хуудсыг нээх, Хэрэглэгчийн агент болон кэшийг хоосон болгох.
Энэ нийтлэлд Safari (8-аас 12-р хувилбар) вэб хөтчийнхөө Хөгжүүлэх цэсийг хэрхэн харуулах, ашиглах талаар тайлбарласан болно.
Safari-д хөгжүүлэх цэсийг харуулах
Хөгжүүлэх цэсийг ашиглахаасаа өмнө эхлээд далд цэсийг харагдуулах ёстой. Энэ нь Safari 4-ээс өмнө Debug цэсийг нээхээс хамаагүй хялбар ажил бөгөөд одоо Хөгжүүлэх цэсэнд байгаа бүх командуудыг агуулж байдаг. Гэсэн хэдий ч, хуучин Debug цэс хамааралгүй болсон гэж бүү бодоорой; Энэ нь одоо ч байгаа бөгөөд олон хэрэгтэй хэрэгслийг агуулсан.
-
Safari-г Dock эсвэл Mac програмын хавтаснаас эхлүүлнэ үү.
Image -
Цэсийн талбар дээрх Safari дээр товшоод доош унах цэснээс Тохиргоо-г сонгон Safari-н тохиргоог нээнэ үү.
Image -
Тохиргооны дэлгэцийн Дэвшилтэт таб дээр товшино уу.
Image -
Цэсийн мөрөнд Хөгжүүлэх цэсийг харуулах-г сонгоно уу.
Image
Хэрэв та Хөгжүүлэгчийн цэсийг идэвхгүй болгохыг хүсвэл Safari > Preferences > Нарийвчилсан дэлгэц.
Хөгжүүлэх цэсийг ашиглах
Хөгжүүлэлтийн цэс нь Safari цэсний мөрөнд Хавчуурга болон Цонхны цэсийн зүйлсийн хооронд харагдана. Хөгжүүлэх цэс нь вэб хөгжүүлэгчдийн хувьд маш тохиромжтой байдаг ч энгийн хэрэглэгчдэд ч хэрэгтэй байж магадгүй.
Хөгжүүлэлтийн цэсийн зарим зүйл танд хамгийн хэрэгтэй байх магадлалтай:
- Хуудсыг-р нээх: Таны Mac дээр суулгасан дурын хөтөч дээр одоогийн вэб хуудсыг нээх боломжийг олгоно. Хэрэв та Safari-тай буруу ажилладаг вэб сайтад зочилсон бол энэ командыг ашиглан өөр хөтөч дээр нэг вэб хуудас руу хурдан очно уу.
- User Agent: Хэрэглэгчийн агент нь вэб хуудсыг байршуулах вэб сервер рүү хөтчөөс илгээдэг текстийн хэлхээ юм. Хэрэв та Safari-г дэмждэггүй гэж зарласан вэб хуудсанд зочилж байсан бол энэ сайт таныг ямар хөтөч ашиглаж байгааг мэдсэн юм. Ихэнх тохиолдолд дэмжигдээгүй нь утгагүй зүйл бөгөөд энэ цэсийн зүйлийг ашиглан та хэрэглэгчийн агентийг өөр хөтчөөс дуурайлган өөрчлөх боломжтой. Гэнэт ажиллахгүй байгаа вэб хуудас хэрэглэгчийн агентыг сольсноор хэр олон удаа ажилладагийг та гайхаж магадгүй.
- Хоосон кэш: Safari нь саяхан хандсан сайтуудын кэшийг хадгалдаг. Энэ кэшэд хадгалагдсан өгөгдөл нь хуудасны бүх элементүүдийг агуулдаг бөгөөд таныг хуудас руу буцаж ирэхэд вэбсайтыг хурдан гаргахад ашиглаж болно. Заримдаа кэш нь хуучирсан эсвэл гэмтсэн байж болох бөгөөд энэ нь вэб хуудсыг буруу харуулахад хүргэдэг. Кэшийг хоослох нь эдгээр асуудлыг шийдэж, Safari-г хурдасгах боломжтой.
Хөгжүүлэх цэсийн нэмэлт зүйлс
Үлдсэн цэсийн ихэнх зүйл нь вэб хөгжүүлэгчдэд илүү хэрэгтэй байж магадгүй, гэхдээ хэрэв та вэбсайтууд хэрхэн бүтээгдсэнийг сонирхож байгаа бол дараах зүйлс сонирхолтой байж магадгүй:
- Вэб байцаагчийг харуулах: Энэ нь одоогийн хуудасны доод талд байгаа Вэб шалгагчийг нээнэ. Вэб шалгагчаар та хуудсыг үүсгэхэд орсон элементүүдийг шалгаж болно.
- Хуудасны эх сурвалжийг харуулах: Энэ нь одоогийн хуудасны HTML кодыг харуулна.
- Хуудасны нөөцийг харуулах: Энэ нь Вэб шалгагч дахь Нөөцийн байцаагчийн хажуугийн цэсийг нээнэ. Энэ нь одоогийн хуудсан дээр ямар зураг, скрипт, загварын хуудас болон бусад элементүүдийг ашиглаж байгааг харах хялбар арга юм.
- Он цагийн хэлхээсийн бичлэгийг эхлүүлэх: Хэрэв та вэб хуудас хэрхэн ачаалагдаж, ажиллаж байгааг харахыг хүсвэл Он цагийн хэлхээсийн бичлэгийг эхлүүлэх сонголтыг туршаад үзээрэй. Энэ нь сүлжээний үйл ажиллагаа болон сайтын элемент бүрийг хэрхэн ачаалж, ашиглаж байгааг харуулсан график үүсгэдэг. Энэ нь сонирхолтой дэлгэц гаргах боловч Он цагийн хэлхээсийн бичлэгийг зогсоох-г сонгон энэ функцийг унтраахаа мартуузай. Үгүй бол та вэб биш л бол Mac-ийнхээ нөөцийг бүтээмжгүй ажлуудад ашиглаж байна. хөгжүүлэгч.
- Responsive дизайны горимд орно: Вэб хөгжүүлэгчдэд зориулсан өөр нэг хэрэгсэл бол өөр өөр дэлгэцийн нягтрал эсвэл өөр төхөөрөмж дээр вэб хуудас хэрхэн харагдахыг урьдчилан харах боломжийг олгодог суурилуулсан симулятор юм. iPad эсвэл iPhone гэх мэт. Зүгээр л сонирхож буй хуудсаа ачаалаад Responsive Design Mode-г оруулна уу-г сонгоод хуудсыг урьдчилан үзнэ үү. Та янз бүрийн төхөөрөмж ашиглан хуудасны дүрслэлийг туршиж үзэх эсвэл ашиглах дэлгэцийн нягтралыг сонгох боломжтой. Дуусмагц Хөгжүүлэх цэс рүү буцаж очоод Хариуцлагатай дизайны горимоос гарах-г сонгоно уу.
- Туршилтын онцлогууд: Хэрэв та зоригтой байгаа бол Safari хөтчийн ирээдүйн хувилбаруудад тохирох цөөн хэдэн функцийг туршиж үзэх боломжтой.
Хөгжүүлэх цэс харагдахын тулд хэсэг хугацаанд цэсийн төрөл бүрийн зүйлийг туршиж үзээрэй. Танд байнга хэрэглэдэг цөөн хэдэн дуртай зүйлс гарч ирэх байх.
