如何从Chrome开发者工具触发openCookiePreferencePopup函数？

场景说明 #

网站打包文件app.d2n72bla.js中包含openCookiePreferencePopup()等函数，脚本通过异步方式动态添加到页面，需在Chrome开发者工具中手动触发该函数。

具体操作步骤 #

情况1：函数挂载在全局作用域（window对象） #

• 打开Chrome开发者工具：按下F12或Ctrl+Shift+I（Windows）/Cmd+Opt+I（Mac）
• 切换到Console面板
• 直接输入openCookiePreferencePopup()并回车执行

  注意：如果函数依赖特定的this上下文，直接调用可能报错，需先找到该函数所属的实例对象，再通过实例对象.openCookiePreferencePopup()的方式调用。

情况2：函数被封装在模块/闭包中（打包后常见情况） #

1. 打开DevTools的Sources面板
2. 按下Ctrl+P（Windows）/Cmd+P（Mac），输入app.d2n72bla.js快速定位到目标文件
3. 按下Ctrl+F搜索openCookiePreferencePopup，找到函数定义位置
4. 在函数第一行代码左侧点击添加断点（蓝色箭头标记）
5. 刷新页面，当代码执行到断点处时，DevTools会自动暂停
6. 切换到Console面板，此时上下文已绑定正确，可直接输入this.openCookiePreferencePopup()执行，或在Scope面板中找到对应的实例对象调用其方法

情况3：通过DOM元素关联的事件触发 #

1. 切换到Elements面板，找到Cookie弹窗的触发元素（如"设置Cookie"按钮）
2. 右键该元素选择"检查"，在右侧Event Listeners面板中查看绑定的点击事件
3. 追踪事件处理函数到openCookiePreferencePopup的调用逻辑，直接在Console中触发对应事件，或找到事件绑定的实例对象调用函数

注意事项 #

• 确保app.d2n72bla.js已加载完成：可在Network面板中查看该文件的加载状态，或在Console中输入typeof openCookiePreferencePopup，返回"function"则表示已加载。

内容的提问来源于stack exchange，提问作者Peter Malik