რა უნდა იცოდე
- ჩასართავად: Preferences > აირჩიეთ Advanced ჩანართი > გადართეთ აჩვენეთ განვითარების მენიუ მენიუს ზოლშიჩართულია.
- გამოყენება: აირჩიეთ Develop > შედით საპასუხო დიზაინის რეჟიმში Safari-ის ხელსაწყოთა ზოლში.
ეს სტატია განმარტავს, თუ როგორ უნდა ჩართოთ საპასუხო დიზაინის რეჟიმი Safari 9-ში Safari 13-მდე, OS X El Capitan-ში macOS Catalina-ს მეშვეობით.
როგორ ჩართოთ საპასუხო დიზაინის რეჟიმი Safari-ში
Safari Responsive Design Mode-ის ჩასართავად Safari დეველოპერის სხვა ინსტრუმენტებთან ერთად:
-
გადადით Safari მენიუში და აირჩიეთ პრეფერენციები.
დააჭირეთ კლავიატურის მალსახმობს Command+ , (მძიმით) პრეფერენციებზე სწრაფად წვდომისთვის.
-
Preferences დიალოგურ ფანჯარაში აირჩიეთ Advanced ჩანართი.
Image -
დიალოგური ფანჯრის ბოლოში აირჩიეთ აჩვენე Develop მენიუ მენიუს ზოლში მოსანიშნი ველი.
Image -
ახლა ნახავთ Develop-ს Safari მენიუს ზედა ზოლში.
Image -
აირჩიეთ განვითარება > შედით საპასუხო დიზაინის რეჟიმში Safari-ის ხელსაწყოთა ზოლში.
დააჭირეთ კლავიატურის მალსახმობს Option+ Command+ R სწრაფად შესვლის საპასუხო დიზაინის რეჟიმში.
Image -
აქტიური ვებ გვერდი გამოჩნდება საპასუხო დიზაინის რეჟიმში. გვერდის ზედა ნაწილში აირჩიეთ iOS მოწყობილობა ან ეკრანის გარჩევადობა, რათა ნახოთ, როგორ გამოისახება გვერდი.
Image -
ალტერნატიულად, ნახეთ, როგორ გამოისახება თქვენი ვებ გვერდი სხვადასხვა პლატფორმებზე, გარჩევადობის ხატულების ზემოთ ჩამოსაშლელი მენიუს გამოყენებით.
Image
Safari Developer Tools
საპასუხო დიზაინის რეჟიმის გარდა, Safari Develop მენიუ გთავაზობთ სხვა სასარგებლო ვარიანტებს.
გახსენით გვერდი -ით
ხსნის აქტიურ ვებგვერდს ნებისმიერ ბრაუზერში, რომელიც ამჟამად დაინსტალირებულია Mac-ზე.
მომხმარებლის აგენტი
როდესაც თქვენ შეცვლით მომხმარებლის აგენტს, შეგიძლიათ მოატყუოთ ვებსაიტი და იფიქროს, რომ სხვა ბრაუზერს იყენებთ.
აჩვენე ვებ ინსპექტორი
აჩვენებს ვებ გვერდის ყველა რესურსს, CSS ინფორმაციისა და DOM მეტრიკის ჩათვლით.
შეცდომის კონსოლის ჩვენება
აჩვენებს JavaScript, HTML და XML შეცდომებსა და გაფრთხილებებს.
აჩვენე გვერდის წყარო
საშუალებას გაძლევთ ნახოთ აქტიური ვებგვერდის საწყისი კოდი და მოძებნოთ გვერდის შინაარსი.
გვერდის რესურსების ჩვენება
აჩვენებს დოკუმენტებს, სკრიპტებს, CSS-ს და სხვა რესურსებს მიმდინარე გვერდიდან.
Snippet Editor
გაძლევთ საშუალებას შეცვალოთ და შეასრულოთ კოდის ფრაგმენტები. ეს ფუნქცია სასარგებლოა ტესტირების თვალსაზრისით.
Show Extension Builder
გეხმარება შექმნათ Safari გაფართოებები თქვენი კოდის შესაბამისად შეფუთვით და მეტამონაცემების მიმატებით.
დაიწყეთ ქრონოლოგიის ჩაწერა
საშუალებას გაძლევთ ჩაწეროთ ქსელის მოთხოვნები, JavaScript-ის შესრულება, გვერდის რენდერი და სხვა მოვლენები WebKit Inspector-ში.
ცარიელი ქეშები
შლის Safari-ში შენახულ ქეშებს და არა მხოლოდ ვებსაიტების სტანდარტული ქეში ფაილებს.
ქეშების გამორთვა
ქეშირების გათიშვის შემთხვევაში, რესურსები ჩამოიტვირთება ვებსაიტიდან ყოველ ჯერზე, როცა წვდომის მოთხოვნა ხდება ადგილობრივი ქეშის გამოყენებისგან განსხვავებით.
JavaScript-ის დაშვება ჭკვიანი საძიებო ველიდან
ნაგულისხმევად გამორთულია უსაფრთხოების მიზეზების გამო, ეს ფუნქცია საშუალებას გაძლევთ Safari-ის მისამართების ზოლში შეიყვანოთ JavaScript-ის შემცველი URL-ები.
