maxjhandsome
/
react
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
react/packages/react-devtools-extensions/chrome
History
Mengdi Chen 4b09b0ae4d [DevTools] upgrade to Manifest V3 (#25145) 
## Summary

resolves #24522

To upgrade to Manifest V3, one of the biggest issue is that we are no
longer allowed to add a script element with code in textContent so that
it would run synchronously. It's necessary for us because we need to
inject a global hook for react reconciler to detect whether devtools
exist.
To do that, we'll leverage a new API
`chrome.scripting.registerContentScripts` in V3. Particularly, we rely
on the "world" option (added in Chrome v102
[commit](e5ad3451c1))
to run it in the "main world" on the page.

This PR also renames a few content script files so that it's easier to
tell them apart from other extension scripts and understand the purpose
of each of them.

Manifest V3 is not yet ready for Firefox, so we need to keep some code
for compatibility.

## How did you test this change?

`yarn build:chrome && yarn test:chrome`
`yarn build:edge && yarn test:edge`
`yarn build:firefox && yarn test:firefox`
 		2022-12-03 10:41:45 -05:00
..
README.md Reorganized folders into packages/* 2019-08-13 15:59:43 -07:00
build.js Updated DevTools extension build script to work when run remotely (#16603) 2019-08-28 17:01:26 -07:00
deploy.js Cleaned up some extnesions build script stuff 2019-08-13 22:15:38 -07:00
manifest.json [DevTools] upgrade to Manifest V3 (#25145) 2022-12-03 10:41:45 -05:00
now.json Reorganized folders into packages/* 2019-08-13 15:59:43 -07:00
test.js Updates the DevTools test script to make it easier to test other URLs. (#19179) 2020-06-23 11:48:35 -04:00

README.md

The Chrome extension

The source code for this extension has moved to shells/webextension.

Modify the source code there and then rebuild this extension by running node build from this directory or yarn run build:extension:chrome from the root directory.

Testing in Chrome

You can test a local build of the web extension like so:

  1. Build the extension: node build
  2. Follow the on-screen instructions.