Bagaimana cara menggunakan konsol php di chrome?

Google Browser Chrome dan proyek Chromium mereka menjadi lebih populer. Awalnya itu adalah kecepatan Chrome, yang membuatnya sangat populer, tetapi sekarang ekstensi juga menjadi fokus pengguna. Saat ini pasar ekstensi Chrome penuh dengan ekstensi yang sangat berguna. Tentu saja ada juga banyak penyempurnaan dalam konteks pengembangan web yang telah membantu ketenaran Firefox

Di bidang pengembangan PHP, saya selalu melihat beberapa solusi, bermain dengan opsi berbeda dan pada akhirnya saya duduk di depan browser dengan IDE, XDebug atau beberapa ekstensi saya sendiri. Di Firefox saya telah menggunakan FirePHP di berbagai area, informasi lebih lanjut tentangnya dapat ditemukan di artikel ini. Atau saya juga menulis tentang debugConsole. Oleh karena itu wajar untuk mencari solusi di lingkungan Chromium. Anda akan dapat menemukan beberapa topik menarik tentangnya dan saya ingin memperkenalkan php-console dan menunjukkan cara mengintegrasikannya di WordPress melalui Plugin

Konsol PHP adalah ekstensi untuk Lagger dan kelas PhpConsole, yang menampilkan kesalahan PHP/pesan debug di konsol Google Chrome dan di sembulan pemberitahuan

Pernyataan ini mengatakan itu semua, setelah integrasi kelas Anda dapat melihat hasil yang bagus. Melalui Plugin saya memecahkan untuk menyertakan kelas, yang juga dapat dimasukkan secara manual di tempat yang diperlukan dari file yang relevan

Anda dapat memeriksa semua fitur ekstensi di situs proyek, dokumentasi dan unduhan juga tersedia di situs proyek

Berikut adalah beberapa wawasan dari keluaran dan mungkin itu membuat Anda ingin mengujinya atau bahkan lebih

Pada tangkapan layar pertama Anda melihat keluaran dari kesalahan PHP, yang ditampilkan di konsol. Anda juga bisa mendapatkan hasil setelah memuat halaman sebagai popup, lihat tangkapan layar terakhir. Oleh karena itu pengaturan ekstensi melalui menu konteks tersedia

Atau output dalam log, yang saya buat secara eksplisit sebagai contoh melalui Plugin. Sehingga memungkinkan untuk mengontrol output

Di tangkapan layar terakhir, ikhtisar lengkap, termasuk sembulan – Anda memiliki ikhtisar yang bagus dari semua pesan PHP sehingga Anda tidak akan melupakan apa pun saat mengembangkan

Ini adalah Plugin kecil saya (sebagai alternatif di Github untuk diunduh termasuk semua file dan folder), sedangkan saya meletakkan kelas PhpConsole.php dari php-Console di folder inc. Keluaran dalam log konsol akan dikontrol melalui fungsi debug(); . Plugin ini juga kompatibel dengan hosting web php saya, jika Anda mau

Tidak hanya membuat eksekusi yang mendasari proyek Anda lebih transparan dan dapat dipahami, tetapi juga lebih mudah diakses dalam pendekatannya. Di lingkungan perusahaan atau komunitas, praktik penebangan cerdas dapat membantu semua orang untuk memiliki pemahaman yang sama tentang status dan kemajuan proyek

Dalam posting ini, kita akan melihat bagaimana kita dapat menyempurnakan praktik pengembangan web PHP kita dengan memahami pentingnya masuk ke konsol browser. Kita akan melihat bagaimana logging didukung secara native di PHP, dan bagaimana melakukannya di konsol browser memiliki lebih banyak penawaran daripada mencetak log di halaman web atau menulis log ke file

Gunakan tautan ini untuk menavigasi

Latar Belakang - Masuk dalam PHP

Lebih dari 25 tahun sejak pembuatannya, PHP masih menjadi salah satu bahasa pemrograman yang paling banyak digunakan di dunia, terhitung sekitar 78% dari internet yang dikenal.

Meskipun ketika saya memulai pemrograman di PHP, saya menyadari bahwa latar belakang saya di Javascript tidak mempersiapkan saya untuk ini. Saya sangat terbiasa bekerja dengan konsol browser untuk debugging, sehingga harus bekerja dengan dukungan logging asli PHP tidak dapat mengisi kekosongan itu. Tapi ada harapan

Sebelum itu, mari kita lihat bagaimana PHP mendukung logging dan debugging secara native

PHP dapat digunakan untuk masuk melalui dua cara utama -

• Baik dengan menulis ke file log pada disk atau
• Dengan menampilkan nilai variabel pada halaman web menggunakan echo dan var_dump.  

Kedua opsi ini terbukti membatasi

Meskipun file log statis membantu dalam analisis retrospektif tentang bagaimana eksekusi dibuka, mereka dapat menghilangkan pengalaman real-time Anda yang kaya dalam memantau dinamika situs web modern yang sibuk dengan permintaan jaringan dan koneksi soket

Juga, hanya ada begitu banyak informasi yang dapat Anda masuki ke halaman web Anda tanpa mengganggu desainnya. Oleh karena itu, mekanisme logging konvensional yang dimungkinkan dalam PHP tampaknya kurang layak untuk situs web yang lebih luas dan dinamis

Masalah yang disebutkan di atas membatasi kemampuan logging tidak hanya untuk PHP tetapi juga untuk bahasa apa pun yang akan digunakan untuk pengembangan web di masa mendatang

Browser modern datang untuk menyelamatkan dan menyadari pentingnya menyediakan pengembang dengan alat yang diperlukan untuk memberi jalan bagi beberapa dukungan logging dan debugging yang mudah namun kuat. Ini juga dikenal sebagai Alat Pengembang dan dapat diakses dengan mengklik kanan pada halaman web dan memilih opsi 'Periksa'.  

Alat-alat ini memungkinkan Anda untuk memeriksa objek DOM, memantau permintaan dan respons jaringan, waktu muat halaman, kinerja situs web, konsumsi memori, dan banyak lagi.

Salah satu Alat Pengembang ini, yang dikenal sebagai konsol browser memungkinkan Anda mencatat pesan dan menjalankan kode Javascript untuk men-debug aplikasi Anda. Mari kita lihat bagaimana kita dapat menggunakannya untuk keuntungan kita

Dasar-dasar Pencatatan Konsol Peramban

Ketika ada yang tidak beres di situs web, biasanya pengguna diperlihatkan pesan kesalahan yang menarik tentang apa yang terjadi

Tapi jendela pengembang web untuk apa yang mungkin salah adalah Alat Dev browser - terutama konsol browser

Apa itu konsol browser?

Konsol browser, seperti namanya, adalah konsol di browser.  

Sama seperti Anda dapat menjalankan Python atau Node. kode js pada konsol di terminal Anda, dan mencetak hasil dan kesalahan log, konsol di browser Anda memungkinkan Anda untuk menjalankan kode Javascript dan mencatat informasi yang berkaitan dengan situs web Anda

Mari kita pahami ini melalui sebuah contoh. Katakanlah Anda membuat platform perpesanan online dan karena beberapa alasan yang tidak diketahui, pengguna di situs web Anda tidak dapat menerima pesan dari teman mereka. Sekarang dalam kasus seperti itu, akan berguna untuk memiliki sistem logging yang jelas yang dapat membantu Anda mengetahui apa yang salah dan di mana. Berikut ini adalah contoh log

1. Basis data terhubung
2. Mengambil teman pengguna
3. Mengolah data
4. Merender data
5. Membuka koneksi soket
6. Koneksi soket berhasil
7. Mengirim pesan di saluran
8. Menerima pesan di saluran
9. Merender pesan
10. [ERROR DALAM PENGIRIMAN PESAN]

Seperti yang ditunjukkan pada contoh di atas, log yang diimplementasikan dengan baik akan membantu Anda mengetahui bahwa meskipun konten pesan telah diterima, dalam merendernya kode Anda gagal. Sekarang Anda dapat melanjutkan dan langsung melompat ke bagian yang relevan dari kode Anda dan membuat perubahan yang diperlukan

Anda dapat mencetak informasi ke konsol dengan menggunakan konsol. log() metode.  

Bergantung pada kebutuhan, metode lain dari objek konsol juga dapat digunakan -

• menghibur. info()
• menghibur. men-debug()
• menghibur. memperingatkan()
• menghibur. kesalahan()

Dimana itu?

Di Google Chrome, Anda dapat mengakses konsol browser dengan menggunakan Cmd + Shift + C (Ctrl + Shift + C di Windows, Linux) atau dengan menavigasi ke tab 'Konsol' di Alat Pengembang setelah memilih opsi menu 'Periksa'

Bagaimana Console Logging Dapat Dilakukan di PHP

Terlepas dari supremasi PHP, fakta bahwa semua browser modern memilih Javascript sebagai bahasa juru bahasa browser berarti bahwa satu-satunya cara log kode PHP dapat masuk ke konsol browser adalah melalui fungsi pembantu khusus. Fungsi-fungsi ini dapat memanggil konsol Javascript. log() dengan mengulanginya ke halaman web yang diperlukan

// code for connecting to database
echo 'console.log("Database connected!")';

Ini adalah dasar bagaimana seseorang dapat memanfaatkan kemampuan konsol browser berbasis JS untuk lingkungan berbasis PHP.  

Mari kita lihat bagaimana kita dapat menggunakan hal di atas untuk mencatat lebih sering dan lebih fleksibel

Contoh di atas hanya untuk mencetak string pesan berkode keras yang menginformasikan tentang status dan kemajuan subtugas tertentu.  

Juga sangat umum untuk men-debug dengan mencatat variabel data, seperti meminta parameter, respons JSON (Javascript Object Notation), keluaran yang diproses, dll. Mari kita lihat bagaimana kita bisa mencetak array PHP ke konsol browser

';
   echo 'console.log('. json_encode($my_arr, JSON_HEX_TAG) .')';
   echo '';
?>

OUTPUT KONSOL

Fungsi json_encode() mengubah variabel PHP menjadi objek JSON yang dapat diuraikan oleh Javascript untuk dicetak ke konsol. File PHP kami yang cantik dikonversi oleh browser ke markup HTML berikut -

(diperiksa dari bagian 'Sumber' Alat Pengembang)

Fungsi json_encode() dapat digunakan untuk mengonversi tipe data PHP apa pun menjadi notasi yang kompatibel dengan Javascript.  

Alih-alih menulis pernyataan gema yang sesuai setiap kali kita ingin mencatat sesuatu ke konsol, kita dapat membuat fungsi yang sama -

function console_log($data, $add_script_tags = false) {
    $command = 'console.log('. json_encode($data, JSON_HEX_TAG).');';
    if ($add_script_tags) {
        $command = '';
    }
    echo $command;
}

Fungsi di atas dapat digunakan sesuka kita tergantung pada apakah kita menginginkan penutupnya';

OUTPUT KONSOL

Menggunakan perpustakaan PHP untuk menghibur log

Jika Anda ingin mengalihdayakan kode middleware logging ini ke pustaka Open Source pembantu yang memungkinkan lebih banyak fungsi, maka Anda dapat melihat sesuatu seperti PHPConsole atau PHPDebugConsole.  

PHPConsole lebih populer di Github tetapi agak tua, dan jarang diperbarui. Ia bekerja dengan ekstensi browser (untuk Chrome) untuk mencatat informasi ke konsol browser. Kode dan instruksi instalasi dapat ditemukan di sini.  

Di sisi lain, PHPDebugConsole, meski hanya memiliki 34 bintang di Github, lebih sering dipelihara dan memiliki dokumentasi yang lebih baik. Kode, informasi penginstalan, dan petunjuk penggunaan perpustakaan dapat ditemukan di sini

Secara default, ini menampilkan log di halaman web dengan cara yang terorganisir. Berikut adalah contoh penggunaan yang disediakan di situs web mereka yang menunjukkan betapa mudahnya memulai dengan masuk menggunakan PHPDebugConsole

 true,
	'output' => true,
));

$debug->log('hello world');

Di bawah ini adalah contoh keluaran HTML dari situs web mereka

Mereka juga memberikan dukungan untuk masuk ke konsol browser dengan memasang ekstensi tertentu

Jika Anda sedang mengerjakan proyek pribadi skala kecil, menurut pendapat saya, tidak ada yang cocok dengan kesederhanaan menggunakan fungsi pembantu berbasis json_encode() kustom Anda. Ini akan menyelamatkan Anda dari mengurus ketergantungan eksternal dan kompatibilitas lintas browser

Mengapa Anda Harus Masuk ke Konsol

Kenyamanan

Masuk ke konsol browser tentu memiliki faktor kenyamanan. Lebih mudah bagi pengembang untuk mencatat kesalahan tepat di sebelah tampilan halaman web. Dengan cara ini pengembang hanya perlu beralih antara IDE dan browser dibandingkan dengan membuka file log di sisi yang lebih cenderung tidak menyegarkan secara otomatis

Pemantauan hasil secara real-time

Karena sebagian besar fungsi situs web adalah tampilan halaman web dan perenderan konten, penting bagi pengembang untuk dapat memantau log dan kinerja situs web secara real-time saat halaman web dibuka dan sebagai pengguna. . Sinkronisasi ini dapat memberi jalan bagi wawasan baru tentang kinerja situs web dan tentang peningkatan relevan yang dapat dilakukan

Menghemat Anda dari menelusuri file log statis yang besar dan kuat

Meskipun dalam banyak kasus penting untuk melacak dan memelihara file log untuk proyek berskala besar untuk menganalisis dan menilai kinerja, mungkin sedikit mengecewakan untuk menyadari bahwa di PHP itu adalah satu-satunya dukungan logging yang disediakan oleh bahasa tersebut. Untuk log debug yang kurang penting, sebaiknya memiliki konsol yang menampilkan hasil jika diperlukan.  

Tidak main-main dengan halaman web

Gema dan var_dump PHP terkadang dapat digunakan untuk mencatat dan memantau data di halaman web. Namun seperti yang telah kita diskusikan sebelumnya, ini mengganggu tampilan halaman web Anda, memengaruhi pengalaman pengguna, dan bukan praktik yang baik untuk proyek ekstensif. Di bawah ini adalah contoh -

Fakta bahwa jendela konsol browser terpisah dapat digunakan untuk menampilkan log berarti bahwa pengembang tidak perlu khawatir tentang mendistorsi tata letak halaman web atau tentang pemformatan log mereka

Membungkusnya

Dalam postingan ini, kami menyadari pentingnya memiliki sistem logging yang baik untuk aplikasi Anda, baik kecil maupun besar. Kami melihat bagaimana PHP secara native memungkinkan debugging dan logging, dan bagaimana kami dapat memanfaatkan konsol browser untuk hal yang sama. Kami melihat bagaimana kami dapat menggemakan konsol Javascript. log() panggilan untuk menulis ke konsol menggunakan fungsi json_encode(). Kami juga melihat beberapa kerangka kerja Sumber Terbuka yang dapat membantu kami masuk ke konsol. Pada akhirnya, kami meringkas manfaat logging ke konsol menjadi empat poin yang dapat meyakinkan kami untuk mengadopsi praktik logging yang disebutkan di atas ke dalam rutinitas pengembangan web kami, menuju pengkodean yang lebih efisien.

Bagaimana cara men-debug kode PHP di Chrome?

Bagaimana cara menulis log konsol di PHP?

Apakah ada log konsol untuk PHP?

Bagaimana cara men-debug aplikasi web PHP?