当前位置: 首页 > news >正文

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"]
}
http://www.lryc.cn/news/583308.html

相关文章:

  • Spring IoC 如何实现条件化装配 Bean?
  • HUAWEI HiCar6.0的新变化
  • 一条Redis命令是如何执行的?
  • C++随机打乱函数:简化源码与原理深度剖析
  • 从零开始学前端html篇2
  • 微信小程序控制空调之微信小程序篇
  • 双esp8266-01s间TCP通讯
  • 图像硬解码和软解码
  • RAM带宽计算及分析
  • 区块链系统开发技术应用构建可信数字生态链
  • 以太坊智能合约核心技术解析与应用实践
  • Android 组件内核
  • NO.2数据结构线性表|线性表|顺序表|链表|单链表|双向链表|循环链表|静态链表|插入|删除
  • Qt-翻金币案例
  • 鸿蒙商城开发:ZKmall开源商城系统特性适配与性能优化
  • upload-labs靶场通关详解:第18关 条件竞争
  • CMake构建项目报错“No CUDA toolset found.”
  • android——热修复(补丁)
  • [Pytest][Part 4]多种测试运行方式
  • 三、Docker常用命令
  • 安装nvm管理node.js,详细安装使用教程和详细命令
  • 字体 Unicode 区块字符展示 PDF 生成器
  • 身份证识别api-便捷生活与安全社会的双重保障
  • Ubuntu 下 MySql 使用
  • 【Unity】MiniGame编辑器小游戏(十)连连看【Link】
  • VsCode 接入Continue 远程调用(持续扩展 + DeepSeek R1)— 免本地算力
  • Vim 编辑器常用操作详解(新手快速上手指南)
  • 【Unity】MiniGame编辑器小游戏(十一)消消乐【Crush】
  • 【AI】环境——深度学习cuda+pytorch配置
  • 项目进度管控缺乏闭环,如何形成反馈机制