I am developing a chrome devtool of my own. I need to click a button from my devtool to jump to chrome's network panel. Is this possible? , I looked for a lot of documents, and I didn’t see any relevant implementation.
for example:
chrome.devtools.open('network',function callback(){})
then the network panel will show
thank you.
Related
Hi, I made a video capture in network tab on google chrome dev tool.
The problem that tab just too small.
No matter what I do, I can't expand the videos tab (There is no way to expand it with the mouse like other normal tabs).
Any suggestions?
Thanks :)
I'm trying to identify API calls that a chrome extension is doing, but I am not seeing those in the network tab of Chrome (inspect->network).
Is there a way to mask those out from there? Should I use a different tool to identify the network activity?
I guess you must be using DevTools for Chrome to debug you extension. In that case you can't see the network activities of your extension.
In order to debug you extension, you should use the DevTools for Extension:
Right click the extension icon, and you will see Inspect the popup, click that and select Network tab and you are done.
Like this(pay attention to the title of this):
For more infomation, you can see Debugging of the chrome-extension tutorial. Hope this helps.
Is there any possibility to Restrict opening this part of Browser's inspector? I hope there will be something which can help me to hide when my web page loads.
![Google Chrome Developer Console][1]
No, there is no supported way to hide your website loading from the developer console.
Why do you want to do this? I cannot think of any legitimate reason to do this.
Is there a firefox equivalent of chrome's inspector "Resources" tab? I am trying to delete something from localStorage for a web site in firefox but it won't go, and the standard settings->clear cahce don't affect it at all.
Check for this:
Enter about:cache in browser address and see "Offline cache device" section.
Firefox storage inspector lets you see local storage.
This seems to be the closest equivalent to the chrome resource tab.
I had to explicitly enable the tab in the Firefox Develop Tools Options to get it to show.
https://developer.mozilla.org/en-US/docs/Tools/Storage_Inspector
the firebug console show each ajax request, and its parameters and the response,
is it possible to get this in chrome ?
Ctrl-Shift-I will open Chrome development tools. I assume this is what you wanted.
To see Ajax requests, click on "Network" and you'll see all network requests being made. By default you see them all, although you can filter them and just see Ajax requests. Take a look at bottom part of Network tab; you'll see "Documents", "Stylesheets", etc. You want "XHR".
Yea u can have it. Enable it from the setting of chrome console.
Press ctrl + shift + I
click on setting (Gear) icon at the bottom right.
check "Log XMLHttpRequests" at the console section part.
Thats it.
Chrome developer tools will give you that and a lot more. Click on the wrench and select Tools->Developer Tools.
I believe they were open sourced by Apple - great stuff.
It's there by default click on the tool icon and under tools, can you find developingtool, which is a chrome version of firebug :)
If you want a Firebug experience within chrome for the console, use Firebug Lite extension for Chrome.