Как работает Инспекция ресурсов WebInspector в webkit / chrome?

Question

Я всегда хочу знать, как проверка ресурса работает в WebInpector WebKit / Safari / Chrome.

Браузер должен предоставить собственный BPI или что-то для javascript для отображения списка запросов и их временных шкал, как называется двоичный API? Могу ли я использовать тот же API для написания расширения Chromium?

Answer 1

Запросы на ресурсы и другие данные, связанные с DevTools / WebInspector, собираются InspectorController и его агентами.(это просто код C ++)

После этого все данные передаются в WebInspector в виде JS-вызовов методов объекта WebInspector.

Как вы, наверное, знаете, весь графический интерфейс DevTools / WebInspector представляет собой HTML-страницу имного JavaScript.

Вы можете попытаться исследовать внутренний мир Inspector с помощью самого Inspector.

1. запустить Chrome с флагом --process-per-tab;
2. открыть окно Инспектора в разблокированном режиме;
3. нажать Ctrl-Shift-I в окне Инспектора.

Весь трафик между Инспектором и проверяемой страницей проходит через две функции: из Инспекторана проверяемую страницу - sendMessageToBackend от проверяемой страницы к Инспектору - devtools $$ dispatch

Вы можете отслеживать последние изменения для WebInspector в WebKit по этой ссылке .