JavaScript alert弹窗仅在嵌入代码与Chrome开发者控制台中显示，Codepen及JSFiddle中无响应问题求助

我来帮你捋清楚这个问题——其实不是你的代码有问题，也不是浏览器的锅，主要是Codepen和JSFiddle这类在线编辑器为了优化用户体验，默认拦截了alert()这类弹窗API。毕竟如果打开每个预览都自动弹个窗，体验实在太差，所以它们加了这个限制。

下面给你针对两个平台的具体解决办法：

Codepen的处理方式 #

• 直接开启弹窗权限：打开Codepen项目的「Settings」（设置），找到「Behavior」标签页，勾选「Allow Popups」选项，保存后重新运行代码，alert()就能正常弹出了。
• 更符合实际开发的方式：把弹窗逻辑绑定到用户交互事件上（比如点击按钮），这样不仅能绕过拦截，还更贴近真实项目的写法：

  // 先在HTML面板加个按钮：<button>点我弹消息</button>
  document.querySelector('button').addEventListener('click', () => {
    alert("Hello World!");
  });
  

JSFiddle的处理方式 #

• 检查编辑器设置：在JSFiddle的JavaScript面板右上角，点击齿轮图标打开设置，确认没有开启弹窗拦截相关的选项；另外可以尝试把代码的运行位置设置为「Run in 」。
• 同样推荐用用户交互触发：和上面的按钮点击逻辑一样，主动触发的弹窗不会被编辑器拦截，测试起来更顺畅。

至于为什么其他平台（Chrome控制台、js.do、教程网站）能正常运行？因为Chrome控制台是浏览器原生的调试环境，没有额外限制；js.do可能没做弹窗拦截；而教程网站的嵌入代码是为了教学演示，特意放开了这个限制，方便新手看到效果。

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