При создании инструмента разработчика Chrome может быть сложно отправлять и получать данные из проверяемого окна. Вот шаги, которые мы выполнили, чтобы приложение Angular взаимодействовало с нашим инструментом разработки.

  1. Мы используем объект окна для отправки данных в экземпляр окна Chrome. Экземпляр окна затем передает сообщение всем сценариям контента, включая наш собственный.
  2. Внутри нашего сценария содержимого мы прослушиваем сообщение от экземпляра окна. Когда приходит трансляция, мы проверяем совпадения типов событий, и это обрабатывается через API окна по умолчанию. Затем мы передаем это сообщение нашему фоновому сценарию, используя Chrome API.
  3. Это отправляет сообщение нашему фоновому сценарию, который использует прослушиватель Chrome для получения этих данных. Затем он передает данные в наш инструмент разработчика Chrome, используя метод окна нашей вкладки, postMessage.
  4. В нашем инструменте разработки Chrome мы настроили прослушиватель, используя объект chrome.runtime, для извлечения данных.