必须先确认123加速浏览器使用chromium内核，因ie内核不支持f12；启用后可通过右键“检查”、f12快捷键或chrome://inspect调出开发者工具，再用elements查改元素、network监控请求、console执行js。
要在123加速浏览器中调出并使用开发者工具调试网页、查看元素或监控网络请求，必须先确认当前运行的内核模式和版本兼容性，因为部分旧版双核浏览器在IE内核下完全不支持F12快捷键。
确认当前使用的是Chromium内核
打开任意网页（如百度首页），右键空白处 → 选择「检查」；若弹出开发者工具窗口，则说明已自动切换至Chromium内核；若提示“此功能不可用”或无反应，需手动切换：点击右上角菜单按钮 →「设置」→「高级设置」→「默认内核」→ 选择「Chromium」→ 重启浏览器。
【必须重启浏览器才能生效】 否则后续所有F12操作均无效，且不会报错提示。
快速打开开发者工具的三种方式
方法一：键盘快捷键（最常用）
聚焦网页标签页后，直接按 F12 或 Ctrl+Shift+I（Windows/Linux）/ Cmd+Option+I（macOS）。
方法二：右键菜单触发
在网页任意位置右键 → 点击「检查」；注意：该选项仅在Chromium内核下显示，IE内核下不出现。
方法三：地址栏命令调用
在地址栏输入 chrome://inspect 回车 → 可看到当前已打开页面列表，点击对应页面的「inspect」链接即可打开独立开发者工具窗口。
常用面板与基础操作
第一步：定位页面元素
点击左上角「选择元素」图标（或按 Ctrl+Shift+C），鼠标悬停网页即可高亮DOM结构，点击目标区域，Elements面板自动跳转并展开对应HTML节点。
第二步：修改样式实时预览
在Elements面板中找到目标元素 → 展开右侧Styles标签页 → 找到某条CSS规则（如color）→ 双击值部分（如#333）→ 输入新值（如red）→ 回车立即生效，刷新页面即还原。
第三步：查看网络请求详情
切换到Network面板 → 刷新网页 → 所有HTTP请求按时间排序列出 → 点击任一请求 → 查看Headers、Preview、Response、Timing等完整信息；勾选「Disable cache」可避免缓存干扰测试结果。
第四步：执行JS脚本
切换到Console面板 → 直接输入JavaScript代码（如 alert('test')）→ 回车执行；支持多行输入，按 Shift+Enter 换行，Enter 执行。
