Юу мэдэх вэ
- Идэвхжүүлэхийн тулд: Preferences > сонгох Дэвшилтэт таб > сэлгэх Цэсийн мөрөнд Хөгжүүлэх цэсийг харуулахасаалттай.
- Ашиглахын тулд: Safari хэрэгслийн самбараас Develop > Responsive Design Mode-г сонгоно уу.
Энэ нийтлэлд macOS Catalina-аар дамжуулан OS X El Capitan-д Safari 9-с Safari 13-д Responsive Design Mode-г хэрхэн идэвхжүүлэх талаар тайлбарласан болно.
Safari-д хариу үйлдэл үзүүлэх дизайны горимыг хэрхэн идэвхжүүлэх вэ
Safari-ийн мэдрэмжтэй дизайны горимыг Safari хөгжүүлэгчийн бусад хэрэгслүүдийн хамт идэвхжүүлэхийн тулд:
-
Safari цэс рүү очоод Тохиргоо-г сонгоно уу.
Тохиргоо руу хурдан хандахын тулд Команд+ , (таслал) товчлуурыг дарна уу.
-
Preferences харилцах цонхноос Нарийвчилсан табыг сонгоно уу.
Image -
Харилцах цонхны доод талд байгаа Цэсийн мөрөнд Хөгжүүлэх цэсийг харуулах нүдийг сонго.
Image -
Та одоо Safari цэсний дээд хэсэгт Develop-г харах болно.
Image -
Safari хэрэгслийн самбараас Develop > Responsive Design Mode-г сонгоно уу.
Гарны товчлолыг дарна уу Сонголт+ Command+ R Responsive Design горимд хурдан орно..
Image -
Идэвхтэй вэб хуудас нь Responsive Design горимд харагдана. Хуудсыг хэрхэн харуулахыг харахын тулд хуудасны дээд хэсэгт iOS төхөөрөмж эсвэл дэлгэцийн нягтралыг сонгоно уу.
Image -
Өөр нэг хувилбар бол нягтралын дүрс дээрх унждаг цэсийг ашиглан таны вэб хуудсыг янз бүрийн платформ дээр хэрхэн харуулахыг харна уу.
Image
Safari хөгжүүлэгчийн хэрэгсэл
Responsive Design Mode-ээс гадна Safari Develop цэс нь бусад хэрэгтэй сонголтуудыг санал болгодог.
Хуудас нээх
Mac дээр суулгасан дурын хөтөч дээр идэвхтэй вэб хуудсыг нээнэ.
Хэрэглэгчийн агент
Та Хэрэглэгчийн Агентаа солих үед өөр хөтөч ашиглаж байна гэж вэбсайтыг хуурч болно.
Вэб шалгагчийг харуулах
CSS мэдээлэл болон DOM хэмжигдэхүүн зэрэг вэб хуудасны бүх нөөцийг харуулдаг.
Алдааны консолыг харуулах
JavaScript, HTML, XML алдаа болон анхааруулгыг харуулна.
Хуудасны эх сурвалжийг харуулах
Идэвхтэй вэб хуудасны эх кодыг харах, хуудасны агуулгыг хайх боломжийг танд олгоно.
Хуудасны нөөцийг харуулах
Одоо байгаа хуудасны баримт бичиг, скрипт, CSS болон бусад эх сурвалжуудыг харуулна.
Хэсэг засварлагчийг харуулах
Танд кодын хэсгүүдийг засварлаж, ажиллуулах боломжийг олгоно. Энэ функц нь туршилтын үүднээс хэрэг болно.
Өргөтгөл үүсгэгчийг харуулах
Таны кодоо тохируулж, мета өгөгдлийг нэмж Safari өргөтгөлүүдийг бүтээхэд тусална.
Он цагийн хэлхээсийн бичлэгийг эхлүүлэх
WebKit Inspector доторх сүлжээний хүсэлт, JavaScript гүйцэтгэл, хуудасны дүрслэл болон бусад үйл явдлыг бүртгэх боломжийг танд олгоно.
Хоосон кэш
Сафари доторх бүх хадгалсан кэшийг устгана, зөвхөн вэб сайтын ердийн кэш файлуудыг устгана.
Кэшүүдийг идэвхгүй болгох
Кэшийг идэвхгүй болгосноор локал кэшийг ашиглахын оронд хандалтын хүсэлт гаргах бүрт эх сурвалжийг вэб сайтаас татаж авдаг.
Ухаалаг хайлтын талбараас JavaScript-г зөвшөөрөх
Аюулгүй байдлын үүднээс анхдагчаар идэвхгүй болгосон энэ функц нь JavaScript агуулсан URL-уудыг Safari хаягийн мөрөнд оруулах боломжийг олгоно.
