2013-06-19 11 views
8

JavaScript yöneticisi burada. Devtools kullanarak JS kodunun büyük bir bölümünü inceliyorum ve kapanış dirseğinin bir işlevde nerede olduğunu bulmak için kolay bir yol olup olmadığını merak ediyorum. Bir açılış braketini vurgulayabileceğim ve kapanış braketinin bulunduğu noktayı belirleyebileceğim bir özellik var mı?Eşleştirme (kapama) JavaScript ayraçını Chrome Devtools'da bulmanın yolu.

+1

"Kaynaklar" sekmesinin sözdizimi vurgulaması vardır. – jeremy

cevap

3

Kaynaklar sekmesini kullanmalısınız. Ayak çubuğunda, biçimlendirilmiş JS'yi gösteren {} gibi oldukça basılmış olan birkaç düğme vardır. İmlecinizi bir parantez üzerine koyduğunuzda, diğer (kapanma veya açma) parantez sizin için otomatik olarak eşleştirilir.

Kromdaki en son devtools için krom kanarya'yı kullanın.

atıfta>https://developers.google.com/chrome-developer-tools/docs/javascript-debugging

+0

Bu özellik en son sürüm Krom'da etkinleştirilmiştir (28). – Koterpillar

+0

Evet, chrome'un otomatik güncellemeleri benim için etkinleştirildi ve bu özelliği şu anda bir süredir kullanıyordum. Ayrıca, webdeveloper 've' firebug 'eklentileri gibi diğer seçenekler de var. – thoughtbot

+0

+1. Daha fazla detaylandırmak için, hem açılış hem de kapanış parantezleri ** altı çizilecektir ** (yani ** altlarında ** altçapları olacaktır). En azından şu anki haliyle en son sürümü budur - Google Chrome Sürüm 32.0.1700.76 m – informatik01

-2

Bildiğim kadarıyla krom dev araçları içinde hiçbir şekilde onların farkındayım ama kopyalayıp yapıştırın kodu böyle ++ veya Dreamweaver Not Defteri gibi bir programa ve İmlecinizi koyarsanız parantezlerden birinin sağında ilgili braket vurgulanacaktır.

12

Krom devtool kısayolu kullanabilirsiniz. İlk önce, imleci açılışı veya kapatmanın yanına taşıyın, ardından CTRL + m yapın. Not, bu ayrıca parantez ve küme parantezleri için de geçerlidir.

Tüm kullanılabilir kısayolları görmek için, devtools'un sağ üstündeki üç nokta simgesini tıklayın ve ardından Shortcuts'a tıklayın.

+1

Bu cevap neden kabul edilmedi? –

+0

https://developers.google.com/web/tools/chrome-devtools/shortcuts – emallove

İlgili konular