Laman » Toolkit » Bagaimana untuk Membolehkan Aplikasi DevTools Chrome untuk Pengkalan Jauh Jauh

    Bagaimana untuk Membolehkan Aplikasi DevTools Chrome untuk Pengkalan Jauh Jauh

    App DevTools Chrome dicipta oleh Kenneth Auchenberg dalam usaha untuk mengambil devtools keluar dari penyemak imbas - dalam hal ini keluar dari penyemak imbas Chrome. Aplikasi ini dibina berdasarkan NW.js dan boleh dijalankan di Mac OS X serta di Linux dan Windows.

    Terdapat banyak sebab yang mendorong pencipta untuk mencipta ini tetapi visinya terdiri daripada memberi pemaju kemudahan penyahpepijat jauh merentasi berbilang penyemak imbas, semuanya dari platform bersatu yang sama (aplikasi). Idea ini akan mengambil sedikit masa untuk menangkap dan menjadi kenyataan kerana pelbagai sebab (dan rintangan, yang boleh anda baca di blognya).

    Kami akan melihat ringkas pada App DevTools Chrome dan melihat apa yang ditawarkan Google untuk pemaju.

    Lagi mengenai Hongkiat:

    • Bermula dengan Alat Pembangun Chrome
    • 5 (Lagi) Tips DevTools Chrome berguna untuk Pemaju
    • Bagaimana untuk menyesuaikan tema Google Chrome DevTools

    Pemasangan

    Muat turun Chrome-Devtools.app.zip dan keluarkannya. Klik dua kali untuk dijalankan. Mulakan Penyemak Imbas Chrome anda dan dayakan debugging jauh.

    Untuk melakukan ini pada Mac, buka terminal dan jalankan arahan di bawah:

    sudo / Aplikasi / Google \ Chrome.app/Contents/MacOS/Google \ Chrome -remote-debugging-port = 9222

    Jika anda menjalankan tingkap, buka Prompt Perintah dan gunakan arahan ini:

    mulakan chrome.exe -remote-debugging-port = 9222

    Bagaimana nak guna

    Apabila Chrome anda telah dibuka, dengan ciri debugging jauh didayakan, kini anda boleh menyemak imbas ke mana-mana tapak. Sebagai contoh, kami membuka Hongkiat.com untuk latihan ini. Seterusnya, kami menuju ke tetingkap aplikasi DevTools Chrome, dan segarkan senarai ini (butang di sebelah kanan bawah).

    Kini anda akan melihat pautan Hongkiat.com yang disenaraikan (seperti yang ditunjukkan di bawah).

    Sekarang klik butang 'Pergi'. Anda akan dibawa ke tetingkap baru. Itu sahaja. Anda mempunyai aplikasi DevTools Chrome dan menjalankannya. Apa yang anda lihat di sini adalah sama seperti ketika anda "memeriksa unsur" pada penyemak imbas Chrome.

    Dan dari sini anda boleh menggunakan aplikasi DevTools Chrome sama seperti menggunakan DevTools pada Chrome secara asli: anda boleh memeriksa elemen DOM, debug JavaScript, bekerja dengan Console dan banyak lagi.

    Apa yang akan datang?

    Aplikasi ini masih sangat eksperimen. Tetapi untuk sekarang, idea untuk mengambil DevTool daripada Chrome membolehkan pemaju untuk merawat apl itu sebagai editor berfungsi, dan bekerja dengan runtime lain seperti node.js dan iOS. Untuk lebih banyak kemungkinan, anda boleh menyemak pemikiran Auchenberg di sini.