chrome.scripting.executeScript - Unexpected property: 'arguments'

Question

I am trying to use chrome.scripting.executeScript for a chrome extension I'm building in ManifestV3 and following the Google documentation here (see image below):

I have added an 'arguments' property to pass in the title of the current tab to my function. However, I am getting the following error message:

TypeError: Error in invocation of scripting.executeScript(scripting.ScriptInjection injection, optional function callback): Error at parameter 'injection': Unexpected property: 'arguments'.

Here is my code:

chrome.tabs.query({ active: true }, function (tabs) {
  let tab = tabs[0];
  chrome.scripting.executeScript(
    {
      target: { tabId: tab.id },
      function: myFunction,
      arguments: [tab.title],
    },
    (injectionResults) => displaySearch(injectionResults[0].result)
  );
});

Any help would be appreciated, thanks!

not arguments , it's args like args: [param1, param2, param3]. — xjlin0
– xjlin0, Commented Oct 1, 2021 at 4:49

Kaushik · Accepted Answer · 2022-01-31 20:05:17Z

9

The property name being used is incorrect. The new API uses the property "args". For example:

function greet(greeting) {
   console.log(`${greeting}, World!`);
}

chrome.scripting.executeScript({
     target: {tabId: tab.id},
     function: greet,
     args: ['Hello']
});

Output: Hello, World!

You can find more information here.

answered Jan 31, 2022 at 20:05

Kaushik

1411 silver badge4 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Omer Over a year ago

They changed it recently. At the time this was posted, Google hadn't implemented it yet and the documentation was unclear.

Kaushik Over a year ago

I agree, Omer

Omer · Accepted Answer · 2021-04-10 22:08:04Z

5

There is a workaround for this that you can use until they implement the feature using chrome.storage. What you need to do is first save the argument with chrome.storage.sync.set(), then retrieve it inside the function you're injecting using chrome.storage.sync.get().

chrome.storage.sync.set({ myVariable: valueOfVariable });

chrome.tabs.query({ active: true }, function (tabs) {
  let tab = tabs[0];
  chrome.scripting.executeScript(
    {
      target: { tabId: tab.id },
      function: myFunction,
    }
  );
});

function myFunction() {
  chrome.storage.sync.get(["myVariable"], ({ myVariable }) => {
    // Do stuff
  });
}

answered Apr 10, 2021 at 22:08

Omer

961 silver badge4 bronze badges

Collectives™ on Stack Overflow

chrome.scripting.executeScript - Unexpected property: 'arguments'

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related