2013-02-12 29 views
5

के साथ नोड हाइलाइट करें मैं अपने क्रोम देव-उपकरण एक्सटेंशन से एक तत्व तत्व को हाइलाइट करना चाहता हूं जैसे कि एलिमेंट इंस्पेक्टर (देव उपकरण में) करता है। क्या इसके लिए कुछ विशेष एपीआई है? धन्यवादक्रोम devtools एक्सटेंशन

+0

हां, वहां [devtools API] हैं (https://developer.chrome.com/extensions/devtools.inspectedWindow.html) – Sudarshan

+1

मैं पहले से ही devtools एपीआई से गुजर चुका हूं और मुझे ऐसा कुछ भी नहीं मिल रहा है जो ऐसा करेगा। – user2064259

उत्तर

5

जब भी आप DevTools कंसोल का उपयोग करके निरीक्षण पृष्ठ में कुछ कोड का मूल्यांकन करते हैं, तो देवटूल ने command line API के नाम से जाने वाले सहायक कॉल का एक गुच्छा खुलासा किया। इस एपीआई में इंस्पेक्ट() कॉल शामिल है जिसका प्रभाव उसी तरह होता है जैसे उपयोगकर्ता ने संदर्भ मेनू से "तत्व का निरीक्षण करें" का आह्वान किया है, यानी एलिमेंट्स पैनल लाता है और नोड को हाइलाइट करता है। निरीक्षण() कमांड लाइन एपीआई के बाकी के साथ फोन chrome.devtools.inspectedWindow.eval() का उपयोग कर DevTools extnesions द्वारा मूल्यांकन कोड के लिए उपलब्ध है, तो आप की तरह सामान कर सकते हैं:

chrome.devtools.inspectedWindow.eval("inspect(document.body)"); 

अगर तुम सिर्फ चाहते हैं तत्व पैनल पर कुछ भी नहीं होने के बावजूद, निरीक्षण पृष्ठ पर हाइलाइट (यानी जब आप तत्व पैनल में दिखने वाले ग्लास द्वारा चालू किए गए डीओएम खोज मोड के साथ पृष्ठ पर होवर करते हैं), तो आपको इसे अपने आप लागू करना होगा , क्योंकि वर्तमान में इसके लिए कोई एपीआई नहीं है। मैं एक सामग्री स्क्रिप्ट का उपयोग कर तत्व में कस्टम शैली जोड़ने का सुझाव दूंगा।