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