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.
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
Latest News
Post a Comment