Edge浏览器控制台执行自定义脚本调试

打开开发者工具并切换到Console面板

操作非常简单：按 F12 键（Windows/Linux）或 Cmd+Option+I（Mac），开发者工具便会直接弹出。需要注意的是，如果鼠标焦点位于地址栏中，快捷键可能被拦截。建议先点击页面空白区域再按下快捷键，否则可能触发搜索功能而非开发者工具面板。

切换到顶部标签栏的 Console 选项卡，确保光标落在输入框中——这里对应当前网页的全局执行环境。页面上的所有DOM元素、已加载的JavaScript变量和函数，都可以直接在此调用。

执行单行脚本

直接在Console框中输入 document.title，然后按 Enter 执行，下方会立即显示当前页面的标题。大多数人第一次使用Console就是从这一行代码开始的——一行代码，一个结果。

如果输入的是语句，例如 let a = 1;，它不会自动输出值。想要查看结果就需要再次输入 a，或者写成 console.log(a)。这个差异新手容易忽略，但熟悉后操作会非常顺手。

执行多行脚本

当需要编写多行逻辑时，有两种方式可以选择。

方式一：直接换行。 按 Shift+Enter 换行，编写完成后按 Enter 一次性执行。例如批量打印页面所有链接：

const links = document.querySelectorAll('a');
links.forEach(link => console.log(link.href));

这种方式适合临时编写的小逻辑，速度快且用完即走。

方式二：使用Snippet功能。 如果代码需要反复使用、调试或保存，可以使用Snippet功能。点击Console左上角的 “>”图标 → 选择“Show drawer”→ 切换到“Snippet”标签 → 点击“New snippet”→ 输入名称并粘贴代码 → 右键选择“Run”。Snippet不会因为页面刷新而丢失，还可以调试断点，比手动复制粘贴更为可靠。

这里有一个容易忽视的问题：Snippet中定义的变量默认不在全局作用域。若希望外部能够访问，必须显式挂载到 window 对象上，例如 window.myData = {…}。否则刷新后这些变量将丢失。

注入并执行外部脚本

有时需要加载第三方调试脚本，比如 https://example.com/debug.js。首先需要确认该文件能够被浏览器正常访问——不受CORS拦截，且当页面本身为HTTPS时，不能加载HTTP资源。

在Console中执行以下代码即可注入：

(function(){let s=document.createElement('script');s.src='https://example.com/debug.js';document.head.appendChild(s);})()

脚本加载完成后，其中定义的函数和变量就可以在Console中调用了。如果脚本内容依赖DOM就绪，建议使用 document.addEventListener('DOMContentLoaded', …) 包裹——否则很容易遇到“Cannot read property of null”的错误。这是调试时最容易被忽略的细节。