Sign In

@layer0/devtools

Package Overview
Dependencies
Maintainers
1
Versions
2480
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@layer0/devtools

In-browser devtools for the [Layer0](https://layer0.co/)

node16-v4
npmnpm
Version
4.19.9-node16
Version published
Weekly downloads
5K
27850%
Maintainers
1
Weekly downloads
 
Created
Source

Layer0 Devtools

In-browser devtools for the Layer0

Installation

Libraries

You need both @layer0/devtools and @layer0/prefetch installed in your project

npm install --save @layer0/devtools @layer0/prefetch

Service worker

You need to enable @layer0/prefetch in your service worker.

Check our prefetching guide, or @layer0/prefetch README for more information

Client widget

Note: you can skip this step if you are using @layer0/next or @layer0/nuxt

Then load the widget in the Browser's javascript

import installDevtools from '@layer0/devtools/install'

installDevtools()

Alternatively you can also inject the widget install script directly in your HTML <head>

<script defer src="/__layer0__/devtools/install.js"></script>

Enabling or disabling the devtools

By default, the devtools is enabled when your app is served from localhost, 127.0.0.1 or any *.layer0-limelight.link domain.

But that can be customized:

Per environment

In Layer0 console environment, set the PREVIEW_LAYER0_DEVTOOLS_ENABLED to true or false to explicitly enable or disable the devtools on the given environment, no matter what domain it runs on.

Per user

Point your browser to /__layer0__/devtools/enable or /__layer0__/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.

FAQs

Package last updated on 31 Aug 2023

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts