Мэдэх ёстой зүйл
- IOS дээр Вэб шалгагчийг идэвхжүүлэх: Тохиргоо > Safari > Advanced руу очоод зөөнө үү. Вэб байцаагч-г Асаалттай байрлалд шилжүүлнэ.
- MacOS дээр Вэб шалгагч ашиглах: Өөрийн iOS төхөөрөмжөө Mac-д холбож, Develop цэснээс шалгах URL-ыг сонгоно уу.
Хэрэв та Safari гар утсан дээрх вэб сайттай холбоотой алдаа эсвэл өөр асуудалтай тулгарвал Web Inspector хэрэглүүрийг ашиглан шалгана уу. Энэ нийтлэлд Mac компьютерын тусламжтайгаар алдааг засахын тулд iPhone-д зориулсан Safari консолыг хэрхэн ашиглах талаар тайлбарласан болно. Заавар нь iOS 14, iOS 12 эсвэл iOS 11-тэй iPhone болон macOS Big Sur (11.0), macOS Catalina (10.15) эсвэл macOS Mojave (10.14)-тэй Mac компьютерт хамаарна.
Вэб шалгагчийг iPhone эсвэл бусад iOS төхөөрөмж дээрээ идэвхжүүлнэ үү
Вэб шалгагч нь өгөгдмөлөөр идэвхгүй болсон тул ихэнх iPhone хэрэглэгчид үүнийг ашиглах боломжгүй байдаг. Гэсэн хэдий ч, хэрэв та хөгжүүлэгч эсвэл сонирхож байгаа бол үүнийг хэдхэн алхамаар идэвхжүүлж болно. Үүнд:
-
iPhone-г нээнэ үү Тохиргоо цэс.
IOS-ын эхний хувилбартай iPhone дээр Тохиргоо > Safari > Хөгжүүлэгчээр дамжуулан алдаа засах консол руу нэвтэрнэ үү. > Дебаг хийх консол IPhone дээрх Safari нь CSS, HTML болон JavaScript алдааг илрүүлэх үед дибаг хийгч дэх дэлгэц бүрийн дэлгэрэнгүй мэдээлэл.
- Доошоо гүйлгээд Safari дээр дарж iPhone, iPad, эсвэл iPod touch дээрх Safari вэб хөтөчтэй холбоотой бүх зүйлийг агуулсан дэлгэцийг нээнэ үү.
- Хуудасны доод талд гүйлгээд Дэвшилтэт-г сонго.
-
Вэб байцаагч солих унтраалгыг Асаах байрлал руу шилжүүлнэ үү.
Image
Mac дээрх Safari-д iOS төхөөрөмжөө холбоно уу
Вэб шалгагчийг ашиглахын тулд iPhone эсвэл өөр iOS төхөөрөмжөө Safari вэб хөтөчтэй Mac-д холбож, Хөгжүүлэх цэсийг идэвхжүүлнэ үү.
-
Safari нээлттэй үед цэсийн хэсгээс Safari-г сонгоод Тохиргоо-г сонгоно уу.
Image -
Дэвшилтэт табыг сонгоно уу.
Image -
Цэсийн мөрөнд Хөгжүүлэх цэсийг харуулах нүдийг сонгоод тохиргооны цонхыг хаа.
Image -
Safari цэсийн хэсгээс Develop-г сонгоод, өөрийн хавсаргасан iOS төхөөрөмжийнхөө нэрийг сонгоод Safari доор гарч ирэх URL-г сонгоно уу.тухайн сайтын дибаг хийх консолыг нээх.
Image Төхөөрөмжөө холбосны дараа дибаг хийхийг хүсэж буй вэб сайтаа Mac-аа ашиглан шалгаад Safari гар утасны хөтөч дээр нээнэ үү.
Вэб байцаагч гэж юу вэ?
Вэб хөгжүүлэгчид Mac болон iOS төхөөрөмж дээрх вэб сайтуудыг өөрчлөх, дибаг хийх, оновчтой болгохын тулд Web Inspector ашигладаг. Web Inspector нээлттэй үед хөгжүүлэгчид вэб хуудасны нөөцийг шалгаж болно. Web Inspector цонх нь засварлах боломжтой HTML болон вэб хуудасны хэв маяг, давхаргын талаархи тэмдэглэлүүдийг тусад нь самбарт агуулна.
IOS 6-аас өмнө iPhone Safari вэб хөтч нь хөгжүүлэгчид вэб хуудасны согогийг илрүүлэхэд ашигладаг Debug Console-тэй байсан. iOS-ийн сүүлийн хувилбарууд оронд нь Web Inspector ашигладаг.
Safari 9 болон OS X Маверикс (10.9)-тай Apple нь Web Inspector дээр Responsive Design Mode-г нэвтрүүлсэн. Хөгжүүлэгчид энэхүү суурилуулсан симуляторыг ашиглан вэб хуудсууд хэрхэн өөр өөр дэлгэцийн хэмжээ, нягтрал, чиг баримжаатай болохыг урьдчилан харах боломжтой.
