06 01
გააქტიურეთ და გამოიყენეთ საპასუხო დიზაინი რეჟიმი Safari 9
დღევანდელ სამყაროში ვებ-დეველოპერი ნიშნავს იმას, რომ მოწყობილობებისა და პლატფორმების შუაგულში მხარი დაუჭიროს, რამაც შეიძლება ხანდახან რთული ამოცანა იყოს. თუნდაც ყველაზე კარგად შემუშავებული კოდი, რომელიც შეესაბამება უახლეს ვებ-სტანდარტებს, შეგიძლიათ იპოვოთ თქვენი ვებ-გვერდების ნაწილი არ გამოიყურებოდეს ან იმოქმედოთ იმით, რომ მათ სურთ გარკვეული მოწყობილობებზე ან რეზოლუციებზე. როდესაც ასეთ ფართო სპექტრის სცენარის მხარდასაჭერად გამოწვეული გამოწვევაა, თქვენს ხელთ არსებული უფლებათა სიმულაციური საშუალებები ფასდაუდებელია.
თუ თქვენ ხართ ბევრი პროგრამისტი, რომელიც იყენებს Mac, Safari- ის დეველოპერი toolset ყოველთვის მოდის მოსახერხებელი. Safari 9-ის გამოშვებით, ამ ფუნქციის სიგანე მნიშვნელოვნად გაფართოვდა, ძირითადად, საპასუხოდ Design Mode_- ის გამო, რომელიც საშუალებას გაძლევთ გადახედოთ თქვენს ვებ-გვერდს სხვადასხვა ეკრანის რეზოლუციებში, ასევე iPad- ისა და iPod Touch- ის სხვადასხვა iPad- ზე.
ეს გაკვეთილი დეტალებს, თუ როგორ გაააქტიუროთ საპასუხო დიზაინი რეჟიმი, ასევე როგორ გამოიყენოთ თქვენი განვითარების საჭიროებები.
პირველი, გახსენით თქვენი Safari ბრაუზერი.
06 06
Safari პარამეტრები
დააწკაპუნეთ Safari- ში ბრაუზერის მენიუში, რომელიც ეკრანის ზედა ნაწილში მდებარეობს. როდესაც ჩამოსაშლელი მენიუ გამოჩნდება, შეარჩიეთ პარამეტრების ვარიანტი _ შემოხაზეთ ზემოთ მოცემულ მაგალითში.
გთხოვთ გაითვალისწინოთ, რომ შეგიძლიათ გამოიყენოთ შემდეგი კლავიშები შემდეგი მენიუდან: COMMAND + COMMA (,)
06 06
ჩვენება მენიუში
Safari- ის პრიორიტეტების დიალოგი ახლა გამოჩნდება, თქვენი ბრაუზერის ფანჯრის გადაფარვა. პირველ რიგში, დააწკაპუნეთ გაფართოებულზე, რომელიც წარმოდგენილია მექანიზმით და მდებარეობს ფანჯრის ზედა მარჯვენა კუთხეში.
ბრაუზერის გაფართოებული პარამეტრები ახლა უნდა გამოჩნდეს. ქვედა არის ვარიანტი ერთად ჩამრთველი, იარლიყით შოუ განავითაროს მენიუ მენიუში ბარი და წრიული მაგალითში ზემოთ. ამ მენიუს გააქტიურების შემდეგ დააჭირეთ ღილაკს.
06 06
შეიყვანეთ საპასუხო დიზაინი რეჟიმი
ახალი ვარიანტი ახლა ხელმისაწვდომი იქნება თქვენს Safari მენიუში, რომელიც მდებარეობს ეკრანის ზედა ნაწილში, დაარქვით განვითარება . დააწკაპუნეთ ამ პარამეტრზე. როდესაც ჩამოსაშლელი მენიუ გამოჩნდება, შეარჩიეთ რელევანტური დიზაინის რეჟიმი _ აღნიშნულია ზემოთ მოყვანილ მაგალითში.
გთხოვთ გაითვალისწინოთ, რომ შეგიძლიათ გამოიყენოთ შემდეგი კლავიშები შემდეგი მენიუდან: OPTION + COMMAND + R
06 06
საპასუხო დიზაინი რეჟიმი
აქტიური ვებ გვერდი ახლა უნდა აისახოს პასუხისმგებელი დიზაინის რეჟიმში, როგორც ზემოთ მოყვანილ მაგალითში. შერჩევა ერთი iOS მოწყობილობების ჩამოთვლილი როგორიცაა iPhone 6, ან ერთი დანიშნულ ეკრანზე რეზოლუციებს, როგორიცაა 800 x 600, შეგიძლიათ დაუყოვნებლივ ნახოთ როგორ გვერდზე გამოიტანს ამ მოწყობილობის ან ამ ეკრანის რეზოლუცია.
გარდა ამისა, მოწყობილობებისა და რეზოლუციების გარდა, Safari- ი ასევე შეუძლია შეიმუშაოს სხვადასხვა მომხმარებლის აგენტი - ისეთი, როგორიც არის სხვადასხვა ბრაუზერიდან - დაწკაპვით ჩამოსაშლელი მენიუდან პირდაპირ ზემოთ რეზოლუციის ხატებიდან.
06 06
შექმნა მენიუ: სხვა პარამეტრები
გარდა ამისა, საპასუხო დიზაინი რეჟიმი, Safari 9-ის განვითარების მენიუ გთავაზობთ ბევრ სხვა სასარგებლო ვარიანტს _ ზოგიერთს, რომლებიც ქვემოთ ჩამოთვლილია.
- გახსენით გვერდი: საშუალებას გაძლევთ გახსენით აქტიური ვებ გვერდი თქვენს ბრაუზერში გაკეთებული სხვა ბრაუზერიდან.
- მომხმარებელი აგენტი: შეცვლის მომხმარებლის აგენტი იწვევს ვებ სერვერები იდენტიფიცირება თქვენი ბრაუზერის, როგორც რაღაც გარდა Safari 9.
- ვებ-ინსპეტერის დაკავშირება: Safari 9- ის ვებ-ინსპექტორი აჩვენებს ყველა ვებ გვერდის რესურსებს, უზრუნველყოფს CSS- ის ინფორმაციის გაზიარებას, DOM მეტრიკებსა და სტრუქტურას, ასევე მის მშობლიურ კოდს.
- შოუ შეცდომა კონსოლი: განვითარებად მენიუში ერთ-ერთი ყველაზე ფართოდ გამოყენებული ვარიანტი, ეს კონსოლი აჩვენებს JavaScript, HTML და XML შეცდომებსა და გაფრთხილებებს.
- გვერდის წყაროს ჩვენება: საშუალებას გაძლევთ იხილოთ აქტიური ვებ-გვერდის კოდის ნახვა და ძიება.
- გვერდები რესურსები: ამ პარამეტრის არჩევა აჩვენებს დოკუმენტებს, სკრიპტებს, CSS და სხვა რესურსებს მიმდინარე გვერდიდან.
- აჩვენე Snippet Editor: კოდის ფრაგმენტების რედაქტირებისა და შესრულების უნარი, რაც ეწინააღმდეგება სრული გვერდს. ეს ფუნქცია ძალიან სასარგებლოა ტესტირების თვალსაზრისით.
- გაფართოების აღმაშენებლის ჩვენება: საშუალებას გაძლევთ შექმნათ თქვენი საკუთარი Safari გაგრძელება თქვენი კოდის შესაბამისად და დაამატეთ მეტამონაცემების გამოყენებით.
- დაწყება ქრონოლოგია ჩანაწერი: ჩანაწერები რიგი ელემენტი, მათ შორის ქსელის მოითხოვს, JavaScript შესრულების, გვერდზე გაწევის და სხვა მოვლენების მომხმარებლის განსაზღვრული პერიოდში _ ყველა ხილვადობა ფარგლებში WebKit ინსპექტორი.
- ცარიელი Caches: დაწკაპვით ამ პარამეტრის წაშლის ყველა ინახება ქეში ფარგლებში Safari, არა მხოლოდ სტანდარტული ნახვა cache ფაილი.
- გამორთვა ქეშები: ქეშირების გამორთვა, რესურსები გადმოწერილია ვებგვერდზე ყოველ ჯერზე წვდომის მოთხოვნით მზადდება ნაცვლად ადგილობრივი ქეშირებისთვის.
- JavaScript- ის ნება დართეთ Smart Search Field- ში: შეზღუდული შესაძლებლობების მქონე შეზღუდვები უსაფრთხოების მიზეზებით, ეს ფუნქცია საშუალებას გაძლევთ შეიყვანოთ JavaScript- ის შემცველი URL- ები : Safari- ის მისამართთა ზოლში.
- SHA-1- ს სერტიფიკატები არასაიმედოდ: უსაფრთხო ჰაში ალგორითმისთვის მოკლედ, SHA-1 hash ფუნქცია დადასტურდა, რომ ნაკლებად იყოს დაცული, ვიდრე თავდაპირველად ფიქრობდა ამ ვარიანტის დამატება Safari 9-ში.
დაკავშირებული კითხვა
თუ იცით, რომ ეს სასარგებლო სასარგებლოა, დარწმუნდით შეამოწმეთ ჩვენი სხვა Safari 9 walkthroughs.
- როგორ ვმართოთ საიტი Push შეტყობინებები
- როგორ ექსპორტი ვებ გვერდი PDF ფაილი
- როგორ დააკონფიგურიროთ Safari 9 Extensions ავტომატურად განახლება
- როგორ გამოვიყენოთ Pinned Sites ფუნქცია