Import Pkg In Devtools Chrome extension icon

Import Pkg In Devtools

👥 62 users
📦 v1.0.4
💾 18.49KiB
📅 2024-11-25
View on Chrome Web Store

Chrome will indicate if you already have this installed.

Overview

A chrome plugin that helps import npm packages into devtools for easier debugging. The package contents are attached to the window.lucky variable by default.You can also specify to mount it on a different global variable. You also can specify different package version.

Feature:
- Import npm package into devtool
- Specify package version. (default latest version)
- Specify attached gloabal variable. (default window.lucky)
- Multiple Instance. (by specify different global variable)

Example: In Chrome devtools
- Basic:
$npm('dayjs') // you can use window.lucky
- Specify package version
$npm('dayjs@1.0.0') //
- Specify attached gloabal variable
$npm('dayjs@1.0.0', 'MyDayJs') // you can use window.MyDayJs
- Multiple Instance
$npm('dayjs@1.0.0', 'MyDayJs1') // you can use window.MyDayJs1
$npm('dayjs@1.0.0', 'MyDayJs2') // you can use window.MyDayJs2

Notice: since this chrome extension old version may not work in some website's (eg. npmjs.com) devtools since these website has some csp policy. To workaround this, we add a feature to remove the csp policy by default. Currently, this feature is not able to switch on/off now, but i may release it as soon as possible

chrome 插件,帮助将 npm 包引入到 devtools 中,便于调试。包内容默认会挂到 window.lucky变量上。
比如:
$npm('dayjs') // 则可以使用 lucky().format('YYYY-MM-DD')
$npm('number-precision') // 则可以使用 lucky.times(1, 2)

也可以自己指定名字,比如:

$npm('dayjs', 'dayjs') // 则可以使用 dayjs().format('YYYY-MM-DD')
$npm('number-precision', 'NP') // 则可以使用 NP.times(1, 2)

Tags

Productivity/developer developer productivity/developer

Privacy Practices

Not being sold to third parties, outside of the approved use cases
Not being used or transferred for purposes that are unrelated to the item's core functionality
Not being used or transferred to determine creditworthiness or for lending purposes

🔐 Security Analysis

This extension hasn't been security-scanned yet.

Capture a screenshot of your current page in entirety and reliably—without requesting any extra permissions!
Productivity/developer AI
브라우저에서 라온시큐어의 PC보안 기능을 사용하기 위한 확장 프로그램입니다.
Productivity/developer
Adds React debugging tools to the Chrome Developer Tools. Created from revision 3cde211b0c on 10/20/2025.
Productivity/developer