必须开启开发者模式才能加载本地扩展调试，方法是访问chrome://extensions/并点击右上角蓝色【开发者模式】开关；调试网页可直接用f12或右键“检查”打开devtools。
要调试本地开发的 Chrome 扩展或网页脚本，必须先开启开发者模式——它不是打开 DevTools 的快捷键，而是启用“加载已解压的扩展程序”等关键功能的前提，缺它就无法把本地文件夹拖进浏览器安装调试。
进入扩展管理页并开启开关
这一步是硬性前提，不完成后续所有操作都不可用。直接在地址栏输入 chrome://extensions/ 并回车，页面会强制跳转至扩展管理后台。
找到右上角灰色的【开发者模式】开关，点击一次，等它变成蓝色并稳定亮起——此时页面顶部会立刻多出“加载已解压的扩展程序”“打包扩展程序”两个按钮，说明已激活。
注意：如果开关点不动或点完没反应，大概率是企业设备被管理员策略锁死，需联系 IT 部门在 Google Admin 控制台放开 ExtensionInstallSources 或 DeveloperToolsAvailability 策略。
快速调出 DevTools 调试网页
不需要开启开发者模式也能用，但它是实时调试 HTML/CSS/JS 的核心界面。
方法一：快捷键直达（最常用）
Windows/Linux 按 F12 或 Ctrl + Shift + I；macOS 按 Command + Option + I。
方法二：右键检查
在网页任意空白处右键 → 选“检查”，DevTools 自动展开，且光标自动定位到你右键位置对应的 DOM 元素。
方法三：菜单入口
点右上角 ⋯ → 更多工具 → 开发者工具。
加载本地扩展进行深度调试
只有开发者模式开启后，才能把正在写的扩展代码（含 manifest.json 的文件夹）直接载入浏览器运行调试。
第一步：确认 chrome://extensions/ 页面中开发者模式已为蓝色开启状态。
第二步：点击顶部新出现的【加载已解压的扩展程序】按钮。
第三步：在弹出的系统窗口中，选择你本地扩展的根目录（必须包含合法的 manifest.json 文件，且 icons 字段所指路径存在对应图片）。
第四步：扩展加载成功后，会在列表中显示名称和 ID；若含 background service worker，可点击右侧“背景页”链接，单独打开一个专属 DevTools 实例进行断点调试。
