Chrome开发者工具中console.log、alert()失效且出现navigator相关提示求助

注：控制台收到的"Audit usage of navigator.userAgent, navigator.appVersion, and navigator.platform"是Chrome 103+版本自带的弃用提示，和alert()不生效无直接关联，无需因为该提示重装浏览器，该提示本身也不会阻断代码正常运行。

alert()无法弹出的排查步骤 #

• 排查JS语法错误：打开Chrome开发者工具（按F12或Ctrl+Shift+I）切换到Console面板，查看是否有红色报错信息。JS为单线程执行，前面的语法错误、运行时错误会直接阻断后续alert()代码执行。
• 检查script标签写法与位置：
  • 内嵌JS确认<script>标签无拼写错误，外部引入JS确认src属性填写的文件路径正确
  • 如果JS代码写在<head>标签内且涉及DOM操作，需要将代码放入DOMContentLoaded事件回调中，或将<script>标签移到</body>闭合标签前，避免DOM未渲染完成触发报错阻断逻辑
• 检查浏览器弹窗拦截配置：Chrome地址栏最右侧如果出现弹窗拦截图标，点击后选择允许当前站点的弹窗，部分站点的alert()会被Chrome默认安全策略拦截。
• 关闭弹窗拦截实验项：地址栏输入chrome://flags/#suppress-dialogs-in-subframes，将该选项状态改为Default或Disabled，开启该实验项的Chrome会主动拦截页面内的alert()/confirm()/prompt弹窗。
• 排查alert方法是否被重写：全局搜索代码中是否存在window.alert = () => {}这类重写原生alert方法的逻辑，这类代码会覆盖原生弹窗功能导致无法触发。
• 无痕模式验证：打开Chrome无痕模式（Ctrl+Shift+N）访问本地HTML文件，排除第三方扩展插件篡改JS逻辑的可能，广告拦截、脚本管理类扩展大概率会拦截弹窗或修改页面JS运行逻辑。

控制台弃用警告的可选处理 #

如果需要消除上述navigator相关的警告，可以使用新版标准API navigator.userAgentData替代原有属性获取浏览器、设备信息，不需要兼容旧版浏览器的场景下也可以直接忽略该警告，不会影响代码正常运行。

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