씹어먹는 블로그

content script 와 background 간 데이터 전달, content script 와 popup 간 데이터 전달, 이런식으로 웹페이지의 컨텍스트(content script)에서 다른 확장 컨텍스트로 데이터를 전달하는 방법 양방향으로 발신/수신 가능 content-script.js 발신부분 chrome.runtime.sendMessage({ name: 'tom' },function(response) { console.log(response.res); }); background.js 에서 수신하는 부분 chrome.runtime.onMessage.addListener( function(request, sender, sendResponse) { let resName = request.name; /..

1. 내 페이지 내에 dispatchEvent 로 이벤트를 발생시킨다. document.dispatchEvent( new CustomEvent('chrome-extension-test', { "detail" : {"name":"123"} }) ); 2. 크롬 익스텐션 content 페이지 내에 이벤트 리스너 등록 ./content-script.js function eventOn() { document.addEventListener('chrome-extension-test', function (e) { let name = e.detail.name; //웹페이지에서 전달한 데이터 window.open('https://www.google.com?name='+name); //새탭으로 크롬창을 띄운다 }); } ..