How does webkit / chrome WebInspector Resources Inspection work?

I always want to know how resource checking works in webkit / safari / chrome WebInspector.

Should the browser provide its own BPI or something for javascript to display a list of requests and their time frames, what is called a binary API? Can I use the same API to write the Chromium extension?

+5
source share
1 answer

Resource requests and other DevTools / WebInspector related data are collected by the InspectorController and its agents. (this is just C ++ code)

WebInspector JS- WebInspector.

, , , GUI DevTools/WebInspector - html- JavaScript.

.

  • Chrome --process- ;
  • Inspector ;
  • Ctrl-Shift-I Inspector.

: - sendMessageToBackend - devtools $$ dispatch

WebInspector WebKit .

+3

All Articles