C#项目 在Vue/React前端项目中 使用使用wkeWebBrowser引用并且内部使用iframe网页外链 页面部分白屏
如果是使用wkeWebBrowser的引用方式 非常有可能是版本问题导致的
问题分析
1. wkeWebBrowser 的局限性
不支持或不完全支持 ES6+ 语法(如 let, const, Promise, async/await)
缺少对现代 Web API 的支持(如 Intl, fetch, WebSocket)
对于跨域 iframe 中的内容无法直接注入脚本控制
2. iframe 页面白屏原因
当你在主页面中嵌入多个非同源的 <iframe> 页面时:如果这些页面本身使用了 Intl API 并未引入 polyfill,则在低版本浏览器中会报错甚至白屏。
因为是跨域页面,你无法通过主页面直接修改它们的内容或插入脚本。
控制前端版本兼容
在根目录 package同级中加入 .browserslistrc
文件
[default]
> 1%
last 2 versions
not dead
chrome 60[production]
> 0.2%
not dead
not op_mini all
chrome 60[development]
last 1 chrome version
last 1 firefox version
ie 11
或者package.json
中的 browserslist
字段
"browserslist": {"default": ["> 1%", "last 2 versions", "not ie <= 10"],"production": [">0.2%", "not dead", "not op_mini all", "ie 11"],"development": ["last 1 chrome version", "last 1 firefox version", "ie 11"]
}