保护前端代码
抵御恶意调试

BeyckJS是一款轻量级JavaScript插件,实时监测开发者工具的打开与关闭状态,为您的前端应用提供安全防护。

4.9/5
10K+ 下载
500+ 项目
index.html - Chrome DevTools

Beyck(function(app) {
	
	//Detected debugging, closing the browser or clearing the page
	app.defend(true);
	
	//Detected debugging jump to specified link
	app.defend('https://xxx.com');
	
	//Real time monitoring and debugging status
	app.defend((state)=>{
		
		if(state){
			console.log('⚠️ Detected debugging tool running');
		}else{
			console.log('✅ Debugging tool has been closed');
		}
		
	});
	
});

BeyckJS 实时监测开发者工具状态
正在运行

为什么选择 BeyckJS?

BeyckJS 提供全方位的前端安全防护,帮助您抵御各种恶意调试行为

实时监测

高精度检测开发者工具的打开与关闭状态,响应速度小于100ms,确保您第一时间获取安全警报。

多重防护

结合多种检测技术,包括性能分析、DOM监测和元素尺寸变化,有效防止绕过检测的行为。

轻量高效

压缩后仅36KB,对页面性能影响极小。采用事件驱动加用户行为智能调节检测,平衡安全性与性能消耗。

简单集成

提供简单直观的API,只需几行代码即可集成到现有项目中,无需复杂配置。

全平台支持

兼容主流浏览器(Chrome、Firefox、Safari、Edge),支持客户端和Node.js环境。

高度可定制

提供丰富的配置选项,支持自定义、防御策略和事件回调,满足不同场景需求。

快速上手

简单几步,为您的应用添加安全防护

1

安装 BeyckJS

使用npm或yarn安装,也可以直接通过CDN引入

npm install beyck --save
yarn add beyck
2

引入并初始化

在您的项目中引入BeyckJS并设置监听事件

import Beyck from 'beyck';
3

监听开发工具状态

添加事件监听器,处理开发工具打开或关闭的情况

// 监听开发工具打开
beyck.on('open', () => {
console.log('开发者工具已打开');
// 执行防御措施,如重定向或显示警告
});

// 监听开发工具关闭
beyck.on('close', () => {
console.log('开发者工具已关闭');
});
4

自定义防御策略

根据您的需求设置不同的防御措施

// 自定义防御策略
beyck.on('open', () => {
// 方法1:显示警告对话框
alert('检测到未授权调试行为');

// 方法2:重定向到安全页面
window.location.href = '/security';

// 方法3:停止敏感数据加载
stopSensitiveDataLoading();
});
Demo - BeyckJS 实时监控

开发者工具未打开

当前页面未检测到调试工具活动

检测方法覆盖 6/6
检测间隔
100ms
响应时间
<50ms
尝试打开开发者工具(F12)查看实时响应

详细文档

全面了解BeyckJS的API和使用方法

快速入门

了解如何快速集成BeyckJS到您的项目中,包含详细的安装和初始化步骤。

  • 安装方法
  • 基本初始化
  • 简单示例
查看文档

API 参考

详细了解BeyckJS的所有API方法和配置选项,包含参数说明和返回值。

  • on() - 事件监听
  • isOpen() - 检查状态
  • 配置选项
查看文档

使用示例

探索BeyckJS在不同场景下的使用示例,帮助您解决实际问题。

  • 安全重定向
  • 数据防爬
  • 自定义警告
查看文档

防御策略

了解如何设置有效的防御策略,保护您的应用免受恶意调试。

  • 页面重定向
  • 数据混淆
  • 会话终止
查看文档

常见问题

查找关于BeyckJS的常见问题解答,获取实用的解决方案。

  • 兼容性问题
  • 性能优化
  • 误报处理
查看文档

贡献指南

了解如何为BeyckJS贡献代码、报告问题或提出功能请求。

  • 提交PR
  • 报告Bug
  • 功能建议
查看文档

安全防护数据

BeyckJS在实际应用中的表现

检测成功率

性能影响分析

99.8%
检测准确率
36KB
压缩后大小
100ms
平均检测耗时
10K+
活跃用户

加入我们的社区

与其他开发者一起交流和分享使用经验

GitHub 仓库

查看源码、提交问题和贡献代码

1.2K+ Stars
230+ Forks
访问仓库

讨论社区

与其他开发者交流经验、分享技巧

500+ 成员
120+ 讨论
加入讨论

更新通知

获取最新版本和功能更新

每月更新
Release Notes
订阅更新

用户评价

"BeyckJS让我们的支付页面安全性提升了一个等级,集成简单且性能影响极小,强烈推荐!"

用户头像
李明
支付系统工程师

"作为内容平台,我们非常关注数据安全。BeyckJS帮助我们有效防止了内容爬取,检测准确率令人印象深刻。"

用户头像
张华
内容平台CTO

"文档清晰,API设计简洁,几分钟就能完成集成。我们的游戏平台使用后,作弊行为减少了75%。"

用户头像
王强
游戏开发负责人

开始保护您的前端应用

立即集成BeyckJS,为您的应用添加一层强大的安全防护