Chrome 확장 프로그램에 삽입된 콘텐츠 스크립트에 매개변수를 전달하려면 어떻게 해야 하나요?

삽입된 콘텐츠 스크립트에 매개변수 전달

chrome.tabs.executeScript()를 사용하여 콘텐츠 스크립트를 삽입할 때 스크립트에 매개변수를 전달해야 할 수도 있습니다. 그러나 "파일에 매개변수를 전달하는 것"은 적용 가능한 개념이 아니라는 점을 분명히 하는 것이 중요합니다.

대신 고려해야 할 두 가지 옵션이 있습니다: 스크립트 실행 전 또는 후에 매개변수를 설정하는 것입니다.

실행 전 매개변수 설정

chrome.tabs.executeScript 호출을 중첩하여 사전 정의된 매개변수로 콘텐츠 스크립트를 삽입할 수 있습니다.

<code class="javascript">chrome.tabs.executeScript(tab.id, {
    code: 'var config = 1;'
}, function() {
    chrome.tabs.executeScript(tab.id, {file: 'content.js'});
});</code>

복잡한 매개변수의 경우 JSON.stringify를 사용하세요.

<code class="javascript">var config = {somebigobject: 'complicated value'};
chrome.tabs.executeScript(tab.id, {
    code: 'var config = ' + JSON.stringify(config)
}, function() {
    chrome.tabs.executeScript(tab.id, {file: 'content.js'});
});</code>

content.js에서:

<code class="javascript">// content.js
alert('Example:' + config);</code>

실행 후 매개변수 설정

스크립트 실행 후에 메시지 전달을 사용하여 매개변수를 설정할 수도 있습니다.

<code class="javascript">chrome.tabs.executeScript(tab.id, {file: 'content.js'}, function() {
    chrome.tabs.sendMessage(tab.id, 'whatever value; String, object, whatever');
});</code>

content.js에서:

<code class="javascript">chrome.runtime.onMessage.addListener(function(message, sender, sendResponse) {
    // Handle message.
    // In this example, message === 'whatever value; String, object, whatever'
});</code>

위 내용은 Chrome 확장 프로그램에 삽입된 콘텐츠 스크립트에 매개변수를 전달하려면 어떻게 해야 하나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!