VSCode LiveServer Preview无法显示JS的Alert/Prompt弹窗求助
解决LiveServer Preview无法显示JS弹窗的问题
以下是几个可行的解决办法,按优先级尝试:
切换到外部浏览器预览
VSCode的内嵌webview出于安全限制,会拦截alert()/prompt()这类弹窗。打开VSCode设置(快捷键Ctrl+,),搜索Live Server Preview: Preview In,把选项改成External Browser,重启预览后弹窗就能正常显示了。检查浏览器弹窗拦截设置
如果用外部浏览器还是没弹窗,大概率是浏览器把本地服务器的请求当成广告拦截了。打开浏览器地址栏左侧的锁图标,找到「弹窗和重定向」权限,设置为「允许」;或者在浏览器隐私设置里,将http://localhost和http://127.0.0.1加入弹窗白名单。更换为原版Live Server插件
你用的LiveServer Preview是衍生插件,可能存在兼容性问题。卸载它,安装官方原版的Live Server(作者是Ritwick Dey),右键HTML文件选择Open with Live Server,这个版本对原生JS弹窗的支持更稳定。验证JS代码是否正常触发
按下F12打开浏览器控制台,检查有没有语法错误;也可以在弹窗代码前加console.log('弹窗即将触发'),看控制台有没有输出,确认代码是否真的执行到了这一步。
内容的提问来源于stack exchange,提问作者Sophie
相关产品推荐
相关产品推荐

