Როგორ გამოვიყენოთ ვებ ბრაუზერი შემქმნელი ინსტრუმენტები

ინტეგრირებული toolsets ვებ დიზაინერების, დეველოპერები და ტესტერები

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

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

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

გუგლ ქრომი

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

1. დააჭირეთ Chrome- ის მთავარ მენიუს ღილაკს, რომელიც აღინიშნება სამი ჰორიზონტალური ხაზით და მდებარეობს ბრაუზერის ზედა მარჯვენა კუთხეში.
2. როდესაც ჩამოსაშლელი მენიუ გამოჩნდება, გააქტიურეთ თქვენი კურსორი მეტი ხელსაწყოების პარამეტრზე.
3. ქვემენია ახლა გამოჩნდება. აირჩიეთ პარამეტრი დეველოპერის ინსტრუმენტები . ასევე შეგიძლიათ გამოიყენოთ შემდეგი მენიუში შემდეგი კლავიშები: Chrome OS / Windows ( CTRL + SHIFT + I ), Mac OS X ( ALT (OPTION) + COMMAND + I )
4. Chrome Developer Tools ინტერფეისი ახლა უნდა გამოჩნდეს, როგორც ნაჩვენებია ამ მაგალითში სკრინშოტი. თქვენი მობილური ვერსიის მიხედვით, თავდაპირველი განლაგება, რომელიც ხედავთ, შეიძლება ოდნავ განსხვავებული იყოს აქ წარმოდგენილი აქედან. დეველოპერის ინსტრუმენტების ძირითადი კერა, როგორც წესი, ეკრანის ქვედა ან მარჯვენა მხარეს მდებარეობს, შეიცავს შემდეგ ჩანართებს.
   ელემენტები: უზრუნველყოფს CSS- ისა და HTML- ის კოდის შემოწმებას, ასევე CSS- ის ფრენის შესწორებას, რეალურ დროში ცვლილებების შედეგებს.
   კონსოლი: Chrome- ის JavaScript კონსოლი საშუალებას იძლევა პირდაპირი ბრძანების შესვლისთვის და დიაგნოსტიკური გამართვისთვის.
   წყაროები: იძლევა ჯდება JavaScript კოდის მეშვეობით მძლავრი გრაფიკული ინტერფეისით.
   ქსელი: ასახავს და აწვდის დეტალურ ინფორმაციას თითოეული დაკავშირებული ოპერაციის შესახებ აქტიური განაცხადის ან გვერდის შესახებ, მათ შორის სრული მოთხოვნისა და რეაგირების სათაურებისა და მოწინავე დროითი მეტრიკის შესახებ.
   Timeline: საშუალებას აძლევს სიღრმისეულ ანალიზს, რომელიც ხდება ბრაუზერის ფარგლებში, როგორც კი დაიწყება გვერდი ან აპლიკაციის ჩატვირთვის მოთხოვნა.
5. ამ მონაკვეთების გარდა, თქვენ ასევე შეგიძლიათ გამოიყენოთ შემდეგი საშუალებები: >> ხატი, რომელიც განთავსებულია ქრონოლოგიური ტაბლეტის მარჯვნივ.
   პროფილი: Broken down შევიდა CPU Profiler და Heap profiler სექციები, უზრუნველყოფს ყოვლისმომცველი მეხსიერების გამოყენება და საერთო აღსრულების დრო აქტიური განაცხადის ან გვერდზე.
   უსაფრთხოება: ხაზგასმულია სერტიფიკატის პრობლემები და სხვა უსაფრთხოების დაკავშირებული საკითხები აქტიური გვერდი ან აპლიკაცია.
   რესურსები: ეს არის სადაც შეგიძლიათ შეამოწმოთ ქუქი-ფაილები, ადგილობრივი შენახვის, აპლიკაციის ქეში და სხვა ადგილობრივი მონაცემები, რომლებიც იყენებენ მიმდინარე ვებ-გვერდს ან აპლიკაციას.
   აუდიტი: გთავაზობთ გზას ოპტიმიზაციას გვერდზე ან განაცხადის დატვირთვის დრო და ზოგადი შესრულება.
6. მოწყობილობის რეჟიმი საშუალებას გაძლევთ იხილოთ აქტიური გვერდი სიმულატორში, რომელიც უშვებს მას თითქმის ზუსტად ისე, როგორც ეს გამოჩნდება ათზე მეტი მოწყობილობით, მათ შორის რამდენიმე კარგად ცნობილი Android და iOS მოდელები, როგორიცაა iPad, iPhone და Samsung Galaxy. თქვენ ასევე მოცემულია უნარი, რათა ჩაანაცვლოს საბაჟო ეკრანის რეზოლუციები შეესაბამება თქვენს კონკრეტულ განვითარებას ან ტესტირების მოთხოვნებს. მოწყობილობის რეჟიმის ჩართვა და გამორთვა, შეარჩიეთ მობილური ტელეფონის ხატი, რომელიც მდებარეობს უშუალოდ მარცხენა ელემენტების ჩანართზე.
7. თქვენ ასევე შეგიძლიათ Customize სახე და გრძნობს თქვენი დეველოპერი ინსტრუმენტები პირველი დაწკაპვით მენიუს ღილაკს წარმოდგენილი სამი ვერტიკალურად განთავსებული წერტილები და მდებარეობს შორს მარჯვენა მხარეს აღნიშნული ჩანართების. ამ ჩამოსაშლელი მენიუდან შეგიძლიათ შეიტანოთ დოკის ჩვენება, აჩვენოთ ან დამალვა სხვადასხვა იარაღები, ასევე უფრო მაღალმხატვრული ელემენტი, როგორიცაა მოწყობილობა ინსპექტორი. თქვენ ნახავთ, რომ dev ინსტრუმენტები ინტერფეისი თავად ძალიან დააკონფიგურიროთ მეშვეობით პარამეტრების ნაპოვნი ამ სექციაში.

Mozilla Firefox

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

რეკომენდებული კითხვა: ტოპ 25 Greasemonkey და Tampermonkey მომხმარებლის სკრიპტები

1. დაწკაპეთ Firefox- ის მთავარი მენიუ ღილაკი, რომელიც წარმოდგენილია სამი ჰორიზონტალური ხაზით და მდებარეობს ბრაუზერის ფანჯრის ზედა მარჯვენა კუთხეში.
2. როდესაც ჩამოსაშლელი მენიუ გამოჩნდება, აირჩიეთ ხატი ეტიკეტების შემქმნელი . ვებ დეველოპერის მენიუ ახლა უნდა გამოჩნდეს, რომელიც შეიცავს შემდეგ ვარიანტებს. თქვენ შეამჩნევთ, რომ მენიუს ელემენტებს აქვს მათთან დაკავშირებული კლავიატურის კომბინაციები.
   გადართვა ინსტრუმენტები: მონიტორები ან მალავს დეველოპერის ინსტრუმენტები ინტერფეისი, როგორც წესი, პოზიციონირებული ბოლოში ბრაუზერის ფანჯარაში. კლავიშთა კომბინაცია: 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- ი საშუალებას მოგცემთ დააფიქსიროთ და ხარვეზების გადასაჭრელად breakpoints- ით, DOM კვანძების, შავი კრივი გარე წყაროების შემოწმება და მრავალი სხვა. როგორც ინსპექტორის შემთხვევაში , ეს ფუნქცია მხარს უჭერს დისტანციური გამართვის საშუალებას. კლავიშთა კომბინაცია: Mac OS X ( ALT (OPTION) + COMMAND + S ), Windows ( CTRL + SHIFT + S)
   სტილი რედაქტორი: საშუალებას გაძლევთ შექმნათ ახალი სტილისტები და ჩართოთ ისინი აქტიური ვებ გვერდი, ან შეცვალონ არსებული ფურცლები და შეამოწმოთ თქვენი ცვლილებები ბრაუზერში მხოლოდ ერთი დაწკაპუნებით. კლავიშთა კომბინაცია: Mac OS X, Windows ( SHIFT + F7 )
   შესრულება: უზრუნველყოფს აქტიური გვერდის ქსელის მუშაობის დეტალებს, გადაღების სიხშირეების მონაცემებს, JavaScript შესრულების დროს და მდგომარეობას, საღებავებს და ა.შ. კლავიშთა კომბინაცია: Mac OS X, Windows ( SHIFT + F5 )
   ქსელი: ჩამოთვლილია ბრაუზერის მიერ ინიცირებული თითოეული ქსელის მოთხოვნა, შესაბამისი მეთოდის, წარმოშობის დომენის, ტიპი, ზომა და დრო. კლავიშთა კომბინაცია: Mac OS X ( ALT (OPTION) + COMMAND + Q ), Windows ( CTRL + SHIFT + Q )
   შემქმნელი Toolbar: ხსნის ინტერაქტიული ბრძანების თარჯიმანი. შეიყვანეთ დახმარების თარჯიმანი ყველა ხელმისაწვდომი ბრძანების სიაში და მათი შესაბამისი სინტაქსი. კლავიშთა კომბინაცია: Mac OS X, Windows ( SHIFT + F2 )
   Webide: უზრუნველყოფს შესაძლებლობების შექმნას და შეასრულოს ვებ apps მეშვეობით ფაქტობრივი მოწყობილობა გაშვებული Firefox OS ან მეშვეობით Firefox OS Simulator. კლავიშთა კომბინაცია: 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: მონიტორები hex ფერი კოდი ინდივიდუალურად შერჩეული პიქსელი.
   Scratchpad : პოპ-ფანჯრის ფანჯარაში ჩაწერეთ JavaScript- ის კოპირების ჩაწერა, რედაქტირება, ინტეგრირება და შესრულება. კლავიშთა კომბინაცია: Mac OS X, Windows ( SHIFT + F4 )
   საწყისი წყარო: თავდაპირველი ბრაუზერის დაფუძნებული დეველოპერი ინსტრუმენტი, ეს ვარიანტი უბრალოდ აჩვენებს არსებული კოდის აქტიურ გვერდს. კლავიშთა კომბინაცია: Mac OS X ( COMMAND + U ), Windows ( CTRL + U )
   უფრო მეტი ინსტრუმენტები: ხსნის ვებ დეველოპერის ინსტრუმენტები კოლექციას Mozilla- ს ოფიციალურ მოდელებზე , რომელშიც დაახლოებით ათეული პოპულარული გაგრძელებაა, როგორიცაა Firebug და Greasemonkey.

Microsoft Edge / Internet Explorer

საყოველთაოდ მოიხსენიება, როგორც F12 შემქმნელი ხელსაწყოები , რომელიც ხსნის კლავიატურის კომბინაციას, რომელმაც დაიწყო ინტერფეისი Internet Explorer- ის ადრეულ ვერსიებში, Dev Toolet- ში IE11- ისა და Microsoft Edge- ში გრძელვადიან პერსპექტივაში. მონიტორები, debuggers, emulators და on-the-fly კომპილერები.

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

Apple Safari (OS X მხოლოდ)

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

1. დააწკაპუნეთ Safari- ში ბრაუზერის მენიუში, რომელიც ეკრანის ზედა ნაწილში მდებარეობს. როდესაც ჩამოსაშლელი მენიუ გამოჩნდება, აირჩიეთ პარამეტრები . ასევე შეგიძლიათ გამოიყენოთ შემდეგი მენიუს შემდეგი კლავიშები: COMMAND + COMMA (,)
2. Safari- ის პარამეტრების ინტერფეისი ახლა უნდა გამოჩნდეს, თქვენი ბრაუზერის ფანჯრის გადაფარვა. დაწკაპეთ Advanced ხატი, რომელიც მდებარეობს შორს მარჯვენა მხარეს header.
3. გაფართოებული შეღავათები ახლა უნდა გამოჩნდეს. ამ ეკრანის ქვედანაყოფში პარამეტრი იარლიყება Show მენიუ მენიუში , რომელსაც თან ახლავს გამშვები ყუთი. თუ ყუთში არ არის ნაჩვენები საკონტროლო ნიშანი, დააჭირეთ მასზე ერთხელ, რომ აქ მოთავსდეს.
4. დახურვა პარამეტრები ინტერფეისი დაწკაპვით წითელი 'x' ნაპოვნი ზედა მარცხენა კუთხეში.
5. ახლა უნდა შეამჩნიოთ ახალი ვარიანტი ბრაუზერის მენიუში, რომელიც შეიმუშავებს , რომელიც მდებარეობს სანიშნეებსა და ფანჯარას შორის . დააწკაპუნეთ ამ მენიუში. ჩამოსაშლელი მენიუ ახლა უნდა გამოჩნდეს, რომელიც შეიცავს შემდეგ ვარიანტებს.
   გახსენით გვერდი: საშუალებას გაძლევთ გახსენით აქტიური ვებ გვერდი თქვენს ბრაუზერში ამჟამად არსებული სხვა ბრაუზერებში.
   მომხმარებელი აგენტი: მონიშნეთ ათზე მეტი წინასწარ განსაზღვრული მომხმარებლის აგენტის ღირებულებებიდან, მათ შორის Chrome- ის, Firefox- ისა და Internet Explorer- ის რამდენიმე ვერსიის, ასევე საკუთარი საბაჟო სიის განსაზღვრა.
   შეიყვანეთ საპასუხო დიზაინი რეჟიმი : ახდენს მიმდინარე გვერდს, როგორც ეს სხვადასხვა მოწყობილობებსა და სხვადასხვა ეკრანის გაფართოებაზე გამოჩნდება.
   აჩვენე ვებ ინსპექტორი: იწყებს მთავარ ინტერფექტს Safari- ს dev ინსტრუმენტები, როგორც წესი, განთავსდება თქვენი ბრაუზერის ეკრანის ქვედა ნაწილში და შეიცავს შემდეგ სექციებს: ელემენტები , ქსელი , რესურსები , ვადები , Debugger , Storage , Console .
   შოუ შეცდომა Console: ასევე იწყებს Dev ინსტრუმენტები ინტერფეისი, პირდაპირ Console tab რომელიც აჩვენებს შეცდომებს, გაფრთხილებას და სხვა საძიებო ჟურნალი მონაცემები.
   გვერდის წყაროს ჩვენება: ხსნის რესურსების ჩანართს, რომელიც აჩვენებს კოდის აქტიურ გვერდის წყაროს კოდით.
   გვერდის რესურსების ჩვენება: ასრულებს იგივე ფუნქციას, როგორც გვერდის წყაროს ჩვენება .
   აჩვენე Snippet Editor: გაიხსნება ახალი ფანჯარა, სადაც შეგიძლიათ შეიყვანოთ CSS და HTML კოდი, დაათვალიეროთ მისი გამომავალი- on-the-fly.
   გაფართოების აღმაშენებლის ჩვენება: უზრუნველყოფს CSS- ის, HTML- ისა და JavaScript- ს, Safari- ის შექმნის ან რედაქტირების შესაძლებლობას.
   Show Timeline Recording: ხსნის ვადები tab და იწყება აჩვენებს ქსელის მოითხოვს, განლაგება და გაწევის ინფორმაცია, ისევე როგორც JavaScript შესრულების რეალურ დროში.
   ცარიელი Caches: წაშლის მთელი ქეში გაკეთებული ინახება თქვენს ხისტ დისკზე.
   გამორთვა ჩანთები: აჩერებს Safari ქეშიდან ისე, რომ ყველა შინაარსი ამოღებულია სერვერზე ყოველი გვერდის დატვირთვისას.
   სურათების გამორთვა: ყველა ვებ გვერდში გამოსახულებებისგან სურათებს აფერხებს.
   გამორთე Styles: იგნორირებულია CSS თვისებები, როდესაც გვერდი დატვირთულია.
   JavaScript- ის გამორთვა: JavaScript- ის ყველა გვერდის აღსაკვეთად.
   გამორთე გაფართოებები: კრძალავს ყველა დაყენებულ გაფართოებას ბრაუზერის შიგნით.
   გამორთე საიტის სპეციფიური ჰეკები: თუ Safari შეცვლილია, რომ პირდაპირ ვებ გვერდზე გამოხატული პრობლემის (ებ) ის გამოსაქვეყნებლად, ეს პარამეტრი დაბლოკავს იმ ცვლილებებს, რომლითაც გვერდი იტვირთება, როგორც ამ ცვლილებების შეტანის წინ.
   გამორთვა ლოკალური ფაილი შეზღუდვები: საშუალებას აძლევს ბრაუზერს ჰქონდეს ფაილების ხელმისაწვდომობა თქვენს ადგილობრივ დისკებზე, ქმედება, რომელიც შეზღუდულია უსაფრთხოების მიზნით.
   გამორთვა გადანერგვის შეზღუდვა: ეს შეზღუდვები იწყება, რათა თავიდან აიცილოს XSS და სხვა პოტენციური საფრთხეები. თუმცა, ხშირად საჭიროა დროებით გათიშვა განვითარების მიზნებისთვის.
   JavaScript- ის ნება დართვა Smart Search Field- დან: როდესაც ჩართულია, იძლევა URL- ს მისამართებს javascript- ით: ინკორპორაცია პირდაპირ მისამართად.
   SHA-1 სერთიფიკატები, როგორც არასაკმარისია: SSL- ს სერტიფიკატები SHA-1 ალგორითმის გამოყენებით ფართოდ განიხილება, როგორც აღმოჩენილი და დაუცველი.