Firefox Firebug CSS seçiminin Chrome eşdeğeri yolunu seç

Question

Chrome'a ​​geçiş yaptım, ancak 'Firebug lite' ile en can sıkıcı özelliklerden biri, nesnelerin CSS yolunu kopyalamanıza izin vermemesidir.

Ne demek istediğimi görmek için Firefox'ta google.com adresine gidin ve Firebug ile logoyu inceleyin. 'Hplogo' div 'ı sağ tıklayın ve' CSS yolunu kopyala 'seçeneğini seçin. Sen gibi bir şey çıkacak:

html body#gsr div#main span#body.ctr-p center div#lga div div#hplogo 

Bu benim Chrome'da bulamıyorum inanılmaz faydalı bir özelliktir, yalnızca XPath kopyalayabilirsiniz görüntülenir.

Bu tür işlevleri Chrome'da kullanmanın bir yolu var mı?

Teşekkürler

Answer 1

Bu bilgileri Chrome'da almak için yerel bir yol yoktur. http://www.edmondscommerce.co.uk/chrome/tip-copy-css-selector-in-chrome/ birlikte burada: Ancak http://www.selectorgadget.com/

, ne istediğini daha yakın olmak için bu uzantıyı bulabilir ve daha kolay biraz kullanılır? JQuery ve burada gösterisi olarak yer imlerini kullanarak, kesmek bir demet yapabilirsiniz https://chrome.google.com/webstore/detail/lbghbpofdlcecfbpjgmffnkieenjkboi XPath'ı ve CSS Yolunu çekecek ve metni kolayca kopyalamanıza izin verecektir.

Answer 2

Kromda, öğeleri gezici görünümünde bir öğeye sağ tıklayıp CSS yolunu kopyalayabilir veya Xpath'i kopyalayabilirsiniz.