0

I am creating a web application in ReactJS, and I want to access Chrome APIs such as chrome.proxy, chrome.management, and chrome.tabs in my web application.

function App() {
  const onProxyConnect = () => {
    chrome.proxy.settings.get((details)=>{
      console.log({details}) //proxy details
    })
  };
  return (
    <div className='App'>
      <button onClick={onProxyConnect}>click</button>
    </div>
  );
}

export default App;
Improve this question
2
  • Not possible. In Chrome the app can send a message to a chrome extension's onMessageExternal listener in the background script so that it will call the API. In Both Chrome and Firefox the app can send a DOM CustomEvent to the content script of an extension running in the page so that it will send another message to its background script that will call the API. Commented Feb 1, 2024 at 13:33
  • Please clarify your specific problem or provide additional details to highlight exactly what you need. As it's currently written, it's hard to tell exactly what you're asking. Commented Feb 1, 2024 at 18:35
Related questions
503
How can I mock an ES6 module import using Jest?
863
How can I access the contents of an iframe with JavaScript/jQuery?
1
Winform Application communicate with my web UI in Chrome browser
Load 1 more related questions Show fewer related questions

0

Reset to default

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.