npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

uninspect

v0.0.4

Published

Detect F12 open browser console. protect web site static resources, support redirect, rewrite, custom callback strategies.

Downloads

6

Readme

uninspect

Detect F12 open browser console. protect web site static resources, support redirect, rewrite, custom callback strategies.

Usage

In html:

<head>
  <!-- ... -->
  <script type="module" src="https://cdn.jsdelivr.net/npm/[email protected]/dist/index.mjs"></script>
  <script type="module">
    // custom options
    ConsoleBan.init({
      redirect: '/play/404.html'
    })
  </script>
</head>

Or in bundle project:

npm i uninspect
import { init } from 'uninspect'

init(options)

Strategy

Redirect

ConsoleBan.init({
  // Redirect to /404 relative url
  redirect: '/404',
  // Redirect to absolute url
  redirect: 'http://domain.com/path'
})

Use redirect to guide users to a site introduction page or a purely static 404 page

P.S. In SPA route push scene, detect will not take effect again.

Rewrite

var div = document.createElement('div')
div.innerHTML = 'Stop'

ConsoleBan.init({
  // Rewrite the <body></body> as a string
  write: '<h1> Stop </h1>',
  // or rewrite a element
  write: div
})

Rewriting strategies can completely block web site content, but are less friendly and are not recommended.

Custom callback

ConsoleBan.init({
  callback: () => {
    // ...
  }
})

The callback function supports custom policies after the console is opened.

Options

| name | required | type | default | description | | :---------: | :------: | :---------------: | :-----: | :---------------------------------------------------- | | clear | no | boolean | true | Disable console.clear | | debug | no | boolean | true | Whether to enable infinity debugger | | debugTime | no | number | 3000 | The debugger execution interval | | redirect | no | string | - | Redirect url when console is opend | | write | no | string | Element | - | Rewrite document.body content when console is opend | | callback | no | Function | - | Custom callback when console is opend | | bfcache | no | boolean | true | Disable bfcache |

P.S. redirect, write, callback only one will work, priority use callback.

Support

| browser core | support | | :----------: | :-----: | | chrome | ✓ | | firefox | ✓ | | safari | ✓ |