ᲙᲛᲐᲧᲝᲤᲘᲚᲘ
- პროგრამისტის ინსტრუმენტებზე წვდომა Apple- ის ბრაუზერში
- როგორ გავხადოთ საპასუხო დიზაინის რეჟიმი Safari- ში
- Safari დეველოპერული ინსტრუმენტები
პროგრამისტის ინსტრუმენტებზე წვდომა Apple- ის ბრაუზერში
დარწმუნდით, რომ ვებსაიტები და ვებ პროგრამები ხელს უწყობენ მოწყობილობებისა და პლატფორმების სიფრთხილით აუცილებელ ამოცანას ვებ დეველოპერებისთვის. Apple– ის Safari ვებ – ბრაუზერი მოიცავს საპასუხო დიზაინის რეჟიმში, რომელიც საშუალებას გაძლევთ წინასწარ დაათვალიეროთ, თუ როგორ მიიღებს თქვენს საიტს სხვადასხვა ეკრანის რეზოლუციებში და სხვადასხვა iPad, iPhone და iPod touch– ით.
ინსტრუქციები ამ სტატიაში გამოიყენება Safari 13 მაკოსთვის. საპასუხო დიზაინის რეჟიმი მიუწვდომელია Windows ვერსიაში.
როგორ გავხადოთ საპასუხო დიზაინის რეჟიმი Safari- ში
Safari– ის დეველოპერული ხელსაწყოების და საპასუხო დიზაინის რეჟიმის ჩართვის მიზნით:
-
შეარჩიეთ საფარი > პრეფერენციები Safari ინსტრუმენტთა პანელში.
ასევე შეგიძლიათ გამოიყენოთ კლავიატურის მალსახმობი ბრძანება+მძიმით (,) შეღავათებით მენიუში შესასვლელად.
-
პარამეტრების მენიუში აირჩიეთ Მოწინავე დააჭირეთ ღილაკს გვერდით მენიუს შტრიხში აჩვენეთ განვითარების მენიუ. ახლა ახალი ვარიანტი უნდა იყოს ხელმისაწვდომი Safari ინსტრუმენტთა პანელში, ეკრანის ზედა ნაწილში.
-
შეარჩიეთ განვითარება > შეიყვანეთ საპასუხო დიზაინის რეჟიმი Safari ინსტრუმენტთა პანელში.
ასევე შეგიძლიათ გამოიყენოთ კლავიატურის მალსახმობი ვარიანტი+ბრძანება+რ საპასუხო დიზაინის რეჟიმში შესვლისათვის.
-
აქტიური ვებ გვერდი ახლა უნდა იყოს ნაჩვენები საპასუხო დიზაინის რეჟიმში. გვერდზე, აირჩიეთ iOS მოწყობილობა ან ეკრანის რეზოლუცია, რომ ნახოთ როგორ გაითვალისწინებს გვერდი.
თქვენ ასევე შეგიძლიათ დაავალოთ Safari- ს სიმულაცია მოახდინოს სხვადასხვა მომხმარებლის აგენტების სიმულაცია ჩამოსაშლელი მენიუს გამოყენებით რეზოლუციის ხატებზე პირდაპირ ზემოთ.
Safari დეველოპერული ინსტრუმენტები
საპასუხო დიზაინის რეჟიმის გარდა, Safari– ის მენიუ გთავაზობთ ბევრ სხვა სასარგებლო ვარიანტს, მათ შორის:
- ღია გვერდიგახსენით აქტიური ვებ გვერდი თქვენს Mac- ში ამჟამად დამონტაჟებულ ნებისმიერ სხვა ბრაუზერში.
- მომხმარებლის აგენტი: მომხმარებლის აგენტის შეცვლა იწვევს ვებ სერვერებს თქვენი ბრაუზერის იდენტიფიცირების მიზნით, როგორც Safari.
- დაკავშირება ვებ ინსპექტორი: აჩვენეთ ვებ – გვერდის ყველა რესურსი, მათ შორის CSS ინფორმაცია და DOM მეტრიკა.
- შეცდომა Console: აჩვენეთ JavaScript, HTML და XML შეცდომები და გაფრთხილებები.
- აჩვენეთ გვერდის წყარო: იხილეთ და მოძებნეთ ვებ – გვერდის აქტიური კოდი.
- აჩვენეთ გვერდის რესურსები: აჩვენეთ დოკუმენტები, სკრიპტები, CSS და სხვა რესურსები მიმდინარე გვერდიდან.
- აჩვენეთ Snippet რედაქტორი: შეცვალეთ და შეასრულეთ კოდი ფრაგმენტები. ეს თვისება ძალიან სასარგებლოა ტესტირების თვალსაზრისით.
- გაფართოების აღმაშენებლის ჩვენებაშექმენით თქვენი საკუთარი Safari გაფართოებები თქვენი კოდის შეფუთვით და მეტამონაცემების დამატებით.
- დროული ჩაწერის დაწყება: ჩაწერეთ ქსელის მოთხოვნები, JavaScript შესრულება, გვერდების გადმოცემა და სხვა ღონისძიებები WebKit ინსპექტორის შიგნით.
- ცარიელი ქეში: წაშლა ყველა შენახული ქეში Safari– ში, და არა მხოლოდ ვებ – გვერდის სტანდარტული ქეში ფაილები.
- გამორთეთ ქეში: ქეშით ინვალიდთან ერთად, რესურსები იწერება ვებგვერდიდან ყოველ ჯერზე, როდესაც დაშვების მოთხოვნა მიიღება, საპირისპიროდ, რომ ადგილობრივი ქეში გამოიყენებს.
- ნება დართეთ JavaScript სმარტ ძიების ველიდან: გამორთულია, უსაფრთხოების მიზეზების გამო, ეს ფუნქცია საშუალებას გაძლევთ შეიყვანოთ JavaScript, რომელიც შეიცავს JavaScript- ს, Safari- ს მისამართის ზოლში.
- SHA-1 სერთიფიკატების მკურნალობა დაუცველადუსაფრთხო Hash ალგორითმისთვის მოკლე, SHA-1 ჰაშის ფუნქცია დადასტურებულია, რომ ნაკლებად უსაფრთხოა, ვიდრე თავდაპირველად ეგონა, შესაბამისად Safari- ში ამ პარამეტრის დამატება.