Chrome DevTools विस्तार सांत्वना

Question

मैं यह मेरा क्रोम में विस्तार प्रकट

"devtools_page": "devtools.html" 

और devtools.html में मैं जो एक पैनल

chrome.devtools.panels.create("Panel", "icon.png", "panel.html", function(panel){}); 

पैनल वास्तव में बनाई गई है बनाता है एक devtools.js फ़ाइल को शामिल शामिल । और panel.html में मैं एक panel.js फ़ाइल जिसमें मैं एक श्रोता जोड़ा शामिल

chrome.devtools.network.onRequestFinished.addListener(function(details){ 
    console.log(details); 
}); 

लेकिन मैं कहाँ पैनल के सांत्वना उत्पादन देख सकते हैं? या मैं इसे devtools कंसोल पर कैसे रीडायरेक्ट कर सकता हूं?

Answer 1

यह संदेश डेवलपर टूल के कंसोल में लॉग इन होगा। इस कंसोल को देखने के लिए खिड़की से डेवलपर उपकरण को अलग, और प्रेस Ctrl + Shift + जे

यहाँ एक चित्र है:

1. Page (http://host/) 
2. + Devtools instance for http://host 
3. + Devtools instance for chrome-devtools://devtools/devtools.html?...) 

आपका संदेश वर्तमान में लॉग होता है करने के लिए 3 (DevTools उदाहरण के कंसोल) 2 के बजाय (पृष्ठ का कंसोल)। पृष्ठ पर स्ट्रिंग लॉग करने के लिए, chrome.experimental.devtools.console API का उपयोग करें।

एक वैकल्पिक करने के लिए अपने ऑब्जेक्ट JSON-क्रमानुसार, और chrome.devtools.inspectedWindow.eval का उपयोग परिणाम लॉग इन करने के लिए है:

var obj = ...; 
var str = JSON.stringify(obj); 
chrome.devtools.inspectedWindow.eval('console.log(' + str + ');');