Debugger seperti Firebug untuk Google Chrome

Apakah ada hal seperti Firebug yang dapat Anda gunakan dalam Google Chrome?

Fitur-fitur penting yang saya inginkan:

• Periksa sumber HTML (pilih elemen, hapus, dll.)
• periksa nilai-nilai CSS (solusi bawaan aneh, entah bagaimana)

Ada alat seperti Firebug yang sudah ada di dalam Chrome. Cukup klik kanan di mana saja pada halaman dan pilih "Periksa elemen" dari menu. Chrome memiliki alat grafis untuk debugging (seperti di Firebug), sehingga Anda dapat men-debug JavaScript. Ini juga melakukan inspeksi CSS dengan baik dan bahkan dapat mengubah rendering CSS dengan cepat.

Untuk informasi lebih lanjut, lihat https://developers.google.com/chrome-developer-tools/

Firebug Lite mendukung untuk memeriksa elemen HTML, gaya CSS terkomputasi, dan banyak lagi. Karena murni JavaScript, ia berfungsi di banyak browser berbeda. Cukup sertakan skrip di sumber Anda, atau tambahkan bookmarklet ke bilah bookmark Anda untuk memasukkannya di halaman mana pun dengan satu klik.

http://getfirebug.com/lite.html

Hanya menambahkan beberapa poin pembicaraan sebagai seseorang yang menggunakan Firebug / Inspektur Chrome setiap hari:

1. Pada saat penulisan, hanya ada inspektur Google DOM dan tidak ada itu tidak memiliki semua fitur Firebug

2. Inspektur adalah versi 'lite' dari Firebug: Antarmuka IMO tidak sebaik ini, pemeriksaan elemen pada kedua versi terbaru sekarang kikuk, tetapi Firebug masih lebih baik; Saya menemukan diri saya mencoba menemukan cinta untuk Chrome (karena ini adalah pengalaman browser yang lebih baik, lebih cepat), tetapi untuk pekerjaan pengembangan, itu masih saja menyebalkan bagi saya.

3. Pratinjau langsung / modifikasi DOM / CSS masih jauh lebih baik di Firebug; CSS yang dihitung dan tampilan model kotak lebih baik di Firebug;

4. Entah bagaimana itu lebih mudah untuk membaca / menggunakan Firebug mungkin karena kemudahan navigasi, memanipulasi / memodifikasi dokumen di beberapa bidang utama? Siapa tahu. Saya sudah terbiasa dengan antarmuka dan saya pikir Chrome Inspector tidak sebagus meskipun ini adalah hal subjektif yang saya akui.

5. Tab Cookies / Net sangat berguna bagi saya di Firebug. Mungkin Inspektur Chrome memiliki ini sekarang? Terakhir kali saya memeriksanya tidak, karena Chrome memperbarui dirinya sendiri di latar belakang tanpa campur tangan Anda (mendapat persetujuan Anda secara default seperti semua tuan yang baik).

6. Poin terakhir: Hari di mana Google Chrome mendapatkan Firebug berfitur lengkap adalah hari pada dasarnya Firefox mati untuk pengembang karena Firefox memiliki 3 tahun untuk membuat mesin layout Firefox Gecko secepat WebKit dan mereka tidak. Maaf untuk mengatakannya terus terang tapi itu kebenarannya.

Anda tahu, sekarang semua orang ingin pindah dari Flash sebagai pengganti jQuery yang dimotivasi oleh aksesibilitas seluler dan interaktivitas (iPhone, iPad, Android) dan JavaScript adalah 'tiba-tiba' masalah besar (itu sarkasme), sehingga kapal telah berlayar, Firefox. Dan itu membuat saya sedih, sebagai penggemar Mozilla. Chrome hanyalah peramban yang lebih baik sampai Firefox meningkatkan mesin JavaScript mereka.

F12

Saya suka shortkeys

Coba ini, ini disebut Firebug Lite dan tampaknya berfungsi dengan versi beta Chrome.

Anda juga dapat menemukannya di: https://chrome.google.com/extensions/

Anda dapat mengatur bookmarklet ini di "Bilah Bookmark" agar Firebug lite selalu tersedia di browser Chrome / Chromium (cantumkan ini sebagai URL):

javascript:var firebug=document.createElement('script');firebug.setAttribute('src','http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js');document.body.appendChild(firebug);(function(){if(window.firebug.version){firebug.init();}else{setTimeout(arguments.callee);}})();void(firebug);

Atau coba skrip pengguna: http://dev.chromium.org/developers/design-documents/user-scripts

jQuerify adalah ekstensi sempurna untuk menanamkan jQuery ke Chrome Console dan sesederhana yang Anda bayangkan. Ekstensi ini juga menunjukkan apakah jQuery telah tertanam ke dalam halaman.

Ekstensi ini digunakan untuk menanamkan jQuery ke halaman mana pun yang Anda inginkan. Ini memungkinkan untuk menggunakan jQuery di shell konsol (Anda dapat memanggil konsol Chrome dengan Ctrl+ Shift+ j".).

Untuk menanamkan jQuery ke tab yang dipilih klik pada tombol ekstensi.

Ekstensi Firebug Chrome resmi atau Anda dapat mengunduh dan mengemas sendiri ekstensi tersebut.

https://getfirebug.com/releases/lite/chrome/

Yah, dimungkinkan untuk mengaktifkan skrip Greasemonkey untuk Google Chrome jadi mungkin ada cara untuk mengurutkan instalasi Firebug menggunakan metode ini? Firebug Lite juga bisa digunakan, tapi rasanya tidak sama dengan menggunakan yang berfitur lengkap :(

willshouse.com/2009/05/29/install-greasemonkey-for-chrome-a-better-guide/

Ini tidak menjawab pertanyaan Anda, tetapi, jika Anda melewatkannya, Pengembang Web Chris Pederick sekarang tersedia untuk Chrome: https://chrome.google.com/extensions/detail/bfbameneiokkgbdmiekhjnmfkcnldhhm .

Lupakan semua yang Anda semua butuhkan, inspektur independen peramban ini, dom updater

https://goggles.webmaker.org/en-US

hanya bookmark dan pergi ke halaman web apa saja dan klik bookmark itu ..

ini sebenarnya adalah proyek Mozilla Goggles, menakjubkan, menakjubkan, menakjubkan ...

F12 (hanya di Linux dan Windows)

ATAU

Ctrl ⇧ I

( ⌥ ⌘ Ijika Anda menggunakan Mac)

Silakan coba Firebug Lite untuk Google Chrome

Jika Anda menggunakan Chromium di Ubuntu menggunakan ppa malam, maka Anda harus memiliki chromium-browser-inspector