2024 Pengarang: Peter John Melton | [email protected]. Diubah suai terakhir: 2023-12-16 04:47
Google Chrome adalah salah satu penyemak imbas web yang popular untuk pembangunan web, kerana ia adalah ciri canggih. Alat Pembangun Chrome boleh menjadi sangat berguna semasa debugging. Kebanyakan kita sudah tahu bahawa kita boleh mengedit CSS secara langsung menggunakan Alat Dev Chrome, tetapi terdapat lebih banyak petua yang akan kami kongsi dengan anda hari ini.
Petua Alat Pembangunan Chrome
Terdapat banyak helah alat Chrome Dev yang tidak diketahui dan tersembunyi dan kami akan mencari helah paling berguna di kalangan mereka. Untuk membuka alat pemaju dalam Chrome, tekan F12 pada papan kekunci anda dan cuba helah berikut.
1. Cari dan Buka sebarang fail
Apabila kita melakukan pembangunan web, kita berurusan dengan banyak HTML, CSS, JS dan fail lain. Apabila kami mahu melakukan debug apa-apa, kami membuka alat Chrome Dev. Anda boleh dengan mudah mencari dan mencari fail tertentu untuk menjadikan tugas anda lebih mudah. Hanya, tekan Ctrl + P dan mulakan menaip nama fail. Ini membantu anda mencari fail tertentu dari senarai fail.
2. Cari dalam fail sumber
Dalam helah sebelum ini, kami mengetahui cara mencari fail tertentu. Anda juga boleh mencari rentetan tertentu dalam semua fail yang dimuatkan. Tekan Ctrl + Shift + F untuk mencari tali dalam fail. Ia juga menyokong ungkapan biasa.
3. Pergi ke barisan tertentu
Sebaik sahaja anda membuka sebarang fail sumber dan mahu pindah ke baris tertentu, kemudian tekan Ctrl + G dan berikan nombor baris dan tekan enter.
4. Memilih DOM Unsur dalam tab Konsol
Alat Dev juga membolehkan anda memilih elemen dalam konsol.
- $() – Mengembalikan kejadian pertama pemilih CSS padanan.
- $$() – Ia mengembalikan pelbagai elemen yang sepadan dengan pemilih CSS yang diberikan.
5. Menggunakan pelbagai karet
Kadang-kadang, anda ingin menetapkan pelbagai karpet di tempat yang berbeza dan anda boleh melakukannya dengan mudah di alat Dev Chrome dengan memegang Ctrl kunci dan klik di mana anda mahu meletakkannya. Kemudian mula menulis dan anda akan melihat yang diletakkan di pelbagai tempat yang dipilih.
6. Memelihara Log
Memelihara log membantu anda untuk mengekalkan log walaupun halaman dimuatkan. Semak pilihan di sebelahnya Memelihara log dalam log Konsol dan log dipelihara. Ini menunjukkan log sebelum halaman dibongkar dan berguna untuk menyiasat pepijat.
7. Gunakan pengesan kod terbina dalam
Alat Dev Chrome mempunyai pengesan kod terbina dalam yang dipanggil cetak cantik "{}". Alat pemaju menunjukkan kod diminimumkan dan tidak begitu mudah dibaca. Klik pada butang cetak yang cantik yang ditunjukkan di sebelah kiri bawah pada fail sumber yang dibuka, untuk menunjukkan fail sumber dalam format yang boleh dibaca manusia.
8. Adakah laman web mudah alih anda mesra? Semak di sini
Alat Dev Chrome juga membolehkan kami menyemak sama ada tapak web mesra mudah alih atau tidak. Anda boleh menyemak bagaimana laman web anda kelihatan pada pelbagai peranti. Kepala ke alat Dev Chrome dan di bawah Emulasi tab, anda boleh memfailkan pelbagai peranti. Pilih peranti yang anda mahu dan uji bagaimana tapak web anda melihat dalam peranti itu.
9. Mengemulasi Sensor dan Lokasi Geografi
Anda juga boleh mencontohi sensor seperti skrin sentuh dan pecutan. Anda juga boleh meniru lokasi geografi. Untuk melakukan ini, pergi ke Emulation -> Sensors.
10. Pilih kejadian seterusnya perkataan semasa
Sekiranya anda ingin menggantikan perkataan Dalam semua kejadian itu, pilih perkataan dan tekan Ctrl + D untuk memilih kejadian seterusnya perkataan yang dipilih. Yang, anda boleh mengedit perkataan itu dalam semua peristiwa itu dalam satu pukulan.
11. Mengubah Format Warna
Hanya gunakan Shift + Klik pada pratonton warna untuk mengubah mengubah antara pemformatan rgba, heksadesimal dan hsl.
12. Tambah perubahan pada fail tempatan melalui ruang kerja
Kami dapat mengedit fail sumber dan membuat beberapa perubahan dalam CSS, Java Script dan dalam fail lain dalam alat Chrome Dev. Untuk menambah perubahan ini kepada fail setempat, maka di sini tidak perlu menyalin tampal perubahan dari ruang kerja ke fail pada cakera. Alat Dev Chrome membolehkan anda memadankan fail dan mengemas kini fail setempat dengan perubahan yang telah anda lakukan dalam alat dev. Untuk mendapatkan klik kanan ini, klik pada fail sumber di sebelah kiri pada Sumber tab dan pilih Tambah Folder ke ruang kerja.
Untuk maklumat lanjut mengenai ruang kerja, pergi ke Chrome.com.
Disyorkan:
Buat Profil Pembangunan Web Ultimate Firefox
Apabila dikonfigurasi dengan betul, Firefox boleh menjadi alat pembangunan web muktamad, memberikan anda akses langsung ke halaman yang sedang anda kerjakan supaya anda dapat gaya halaman anda secara real-time, debug javascript atau bahkan mengedit html.
Pemaju mengatakan pembangunan Windows Phone 7 lebih mudah daripada Android
Di dalam video, pembangun bercakap mengenai kemudahan dan rentetan persekitaran pembangunan Windows Phone 7 dan dia juga membandingkannya dengan aplikasi Android yang sama yang dia cuba untuk membangunkan di mana dia menghabiskan masa 2 minggu yang lalu.
APAC, Hari Terbuka China MVP 2010 di Pusat Pembangunan Microsoft Microsoft
Hari Terbuka MVP adalah acara eksklusif untuk MVP Asia Pasifik & Greater China. MVP dari 3 wilayah - Australia & New Zealand, India, Nepal, Bangladesh dan Asia Tenggara akan menghadiri Meet di Hederabad, India, dari 20 Jan hingga 23 Jan 2010.
Apa itu Xamarin? Bagaimanakah ia membantu dalam pembangunan aplikasi mudah alih merentas platform?
Xamarin menyediakan pemaju dengan alat yang boleh membantu mereka dalam membina aplikasi mudah alih merentas platform. Baca terus untuk mengetahui dengan tepat apa Xamarin?
Tutorial, tips dan trik Outlook.com untuk versi web
Dapatkan lebih banyak perkhidmatan e-mel Outlook.com. Blok penghantar, Buat Peraturan Outlook & Jawapan automatik, Lampirkan fail dari Awan, Hantar wang menggunakan PayPal, dan lain-lain