Safari Developer Menu adalah fitur yang disediakan oleh browser web Safari di sistem operasi macOS dan iOS yang memungkinkan pengembang web untuk mengakses berbagai alat dan pengaturan pengembangan untuk mengembangkan, memecahkan masalah, dan menguji situs web dan aplikasi web.
Untuk mengaktifkan menu Safari Developer Menu, ikuti langkah-langkah berikut:
- Buka Safari di Mac atau iOS.
- Pilih Safari di bilah menu atas.
- Pilih Preferensi di menu dropdown.
- Klik pada tab "Advanced".
- Pilih kotak centang "Show Develop menu in menu bar".
Setelah developer menu diaktifkan, kamu akan melihat opsi "Develop" di bilah menu atas Safari. Ketika kamu mengklik opsi ini, kamu akan melihat beberapa alat pengembangan yang tersedia, termasuk:
- Console: Alat ini memungkinkan kamu untuk melihat dan memecahkan masalah pesan kesalahan dan log JavaScript.
- Network: Alat ini memungkinkan kamu untuk melihat permintaan HTTP yang dilakukan oleh situs web dan memeriksa kinerja situs web.
- Inspector: Alat ini memungkinkan kamu untuk memeriksa dan memodifikasi kode HTML, CSS, dan JavaScript pada halaman web.
- Resources: Alat ini memungkinkan kamu untuk melihat sumber daya yang dimuat oleh halaman web, seperti gambar, script, dan file CSS.
Itulah beberapa alat pengembangan yang tersedia dalam menu pengembang Safari. Dengan menggunakan fitur ini, pengembang web dapat mempercepat proses pengembangan dan memecahkan masalah situs web dan aplikasi web.
Pada artikel sebelumnya sudah di bahas bagaimana cara mengaktifkan
Develop Menu untuk para developer. Safari Develop menu adalah tools untuk memastikan bahwa sebuah website bisa berjalan dengan baik untuk semua browser web berbasis standar.
Apple di dalam App Safari menyematkan development tools untuk para developer website, diantaranya:
- Web Inspector
- Memodifikasi
- Men-debug
- Optimalisasi website agar memiliki performance dan kompabilitas pada beberapa platform
- Mode design web responsive device
- Orientasi dan resolusi
Pada saat mengaktifkan web inspector sebuah website pada browser Safari Mac, bisa memantau hingga melakukan audit website. Men-debug memori menggunakan Timelines. Menempatkan tab-tab terpisah sesuai kegunaan agar dapat mengatur ulang sesuai alur kerja.
Beberapa hal yang bisa di lakukan Safari web inspector:
- Audit
- Console
- Elements
- Graphics
- Layers
- Network
- Sources
- Storage
- Timelines