Google क्रोम के डेवलपर टूल टूलबार के नीचे चयनित तत्व के सीएसएस पथ (या इसका एक बड़ा हिस्सा) दिखाते हैं। फायरबग में, आप सीएसएस पथ में किसी भी चयनकर्ता पर राइट-क्लिक करने में सक्षम हैं, और उस तत्व तक सीएसएस पथ को पकड़ें। क्या Google क्रोम में यह सुविधा है? यदि कोई अंतर्निहित समर्थन नहीं है तो कौन से टूल्स उपलब्ध हैं?डेवलपर टूल्स में Google क्रोम कॉपी सीएसएस पथ
क्रोम हाल ही में अद्यतन के बाद इस विकल्प
अपडेट किया गया है क्रोम में इस विकल्प से
(right click on the element in Elements Window) > Copy CSS path
बदल दिया गया है:
(right click on the element in Elements Window) > Copy > Copy selector
क्रोम यह नहीं है, ताकि लोगों को इस कार्यक्षमता को दोहराने के लिए क्रोम के लिए क्रोम एक्सटेंशन, बुकमार्कलेट, और अन्य उपकरणों का बना दिया है।
संभावित डुप्लिकेट: Chrome equivalent of Firefox Firebug CSS select path
बुकमार्कलेट: http://www.selectorgadget.com/
क्रोम एक्सटेंशन: https://chrome.google.com/webstore/detail/lbghbpofdlcecfbpjgmffnkieenjkboi
मैं करूंगा अभी भी अन्य लोगों के जवाब, सुझाव और पर सुझाव की तरह कैसे में इस के साथ सबसे अच्छा सौदा करने के लिए क्रोम।
मैं मानता हूं कि यह सिर्फ कॉपी करने में सक्षम होना आदर्श होगा, क्योंकि यह पहले से ही बनाया गया है, और वे xpath और html को कॉपी करने की क्षमता भी प्रदान करते हैं एक ही जगह से। इसके लिए विस्तार की आवश्यकता के लिए यह काफी मूर्खतापूर्ण है। – devlord
"या, मैं सिर्फ Google को बेहतर सीख सकता हूं"। मैंने प्रोग्रामिंग से संबंधित समस्या के लिए Google की खोज की कई बार गिनती खो दी है, केवल "Google का उपयोग करना सीखें" जैसे बर्खास्त क्यूए उत्तरों को ढूंढने के लिए। सहायक उत्तर सहित भी धन्यवाद :) –
यहां एक छोटा (CoffeeScript) टुकड़ा है कि सीएसएस पथ दे देंगे (प्रथम आईडी तत्व अप करने के लिए - हालांकि आप आसानी से तोड़ हिस्सा निकाल कर बदल सकते हैं कि):
getCSSPath = (node)->
parts = []
while node.parentElement
str = node.tagName
if node.id
str += "##{node.id}"
parts.unshift str
break
siblingsArr = Array.prototype.slice.call(node.parentElement.childNodes)
ind = siblingsArr.filter((n)-> n.attributes?).indexOf(node)
parts.unshift str + ":nth-child(#{ind + 1})"
node = node.parentElement
parts.join ' > '
उपयोग करता है ": n वें वाले बच्चे "प्रत्येक नोड के लिए, यदि आप कक्षा के नाम भी प्राप्त करना चाहते हैं तो आपको इसे संशोधित करने की आवश्यकता है।
भयानक फ़ंक्शन! – kevinkl3
आप मुख्य स्रोत विंडो में तत्व पर राइट क्लिक कर सकते हैं और "सीएसएस पथ कॉपी करें"। यह एक जीवन बचतकर्ता है जब मुझे उन पृष्ठों पर काम करना है जिन्हें मैं पुनः कोड नहीं कर सकता।
यह ओपी के लिए नहीं पूछा गया है। –
ओपी (कोई भी स्वयं) "कॉपी सीएसएस पथ" द्वारा प्रदान की जाने वाली चीज़ों की तुलना में लंबे पथ की तलाश में है (पोस्ट की गई छवि के नीचे देखें) – BillyNair
possibily इस जवाब है [क्रोम कॉपी सीएसएसपाथ] [1] [1]: http://stackoverflow.com/questions/17292794/css-query-generation-apis/22344323#22344323 – chaosguru
उस पथ का सिर्फ पर्याप्त यह एक अद्वितीय तत्व होने के लिए देता है, लेकिन मैं था अधिक संपूर्ण सीएसएस पथ की तलाश में। हालांकि धन्यवाद! – MattDiamant
सही उत्तर: https://stackoverflow.com/a/35412554/242933 – ma11hew28