Electron踩坑记录

1. electron通过点击托盘打开⽆边框透明窗⼝闪烁问题解决办法

3. 为什么使⽤BrowserView⽽不是iframe？

iframe跟宿主页⾯共享⼀个渲染进程，当宿主页⾯和iframe页⾯都含有WebRTC功能时，

iframe会跟宿主页⾯抢占资源，导致两个页⾯都⾮常卡，卡到⽆法使⽤。

electron 的 BrowserView会独⽴开辟⼀个渲染进程，不跟宿主页⾯抢占资源。央视主持人李平

4. BrowserView 的缺点：

⽆法跟与宿主页⾯的弹窗统⼀使⽤z-index属性定位层级，它总是在最上层。挡住宿主页⾯的元素。

5. BrowserView 内部页⾯⽆法响应点击事件的问题。欧码和中国码

在mac系统下，偶现。现在的处理⽅案是 sleep 20毫秒后，将BrowserView先从window移除，再添加进去。

世界遗产的资料

潘十亿

6. 个别的jpg图⽚显⽰⾃动旋转90的问题，相关jira：LIVE-1425

7. Windows 环境下将本地图⽚作为CSS背景，加载失败。

---- 解决⽅案，将windows下的⽂件路径中的反斜杠转换为斜杆即可。

预算软件p = p.replace(/\\/gm, '/');

8. Windows 环境下，桌⾯显⽰放⼤成125%，BrowserView对象加载失败。

— 主要原因： BrowserView的setBounds函数的width/heigth参数只能是整数。

桌⾯放⼤成125%后动态获取的宽⾼存在⼩数部分。

— 解决⽅案：对setBounds函数的参数进⾏取整处理。Math.floor

9. 客户端登录界⾯，调⽤⼆维码登录时，jQuery加载失败。

— 问题原因：⼆维码界⾯通过script标签引⼊的jquery库⽂件，此⽂件有对module对象进⾏判断。

在electron客户端中如果启⽤了nodeIntegration，js运⾏上下⽂就会存在module对象。

— 解决⽅案：在proload阶段加载的js⽂件中将dule对象设置为null即可。

10 . windows 系统下，放⼤缩⼩，最⼤化，最⼩化动画效果。

世界杯举办地transparent:false