必须先确认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 执行。


















