In-browser devtools for the Edgio
This package is no longer maintained. Please use Google Chrome extension instead.
You need both @edgio/devtools and @edgio/prefetch installed in your project
npm install --save @edgio/devtools @edgio/prefetch
You need to enable @edgio/prefetch
in your service worker.
Check our prefetching guide, or @edgio/prefetch README for more information
Note: you can skip this step if you are using @edgio/next
or @edgio/nuxt
Then load the widget in the Browser's javascript
import installDevtools from '@edgio/devtools/install'
installDevtools()
Alternatively you can also inject the widget install script directly in your HTML <head>
<script defer src="/__edgio__/devtools/install.js"></script>
By default, the devtools is enabled when your app is served from localhost
, 127.0.0.1
or any *.edgio-limelight.link
domain.
But that can be customized:
In Edgio console environment, set the PREVIEW_EDGIO_DEVTOOLS_ENABLED
to true
or false
to explicitly enable or disable the devtools on the given environment, no matter what domain it runs on.
Point your browser to /__edgio__/devtools/enable
or /__edgio__/devtools/disable
to explicitly enable/disable the devtools on your browser. This takes precedence over the environment config and the domain default.
If the devtools was previously enabled and you disable it, you may want to remove the service worker to get rid of the devtools-specific route handlers that were installed on-demand when enabling it. This can be done using the Application tab in Chrome Developer Tools.