拦截 Chrome DevTools Protocol 实现忽略与自定义 debugger

主要观点总结

本文介绍了使用特定方案在Edge和Chrome浏览器上忽略debugger语句，同时定义属于自己的debugger，且不影响代码的可移植性。文章涵盖了项目的使用方式、网站检测调试的原理与绕过、以及自定义debugger和CDP协议的相关知识。

关键观点总结

关键观点1: 项目的使用方式

包括修改浏览器的启动参数、使用powershell脚本快速启动浏览器、手动添加OpenDevtoolsPage插件、运行cdp_server等步骤。

关键观点2: 网站检测调试的原理与绕过

介绍了网站检测控制台是否打开的方式，以及如何利用anti_dev_detector.js去除这些检测。同时提到了利用Console API、报错式检测等检测逻辑与处理方式。

关键观点3: 自定义debugger

介绍了如何修改cdp_server和OpenDevtoolsPage插件的配置，以实现自定义debugger，如设置独属于自己的hello_world等。

关键观点4: CDP协议简介

简要介绍了CDP协议（Chrome DevTools Protocol）的原理，以及它在项目中的应用。同时提到了浏览器插件的debugger API和需要额外搭建服务器进行拦截的原因。

文章预览

作者 论 坛账号：LoveCode 这次不是斗法、是锻造法器啦。 使用本文的方案， 可以在  Edge、Chrome  浏览器上忽略  debugger  语句，同时可以定义属于自己的  debugger  —— 而且不影响代码的可移植性哟 。 这是本文的结构： 本方案的缺点 —— 至关重要，必看内容！ 项目的使用方式 —— 我知道你很急，所以放在了前面 网站检测调试的原理与绕过 —— 安心地打开开发者工具 简述本文方案的原理 本方案的缺点 使用本方案需要以下步骤： 打开浏览器的远程调试功能。 安装一个浏览器插件，由项目提供，有以下辅助作用： 快速打开单独的开发者工具，并不是按  F12  键打开的那个版本哟。 自动插入与取消自定义的  debugger  语句。 与标签页关联 —— 标签页关闭时自动关闭开发者工具等等。 需要点击插件打开新的开发者工具使用，不能使用按  F12   ………………………………