როგორ გამოვიყენოთ ვებ ბრაუზერის დეველოპერის ინსტრუმენტები

2024 ავტორი: Abigail Brown | [email protected]. ბოლოს შეცვლილი: 2023-12-17 06:52

გარდა ბრაუზერის შემქმნელთა უმეტესობისა, რომლებიც ფოკუსირებულია ყოველდღიურ მომხმარებელზე, რომელიც ცდილობს ინტერნეტში სერფინგს, ისინი ასევე ემსახურებიან ვებ დეველოპერებს, დიზაინერებს და ხარისხის უზრუნველყოფის პროფესიონალებს, რომლებიც ეხმარებიან შექმნან აპლიკაციები და საიტები, რომლებზეც ეს მომხმარებლები წვდებიან ძლიერი ინტეგრაციით. ინსტრუმენტები პირდაპირ ბრაუზერებში.

წავიდა ის დრო, როდესაც ბრაუზერში ნაპოვნი ერთადერთი პროგრამირების და ტესტირების ხელსაწყოები საშუალებას გაძლევთ ნახოთ გვერდის საწყისი კოდი და მეტი არაფერი. დღევანდელი ბრაუზერები საშუალებას მოგცემთ უფრო ღრმად ჩახვიდეთ ისეთი მოქმედებებით, როგორიცაა JavaScript სნიპეტების შესრულება და გამართვა, DOM ელემენტების შემოწმება და რედაქტირება, რეალურ დროში ქსელის ტრაფიკის მონიტორინგი თქვენი აპლიკაციის ან გვერდის ჩატვირთვისას, რათა ამოიცნოთ შეფერხებები, გააანალიზოთ CSS-ის შესრულება და დარწმუნდეთ, რომ თქვენი კოდი არ იყენებს ზედმეტ მეხსიერებას ან ძალიან ბევრ CPU ციკლს და მრავალი სხვა.

ტესტირების პერსპექტივიდან, თქვენ შეგიძლიათ გაიმეოროთ, თუ როგორ გამოისახება აპი ან ვებ გვერდი სხვადასხვა ბრაუზერში, ასევე სხვადასხვა მოწყობილობებსა და პლატფორმებზე საპასუხო დიზაინისა და ჩაშენებული სიმულატორების მაგიის საშუალებით. საუკეთესო ნაწილი ისაა, რომ ამ ყველაფრის გაკეთება შეგიძლიათ ბრაუზერის დატოვების გარეშე!

ქვემოთ მოცემული ინსტრუქციები გასწავლით, თუ როგორ შეხვიდეთ დეველოპერის ამ ინსტრუმენტებზე რამდენიმე პოპულარულ ვებ ბრაუზერში.

Google Chrome

Chrome-ის დეველოპერის ხელსაწყოები გაძლევთ საშუალებას შეცვალოთ და გამართოთ კოდი, აუდიტით ცალკეულ კომპონენტებს მუშაობის პრობლემების გამოსავლენად, სხვადასხვა მოწყობილობის ეკრანის სიმულაციას, მათ შორის, Android-ის ან iOS-ის მქონე, და შეასრულოთ რამდენიმე სხვა სასარგებლო ფუნქცია.

1. აირჩიეთ Chrome-ის მთავარი მენიუ, მონიშნული სამი ჰორიზონტალური ხაზით და მდებარეობს ბრაუზერის ზედა მარჯვენა კუთხეში.

2. როდესაც ჩამოსაშლელი მენიუ გამოჩნდება, გადაიტანეთ მაუსის კურსორი სხვა ხელსაწყოები ვარიანტზე.

   

3. ახლა უნდა გამოჩნდეს ქვემენიუ. აირჩიეთ ვარიანტი, სახელწოდებით დეველოპერის ხელსაწყოები. მენიუს ამ ელემენტის ნაცვლად შეგიძლიათ გამოიყენოთ კლავიატურის შემდეგი მალსახმობი: Chrome OS/Windows (CTRL+SHIFT+I), Mac OS X (ALT(OPTION) +COMMAND+I)

   

4. Chrome Developer Tools-ის ინტერფეისი ახლა უნდა იყოს ნაჩვენები, როგორც ნაჩვენებია ამ მაგალითის ეკრანის სურათზე. Chrome-ის თქვენი ვერსიიდან გამომდინარე, საწყისი განლაგება, რომელსაც ხედავთ, შეიძლება ოდნავ განსხვავდებოდეს აქ წარმოდგენილისგან. დეველოპერის ხელსაწყოების მთავარი კერა, რომელიც ჩვეულებრივ მდებარეობს ეკრანის ქვედა ან მარჯვენა მხარეს, შეიცავს შემდეგ ჩანართებს.

5. ამ სექციების გარდა, თქვენ ასევე შეგიძლიათ შეხვიდეთ შემდეგ ინსტრუმენტებზე >> ხატულაზე, რომელიც მდებარეობს შესრულების-ის მარჯვნივ. ჩანართი.

   • მეხსიერება: დააკვირდით და ჩაწერეთ მეხსიერების გამოყენება ვებ გვერდზე. თქვენ ხედავთ, რამდენად მძიმეა JavaScript თქვენს საიტზე.
   • უსაფრთხოება: ხაზს უსვამს სერტიფიკატის პრობლემებს და უსაფრთხოებასთან დაკავშირებულ სხვა საკითხებს აქტიურ გვერდზე ან აპლიკაციაში.
   • აპლიკაცია: შეამოწმეთ რესურსები, რომლებსაც იყენებს ვებ აპლიკაცია. მიიღეთ გამოყენებული მასალის სრული აღწერა.
   • აუდიტი: გთავაზობთ გზებს გვერდის ან აპლიკაციის დატვირთვის დროისა და ზოგადი მუშაობის ოპტიმიზაციისთვის.

   

6. მოწყობილობის რეჟიმი გაძლევთ საშუალებას იხილოთ აქტიური გვერდი სიმულატორში, რომელიც მას თითქმის ზუსტად ისე აქცევს, როგორც ჩანს ათზე მეტ მოწყობილობაზე, მათ შორის რამდენიმე კარგად ცნობილ Android-ზე და iOS მოდელები, როგორიცაა iPad, iPhone და Samsung Galaxy. თქვენ ასევე გეძლევათ შესაძლებლობა, მიბაძოთ ეკრანის მორგებული რეზოლუციები, რათა მოერგოს თქვენს კონკრეტულ განვითარებას ან ტესტირების საჭიროებებს.

   მოწყობილობის რეჟიმი ჩართვისა და გამორთვისთვის აირჩიეთ მობილური ტელეფონის ხატულა, რომელიც მდებარეობს პირდაპირ - ის მარცხნივ. ელემენტები ჩანართი.

   

7. შეგიძლიათ ასევე შეცვალოთ თქვენი დეველოპერის ხელსაწყოების გარეგნობა და შეგრძნება, ჯერ აირჩიეთ მენიუ ღილაკი, რომელიც წარმოდგენილია სამი ვერტიკალურად განთავსებული წერტილით და მდებარეობს ზემოაღნიშნული ჩანართების უკიდურეს მარჯვენა მხარეს.

   ამ ჩამოსაშლელი მენიუდან შეგიძლიათ შეცვალოთ დოკი, აჩვენოთ ან დამალოთ სხვადასხვა ხელსაწყოები, ასევე გაუშვათ უფრო მოწინავე ელემენტები, როგორიცაა მოწყობილობის ინსპექტორი. თქვენ აღმოაჩენთ, რომ თავად დეველოპმენტის ხელსაწყოების ინტერფეისი ძალიან მორგებულია ამ განყოფილებაში ნაპოვნი პარამეტრების მეშვეობით.

   

Mozilla Firefox

Firefox-ის ვებ დეველოპერების განყოფილება მოიცავს ინსტრუმენტებს დიზაინერებისთვის, დეველოპერებისთვის და ტესტერებისთვის, როგორიცაა სტილის რედაქტორი და პიქსელზე დამიზნებული თვალის საწვეთური.

1. აირჩიეთ Firefox-ის მთავარი მენიუ, წარმოდგენილი სამი ჰორიზონტალური ხაზით და მდებარეობს ბრაუზერის ფანჯრის ზედა მარჯვენა კუთხეში.

2. როდესაც ჩამოსაშლელი მენიუ გამოჩნდება, აირჩიეთ ვებ დეველოპერი.

   

3. ვებ დეველოპერის მენიუ ახლა უნდა იყოს ნაჩვენები, რომელიც შეიცავს შემდეგ ვარიანტებს. თქვენ შეამჩნევთ, რომ მენიუს ერთეულების უმეტესობას მათთან დაკავშირებულია კლავიატურის მალსახმობები.

   • გადართვა ინსტრუმენტები: აჩვენებს ან მალავს დეველოპერის ხელსაწყოების ინტერფეისს, რომელიც ჩვეულებრივ განლაგებულია ბრაუზერის ფანჯრის ბოლოში. კლავიატურის მალსახმობი: Mac OS X (ALT(OPTION)+COMMAND+I), Windows (CTRL+SHIFT+I)
   • ინსპექტორი: საშუალებას გაძლევთ შეამოწმოთ და/ან შეცვალოთ CSS და HTML კოდი როგორც აქტიურ გვერდზე, ასევე პორტატულ მოწყობილობაზე დისტანციური გამართვის საშუალებით. კლავიატურის მალსახმობი: Mac OS X (ALT(OPTION)+COMMAND+C), Windows (CTRL+SHIFT+C)
   • ვებ კონსოლი: საშუალებას გაძლევთ შეასრულოთ JavaScript გამონათქვამები აქტიურ გვერდზე, ასევე გადახედოთ დარეგისტრირებული მონაცემების მრავალფეროვან კომპლექტს, მათ შორის უსაფრთხოების გაფრთხილებები, ქსელის მოთხოვნები, CSS შეტყობინებები და სხვა.. კლავიატურის მალსახმობი: Mac OS X (ALT(OPTION)+COMMAND+K), Windows (CTRL+SHIFT+K)
   • Debugger: JavaScript Debugger საშუალებას გაძლევთ ზუსტად განსაზღვროთ და გამოასწოროთ დეფექტები წყვეტის წერტილების დაყენებით, DOM კვანძების შემოწმებით, შავი კრივის გარე წყაროები და მრავალი სხვა. როგორც ინსპექტორის შემთხვევაში, ეს ფუნქცია ასევე მხარს უჭერს დისტანციურ გამართვას. კლავიატურის მალსახმობი: Mac OS X (ALT(OPTION)+COMMAND+S), Windows (CTRL+SHIFT+S)
   • სტილის რედაქტორი: საშუალებას გაძლევთ შექმნათ ახალი სტილის ცხრილები და ჩართოთ ისინი აქტიურ ვებ გვერდზე, ან დაარედაქტიროთ არსებული ფურცლები და შეამოწმოთ როგორ ხდება თქვენი ცვლილებები ბრაუზერში მხოლოდ ერთი დაწკაპუნებით. კლავიატურის მალსახმობი: Mac OS X, Windows (SHIFT+F7)
   • Performance: გთავაზობთ აქტიური გვერდის ქსელის მუშაობის დეტალურ აღწერას, კადრების სიხშირის მონაცემებს, JavaScript-ის შესრულების დროს და მდგომარეობას, საღებავის ციმციმებს და ბევრ სხვას. კლავიატურის მალსახმობი: Mac OS X, Windows (SHIFT+F5)
   • ქსელი: ჩამოთვლილია ბრაუზერის მიერ წამოწყებული თითოეული ქსელის მოთხოვნა შესაბამის მეთოდთან, საწყისი დომენთან, ტიპთან, ზომასთან და გასულ დროსთან ერთად. კლავიატურის მალსახმობი: Mac OS X (ALT(OPTION)+COMMAND+Q), Windows (CTRL+SHIFT+Q)
   • საცავის ინსპექტორი: გადახედეთ ვებსაიტის მიერ შენახულ ქეშს და ქუქიებს. კლავიატურის მალსახმობი: (SHIFT+F9)
   • Developer Toolbar: ხსნის ინტერაქტიული ბრძანების სტრიქონის ინტერპრეტაციას. შეიყვანეთ help თარჯიმანში ყველა ხელმისაწვდომი ბრძანების სიისა და მათი სწორი სინტაქსისთვის. კლავიატურის მალსახმობი: Mac OS X, Windows (SHIFT+F2)
   • WebIDE: უზრუნველყოფს ვებ აპების შექმნისა და შესრულების შესაძლებლობას რეალური მოწყობილობის მეშვეობით, რომელიც მუშაობს Firefox OS-ით ან Firefox OS სიმულატორის მეშვეობით. კლავიატურის მალსახმობი: Mac OS X, Windows (SHIFT+F8)
   • ბრაუზერის კონსოლი: უზრუნველყოფს იგივე ფუნქციონირებას, როგორც ვებ კონსოლი (იხ. ზემოთ).თუმცა, დაბრუნებული ყველა მონაცემი არის მთელი Firefox აპლიკაციისთვის (მათ შორის გაფართოებები და ბრაუზერის დონის ფუნქციები) მხოლოდ აქტიური ვებგვერდისგან განსხვავებით. კლავიატურის მალსახმობი: Mac OS X (SHIFT+COMMAND+J), Windows (CTRL+SHIFT+J)
   • საპასუხო დიზაინის ხედი: საშუალებას გაძლევთ მყისიერად ნახოთ ვებ გვერდი სხვადასხვა რეზოლუციით, განლაგებით და ეკრანის ზომით მრავალი მოწყობილობის მიბაძვით, მათ შორის ტაბლეტებსა და სმარტფონებს. კლავიატურის მალსახმობი: Mac OS X (ALT(OPTION)+COMMAND+M), Windows (CTRL+SHIFT+M)
   • Eyedropper: აჩვენებს ექვსკუთხა ფერის კოდს ინდივიდუალურად შერჩეული პიქსელებისთვის.
   • Scratchpad: Scratchpad გაძლევთ საშუალებას დაწეროთ, დაარედაქტიროთ, დააკავშიროთ და შეასრულოთ JavaScript კოდის ფრაგმენტები ამომხტარი Firefox ფანჯრიდან. გახსენით ინტერაქტიული JavaScript დოკუმენტი, რომელიც საშუალებას გაძლევთ ჩაწეროთ კოდი და შეამოწმოთ იგი ვებსაიტზე. კლავიატურის მალსახმობი: (SHIFT+F4)
   • მომსახურების მუშაკები: სერვისის მუშაკების გამართვა თქვენი ვებ აპლიკაცია. მიიღეთ დეტალური ინფორმაცია მათი მუშაობისა და შეცდომების შესახებ.
   • გვერდის წყარო: ორიგინალური ბრაუზერზე დაფუძნებული დეველოპერის ინსტრუმენტი, ეს ოფცია უბრალოდ აჩვენებს აქტიური გვერდის ხელმისაწვდომ წყაროს კოდს. კლავიატურის მალსახმობი: Mac OS X (COMMAND+U), Windows (CTRL+U)
   • მიიღეთ მეტი ინსტრუმენტები: ხსნის ვებ დეველოპერის ხელსაწყოთა ყუთს კოლექციას Mozilla-ს ოფიციალურ დანამატების საიტზე, რომელშიც წარმოდგენილია დაახლოებით ათამდე პოპულარული გაფართოება, როგორიცაა როგორც Firebug და Greasemonkey.

   

Microsoft Edge/Internet Explorer

ჩვეულებრივ მოიხსენიება, როგორც F12 დეველოპერის ხელსაწყოები, კლავიატურის მალსახმობის პატივისცემა, რომელმაც დაიწყო ინტერფეისი Internet Explorer-ის ადრინდელი ვერსიებიდან, დეველოპმენტის ხელსაწყოების ნაკრები IE11-ში და Microsoft Edge-ში. მან გრძელი გზა გაიარა თავისი დაარსებიდან მონიტორების, გამართვის, ემულატორებისა და შემდგენლების ძალიან მოსახერხებელი ჯგუფის შეთავაზებით.

Microsoft აღარ უჭერს მხარს Internet Explorer-ს და გირჩევთ განაახლოთ უფრო ახალი Edge ბრაუზერი. გადადით მათ საიტზე უახლესი ვერსიის ჩამოსატვირთად.

1. აირჩიეთ სხვა ქმედებები, წარმოდგენილი სამი წერტილით და მდებარეობს ბრაუზერის ფანჯრის ზედა მარჯვენა კუთხეში.

   

2. როდესაც ჩამოსაშლელი მენიუ გამოჩნდება, აირჩიეთ ვარიანტი იარლიყით დეველოპერის ხელსაწყოები.

   

3. განვითარების ინტერფეისი ახლა უნდა იყოს ნაჩვენები, როგორც წესი, ბრაუზერის ფანჯრის ბოლოში. ხელმისაწვდომია შემდეგი ხელსაწყოები, რომელთაგან თითოეული ხელმისაწვდომია შესაბამისი ჩანართების სათაურზე დაწკაპუნებით ან თანმხლები კლავიატურის მალსახმობის გამოყენებით.

   

   • DOM Explorer: საშუალებას გაძლევთ დაარედაქტიროთ სტილის ფურცლები და HTML აქტიურ გვერდზე, გადაიტანოთ შეცვლილი შედეგები, როგორც კი მიდიხართ. იყენებს IntelliSense ფუნქციონირებას კოდის ავტომატური შევსებისთვის, სადაც ეს შესაძლებელია. კლავიატურის მალსახმობი: (CTRL+1)
   • კონსოლი: უზრუნველყოფს გამართვის შესახებ ინფორმაციის წარდგენის შესაძლებლობას, მათ შორის მრიცხველების, ტაიმერების, კვალის და მორგებული შეტყობინებების ინტეგრირებული API-ის საშუალებით. ასევე, გაძლევთ საშუალებას შეიყვანოთ კოდი აქტიურ ვებ გვერდზე და შეცვალოთ ცალკეულ ცვლადებზე მინიჭებული მნიშვნელობები რეალურ დროში. კლავიატურის მალსახმობი: (CTRL+2)
   • გამმართველი: საშუალებას გაძლევთ დააყენოთ წყვეტის წერტილები და გამართოთ თქვენი კოდი მისი შესრულებისას, სტრიქონ-სტრიქონი საჭიროების შემთხვევაში. კლავიატურის მალსახმობი: (CTRL+3)
   • ქსელი: ჩამოთვლილია ბრაუზერის მიერ ინიცირებული თითოეული ქსელის მოთხოვნა გვერდის ჩატვირთვისა და შესრულების დროს, პროტოკოლის დეტალების, შინაარსის ტიპის, გამტარუნარიანობის გამოყენების და მრავალი სხვა. კლავიატურის მალსახმობი: (CTRL+4)
   • ეფექტურობა: დეტალურად არის აღწერილი კადრების სიხშირე, CPU-ის გამოყენება და სხვა შესრულებასთან დაკავშირებული მეტრიკა, რომელიც დაგეხმარებათ დააჩქაროთ გვერდის დატვირთვის დრო და სხვა აქტივობები. კლავიატურის მალსახმობი: (CTRL+5)
   • მეხსიერება: გეხმარებათ იზოლიროთ და გამოასწოროთ პოტენციური მეხსიერების გაჟონვა მიმდინარე ვებ გვერდზე მეხსიერების გამოყენების ვადების ჩვენებით სხვადასხვა დროის ინტერვალებიდან სნეპშოტებთან ერთად. კლავიატურის მალსახმობი: (CTRL+6)
   • ემულაცია: გიჩვენებთ, თუ როგორ გამოისახება აქტიური გვერდი სხვადასხვა რეზოლუციებში და ეკრანის ზომებში, სმარტფონების, ტაბლეტების და სხვა მოწყობილობების ემულაცია. ის ასევე იძლევა მომხმარებლის აგენტისა და გვერდის ორიენტაციის შეცვლის შესაძლებლობას, აგრეთვე სხვადასხვა გეოლოკაციების სიმულაციას გრძედი და გრძედი შეყვანით. კლავიატურის მალსახმობი: (CTRL+7)

4. კონსოლი საჩვენებლად, როდესაც რომელიმე სხვა ხელსაწყოშია, დააჭირეთ კვადრატულ ღილაკს მარჯვენა ფრჩხილი შიგნით, რომელიც მდებარეობს განვითარების ინსტრუმენტების ინტერფეისის ზედა მარჯვენა კუთხე.

   

5. დეველოპერის ხელსაწყოების ინტერფეისის გასახსნელად, რათა ის ცალკე ფანჯარა გახდეს, აირჩიეთ ორი კასკადური ოთხკუთხედი ან გამოიყენეთ კლავიატურის შემდეგი მალსახმობი: CTRL+P. თქვენ შეგიძლიათ დააბრუნოთ ხელსაწყოები თავდაპირველ ადგილას CTRL+P-ის მეორედ დაჭერით.

   

Apple Safari (მხოლოდ Mac)

Safari-ის მრავალფეროვანი დეველოპმენტის ხელსაწყოები ასახავს დეველოპერთა დიდ საზოგადოებას, რომელიც იყენებს Mac-ს მათი დიზაინისა და პროგრამირების საჭიროებისთვის. გარდა მძლავრი კონსოლისა და ტრადიციული ჟურნალისა და გამართვის ფუნქციებისა, ასევე მოწოდებულია ადვილად გამოსაყენებელი საპასუხო დიზაინის რეჟიმი და ინსტრუმენტი თქვენი საკუთარი ბრაუზერის გაფართოებების შესაქმნელად.

1. აირჩიეთ Safari ბრაუზერის მენიუში, რომელიც მდებარეობს თქვენი ეკრანის ზედა ნაწილში. როდესაც ჩამოსაშლელი მენიუ გამოჩნდება, აირჩიეთ Preferences. მენიუს ამ ელემენტის ნაცვლად შეგიძლიათ გამოიყენოთ კლავიატურის შემდეგი მალსახმობი: COMMAND+COMMA(,)

   

2. Safari-ის Preferences ინტერფეისი ახლა უნდა იყოს ნაჩვენები თქვენი ბრაუზერის ფანჯრის გადაფარვით. აირჩიეთ მოწინავე ხატულა, რომელიც მდებარეობს სათაურის უკიდურეს მარჯვენა მხარეს.

   

3. მოწინავე პარამეტრები ახლა უნდა იყოს ხილული. ამ ეკრანის ბოლოში არის ვარიანტი, სახელწოდებით აჩვენე Develop menu მენიუს ზოლში, რომელსაც ახლავს ჩამრთველი. თუ ყუთში არ არის ნაჩვენები, დააწკაპუნეთ მასზე ერთხელ, რომ მოათავსოთ ერთი.

   

4. დახურეთ Preferences ინტერფეისი.

5. ახლა უნდა შეამჩნიოთ ახალი ვარიანტი ბრაუზერის მენიუში, სახელად Develop, რომელიც მდებარეობს სანიშნეებსა და ფანჯარა შორის. დააწკაპუნეთ მენიუს ამ პუნქტზე. ახლა უნდა გამოჩნდეს ჩამოსაშლელი მენიუ, რომელიც შეიცავს შემდეგ ვარიანტებს.

   • გახსენით გვერდი -ით: გაძლევთ საშუალებას გახსნათ აქტიური ვებ გვერდი თქვენს Mac-ზე ამჟამად დაინსტალირებული ერთ-ერთ სხვა ბრაუზერში.
   • მომხმარებლის აგენტი: საშუალებას გაძლევთ აირჩიოთ ათზე მეტი წინასწარ განსაზღვრული მომხმარებლის აგენტის მნიშვნელობებიდან Chrome-ის, Firefox-ისა და Internet Explorer-ის რამდენიმე ვერსიის ჩათვლით, ასევე განსაზღვროთ თქვენი საკუთარი ჩვეულება სტრიქონი.
   • შედით საპასუხო დიზაინის რეჟიმში: ასახავს მიმდინარე გვერდს, როგორც ეს გამოჩნდება სხვადასხვა მოწყობილობებზე და ეკრანის სხვადასხვა გარჩევადობით.
   • აჩვენე ვებ ინსპექტორი: ამუშავებს მთავარ ინტერფეისს Safari-ის დეველოპმენტის ხელსაწყოებისთვის, რომელიც ჩვეულებრივ განთავსებულია თქვენი ბრაუზერის ეკრანის ბოლოში და შეიცავს შემდეგ განყოფილებებს: ელემენტები, ქსელი, რესურსები, ვადები, Debugger, Storage, Console.
   • შეცდომის კონსოლის ჩვენება: ასევე უშვებს დეველოპერის ხელსაწყოების ინტერფეისს, პირდაპირ კონსოლის ჩანართზე, რომელიც აჩვენებს შეცდომებს, გაფრთხილებებს და სხვა საძიებო შესაძლებლობებს ჟურნალის მონაცემები.
   • აჩვენე გვერდის წყარო: ხსნის რესურსების ჩანართს, რომელიც აჩვენებს დოკუმენტის მიხედვით კატეგორიზებული აქტიური გვერდის წყაროს კოდს.
   • გვერდის რესურსების ჩვენება: ასრულებს იგივე ფუნქციას, რასაც გვერდის წყაროს ჩვენება.
   • Snippet Editor: ხსნის ახალ ფანჯარას, სადაც შეგიძლიათ შეიყვანოთ CSS და HTML კოდი, წინასწარ დაათვალიეროთ მისი გამომავალი.
   • Show Extension Builder: უზრუნველყოფს Safari გაფართოებების შექმნის ან რედაქტირების შესაძლებლობას CSS, HTML და JavaScript-ით.
   • აჩვენე ქრონოლოგიის ჩანაწერი: ხსნის ვადების ჩანართს და იწყებს ქსელის მოთხოვნების, განლაგების და ინფორმაციის გადაცემას, ასევე JavaScript-ის შესრულებას რეალურ დროში.
   • ცარიელი ქეშები: წაშლის მთელ ქეშს, რომელიც ამჟამად ინახება თქვენს მყარ დისკზე.
   • გამორთეთ ქეშები: აჩერებს Safari-ს ქეშირებას ისე, რომ მთელი კონტენტი მოიძებნოს სერვერიდან ყოველი გვერდის ჩატვირთვისას.
   • გამორთეთ სურათები: ხელს უშლის სურათების რენდერირებას ყველა ვებ გვერდზე.
   • სტილების გამორთვა: უგულებელყოფს CSS თვისებებს გვერდის ჩატვირთვისას.
   • გამორთვა JavaScript: ზღუდავს JavaScript-ის შესრულებას ყველა გვერდზე.
   • გაფართოებების გამორთვა: კრძალავს ყველა დაინსტალირებული გაფართოების გაშვებას ბრაუზერში.
   • გამორთეთ კონკრეტული საიტის ჰაკები: თუ Safari შეცვლილია აქტიური ვებგვერდისთვის სპეციფიკური საკითხების მკაფიოდ გადასაჭრელად, ეს პარამეტრი დაბლოკავს ამ ცვლილებებს ისე, რომ გვერდი იტვირთება ისე, როგორც ეს იქნებოდა ამ ცვლილებების შემოღებამდე.
   • გათიშეთ ლოკალური ფაილების შეზღუდვები: საშუალებას აძლევს ბრაუზერს ჰქონდეს წვდომა თქვენს ადგილობრივ დისკებზე არსებულ ფაილებზე, მოქმედება, რომელიც ნაგულისხმევად შეზღუდულია უსაფრთხოების მიზეზების გამო.
   • გათიშეთ ჯვარედინი წარმოშობის შეზღუდვები: ეს შეზღუდვები დაწესებულია ნაგულისხმევად, რათა თავიდან იქნას აცილებული XSS და სხვა პოტენციური საფრთხეები. თუმცა, ხშირად საჭიროა მათი დროებით გამორთვა განვითარების მიზნებისთვის.
   • JavaScript-ის დაშვება ჭკვიანი საძიებო ველიდან: ჩართვის შემთხვევაში, ის უზრუნველყოფს URL-ების შეყვანის შესაძლებლობას Javascript-ით: ჩართული პირდაპირ მისამართების ზოლში.
   • მიიჩნიეთ SHA-1 სერთიფიკატები, როგორც დაუცველი: SSL სერთიფიკატები SHA-1 ალგორითმის გამოყენებით ფართოდ ითვლება მოძველებულად და დაუცველად.