Electron 應用白屏問題分析與解決方案

Electron 應用中拍照、PDF展示等模塊導致白屏的常見原因通常與內存泄漏、渲染進程崩潰或資源加載超時有關。以下是具體排查與解決方法：

---

檢查內存泄漏

項目中，分析代碼，高頻操作或未釋放的資源可能導致內存耗盡。監控內存使用情況，及時釋放無用資源。

// 示例：監控內存使用
process.on('memoryUsage', (usage) => {console.log(`內存使用: ${JSON.stringify(usage)}`);if (usage.heapUsed > 500 * 1024 * 1024) {console.warn('內存過高，建議清理資源');}
});

---

主要調整項目中的代碼

就是進行資源釋放

clearWrapBox:function(){if(_.isFunction(pdfSignView.destroyView)){pdfSignView.destroyView()}if(window.isElectron){//對當前的 iframe進行銷毀，可以釋放資源this.imgClsData.$wrapBox.find('iframe').attr('src','');//清空當前dom，可以釋放內存，但是這并不能完全釋放內存//需要將dom中的click事件一并銷毀，才能有效緩解內存不釋放的問題。this.imgClsData.$wrapBox.off('click').empty();}else{this.imgClsData.$wrapBox[0].innerHTML = "";}
}

---