Chrome调试时如何查看第三方JS中showSpecialButton的flagDisplaySpecialButton参数值

因为你无法修改原代码，以下是两种在Chrome浏览器中调试查看showSpecialButton函数参数flagDisplaySpecialButton值的实用方法：

方法一：使用函数断点（无需注入代码） #

• 打开Chrome DevTools（快捷键F12或Ctrl+Shift+I）
• 切换到Sources面板
• 在顶部搜索框输入showSpecialButton，快速定位到函数所在的JS文件及行号
• 点击函数定义行（比如async function showSpecialButton(flagDisplaySpecialButton) {）左侧的空白区域添加断点
• 当函数被调用时，调试器会自动暂停在函数开头，此时在右侧Scope面板的Local区域能直接看到flagDisplaySpecialButton的当前值；也可以在Console面板输入flagDisplaySpecialButton回车，实时查看参数值

方法二：控制台注入包装函数（自动记录参数） #

如果找不到函数所在文件，或者想自动记录所有调用的参数，可在DevTools的Console面板执行以下代码：

// 保存原函数引用
const originalShowSpecialButton = window.showSpecialButton;
// 重写函数，添加参数日志
window.showSpecialButton = async function(flagDisplaySpecialButton) {
  console.log('showSpecialButton调用参数:', flagDisplaySpecialButton);
  // 调用原函数并返回结果，不影响原有逻辑
  return originalShowSpecialButton.apply(this, arguments);
};

执行后，每次showSpecialButton被调用时，控制台都会输出对应的参数值。调试完成后，执行window.showSpecialButton = originalShowSpecialButton;即可恢复原函数。

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