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 🙏

© 2025 – Pkg Stats / Ryan Hefner

station-encrypt

v0.0.2

Published

> 一个防止静态网页被审查和保存的插件,增加一些门槛而已,没办法完全阻挡;

Readme

StationEncrypt

一个防止静态网页被审查和保存的插件,增加一些门槛而已,没办法完全阻挡;

开发原因

偶尔接点切图仔的私活(交付快,无后期维护)补贴家用,写完一个网站的静态网页后,需要放到线上给客户看界面效果,会遇到一些想白嫖苦逼切图仔劳动力的不良客户,所以写个工具阻止个人辛苦劳动成果打水漂;

特性

✅ 阻止控制台审查元素,关闭控制台即可正常展示页面;

✅ 阻止ctrl+s保存网页/阻止普通爬站工具爬取网页;

在线演示

演示地址

快速使用

  1. 下载插件

下载地址

  1. 初始化

在站点根目录下,新建一个index.html,将静态网页放在另一个目录下(放在一起也可以,搞个文件夹方便交付)

// 目录结构
|-index.html          
|-/dist/ 
|-/dist/assets/        
|-/dist/home.html
|-/dist/details.html

在index.html中初始化插件

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>使用示例</title>
  </head>
  <body>
        <!-- 下载的文件地址 -->
        <script src="./station-encrypt.min.js"></script>
        <!-- 也可以通过cdn方式引入使用,插件未加载成功的话,页面不会渲染👇 -->
        <!-- <script src="https://unpkg.com/[email protected]/dist/station-encrypt.min.js"></script> -->
        <script>
          new StationEncrypt({
              // 真实静态页面根目录
              publicUrl: '/dist/',
              // 首页文件名称
              homePage: 'home.html',
              // 是否禁止保存(default:true)
              disabledSave: true,
              // 是否禁止审查元素(default:true)
              disabledConsole: true,
          });
        </script>
  </body>
</html>