Pemeriksa Web WebKit: Cara Mengatasi Masalah Halaman Web Safari

Pendedahan: Sokongan anda membantu mengekalkan laman web ini! Kami memperoleh bayaran rujukan untuk beberapa perkhidmatan yang kami cadangkan di halaman ini.

WebKit Web Inspector adalah pelacak bug sumber terbuka yang dibina pada tahun 2005 oleh Apple dan disukai oleh pembangun sejak itu. Anda dapat menggunakannya untuk mencari dan memperbaiki bug di halaman web berdasarkan platform WebKit (Safari, iOS, dan MacOS). Inilah masalahnya dan di mana anda boleh mengetahui cara menggunakannya.

Apa itu WebKit Web Inspector?

WebKit Web Inspector adalah alat sumber terbuka yang digunakan untuk menyahpepijat halaman web. Ia direka untuk membantu pembangun yang menggunakan penyemak imbas berdasarkan sistem WebKit untuk mencari dan memperbaiki pepijat. Penyemak imbas sistem WebKit yang paling popular adalah Safari dan Firefox untuk iOS, tetapi juga merangkumi penyemak imbas eksperimental seperti yang terdapat di Amazon Kindles. Penyemak imbas utama lain seperti Chrome menggunakan banyak kod dan struktur yang sama, dan mempunyai versi WebKit Web Inspector (sangat serupa) mereka sendiri.

Sejarah Pemeriksa Web WebKit

Untuk mengetahui bagaimana kita sampai ke Web Inspector, kita harus bermula dengan WebKit itu sendiri.

WebKit bermula pada tahun 2005 ketika Apple mengumumkan bahawa penyemak imbas web barunya, Safari, akan dilancarkan sebagai projek sumber terbuka.

Sejak awal 2000-an, Apple telah berusaha untuk bekerjasama dengan komuniti sumber terbuka KDE, yang membina kod asal yang akhirnya berdasarkan WebKit.

Tetapi ia tidak berjalan lancar.

Tetapi pada tahun 2005, Apple mengumumkan bahawa Safari akan menjadi sumber terbuka sepenuhnya – tidak ada lagi setengah langkah. Selain melonggarkan kendali sedikit, Apple melepaskan semua pangkalan kode yang mereka kerjakan, membuka pohon kawalan mereka, dan (yang paling penting bagi kami) melepaskan alat pengesan pepijat mereka.

Inilah tendangan yang perlu dilakukan Safari untuk benar-benar maju dan dibangun pada sistem yang disebut WebKit, yang tentu saja menciptakan ruang untuk WebKit Web Inspector datang pada tahun 2006 untuk men-debug kod HTML, Java, dan C ++ serta memeriksa web anda halaman. Sejak itu, ia telah dirombak dan direka semula berkali-kali ke keadaannya sekarang.

Apa yang Anda Boleh Lakukan Dengan Web Inspector

Menurut laman web rasmi Apple, Pemeriksa Web dapat digunakan untuk “prototaip, mengoptimumkan, dan men-debug kandungan web Anda di iOS dan OS X.” Dengan kata lain, ini membantu anda memahami apa yang berlaku di laman web anda.

Termasuk dalam fungsi teras Pemeriksa Web adalah kemampuan untuk:

  • Periksa sumber luaran dan data tempatan
  • Ukur kelajuan halaman web, termasuk kecekapan anda:
    • JavaScript
    • CSS
  • Akses konsol untuk memeriksa halaman web anda
  • Debug halaman web anda.

Yang terakhir ini kita fokuskan hari ini.

Menyahpepijat Dengan Pemeriksa Web

Terdapat dua cara untuk menggunakan WebKit untuk menyahpepijat laman web anda. Pertama, anda boleh melakukannya dengan alat debugger WebKit tertentu.

Alat ini akan membantu anda men-debug JavaScript anda, walaupun semuanya dikecilkan (dipendekkan) dengan mengembangkan setiap baris dan mengujinya. Ini membolehkan anda pergi baris demi baris dan mengatur titik putus, menguji garis atau bahagian JavaScript untuk pepijat. Anda juga boleh menggunakan alat ini untuk menetapkan titik putus bersyarat tertentu, membantu anda menguji situasi tertentu di mana pepijat muncul. Anda juga dapat melihat semua pemboleh ubah yang berbeza pada satu ketika, jadi lebih mudah untuk menentukan dan memperbaiki bug.

Cara kedua untuk menggunakan Web Inspector untuk menyahpepijat laman web anda adalah dengan konsol. Pemeriksa Web bertindak sebagai antara muka antara anda dan laman web anda, sama seperti bagaimana terminal arahan bertindak sebagai antara muka antara anda dan sistem operasi komputer anda.

Penyahpepijatan Jauh

Web Inspector juga dapat digunakan untuk men-debug penyemak imbas web yang terbuka di perangkat yang berbeda dari komputer riba anda. Ini bermaksud anda boleh memasang iPhone dan menyahpepijatnya menggunakan komputer riba anda. Ia dapat melakukannya kerana cara disusun menjadi klien HTML, ejen dan sasaran. Tetapi apa yang dimaksudkan dengan ini adalah sangat mudah untuk mencari dan memperbaiki pepijat di halaman mudah alih anda dari komputer riba. Yang anda perlukan hanyalah kabel USB.

Sumber Debugger WebKit

Berikut adalah beberapa sumber utama untuk membantu anda mula menggunakan WebKit untuk menyahpepijat halaman web anda.

Panduan dan Panduan

  • Panduan Envato untuk Menyahpepijat dengan Web Inspector: panduan ringkas dan ringkas tentang cara menggunakan Web Inspector untuk men-debug laman Safari mudah alih dengan komputer Apple anda
  • Panduan Alat Pembangun Safari Apple: Panduan Apple sendiri untuk alat Pemeriksa Web secara umum. Ini adalah alat yang hebat untuk membuat anda selesa dengan antara muka Web Inspector dan mendapatkan gambaran besar mengenai fungsi. Lihat bahagian Debugger mereka untuk maklumat lebih lanjut mengenai debug halaman web.
  • Senibina Pemeriksa Web: catatan blog oleh Diego Pino. Dia menjadi lebih terperinci mengenai cara menggunakan Web Inspector untuk melakukan debug dari jarak jauh dan juga menawarkan banyak kejelasan mengenai struktur Web Inspector.
  • Menyahpepijat Menggunakan Pemeriksa Web: bagi peminat Blackberry di luar sana, ini adalah panduan mudah bagaimana anda boleh menggunakan Pemeriksa Web untuk men-debug laman web anda.
  • Penyahpepijatan pada iOS: Panduan AppGyver tentang cara menggunakan WebKit Web Inspector untuk memeriksa aplikasi dari App Store

Komuniti

  • Stack Overflow secara konsisten mendapat soalan mengenai Web Inspector. Ini adalah tempat yang baik untuk memeriksa sama ada anda tersekat.
  • WebKit Bugzilla menyenaraikan semua permintaan ciri dan bug yang berkaitan dengan Web Inspector. Sekiranya anda buntu, anda dapat melihat sama ada orang lain menghadapi masalah yang sama.
  • Stack Exchange menjalankan basis pengetahuan yang disebut Askdifferent, penuh dengan soalan khusus untuk Apple. Ini sumber lain yang baik jika anda terjebak dengan Web Inspector.

Ringkasan

WebKit’s Web Inspector adalah alat hebat yang boleh anda gunakan untuk mengetahui apa yang sedang berlaku di bawah halaman web anda. Ini membolehkan anda mencari dan memperbaiki pepijat dengan cepat dan mudah tanpa mengira peranti yang anda gunakan. Tambahan, penguasaan Web Inspector akan dibawa ke penyemak imbas berasaskan WebKit utama lain termasuk Chrome dan Firefox. Pelajari satu dan anda pelajari semuanya. Panduan ini akan membantu anda memulakan jalan yang betul.

Bacaan dan Sumber Lanjut

Kami mempunyai lebih banyak panduan, tutorial, dan infografik yang berkaitan dengan pengekodan dan pengembangan:

  • Pengenalan dan Sumber MantisBT: ketahui semua mengenai pengaturcaraan pengesanan pepijat yang popular ini.
  • Ubuntu Primer: pelajari semua mengenai salah satu pengedaran Linux yang paling popular – asas yang sangat baik untuk hosting MantisBT.
  • Pengaturcaraan Berorientasikan Objek: pelajari mengenai pelbagai bahasa pengaturcaraan berorientasikan objek – mungkin ada yang mengejutkan anda.

Adakah Internet akan bertahan di akhir dunia?

Pernahkah anda terfikir apa yang akan berlaku malapetaka besar kepada internet? Lihat infografik kami, Adakah Internet akan bertahan di akhir dunia? Mungkin kita semua boleh hancur tetapi internet akan terus hidup.

Adakah Internet akan Hidup Akhir Dunia?
Adakah Internet akan bertahan di akhir dunia?

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me