youyudexiaowangzi的专栏

Electron中试用iframe标签，访问https://www.baidu.com/结果iframe标签显示空白，并且报错:9080/#/:1 Refused to display 'https://www.baidu.com/' in a frame because it set 'X-Frame-Options' to 'sameorigin'.大意已同源策略的限制，可以通过服务器端的配置允许iframe的访问，但是如果访问第三方的url，就无法控制了，electron中可以通过web.

electron报错添加nodeIntegration属性let mainWindowconst winURL = process.env.NODE_ENV === 'development' ? `http://localhost:9080` : `file://${__dirname}/index.html`function createWindow () { /** * Initial window options */ mainWindow = ne.

据传是gpu的问题，electron不会自己判断硬件是否支持加速，只会自己默默的出bug，解决方法一：启动的时候传入参数--disable-gpu，一般这种情况下可以右键快捷方式，在目标那里加上 --disable-gpu,或者用程序启动electron程序，启动的时候加上参数 --disable-gpu解决方法二：在创建出窗口之前调用app.disableHardwareAcceleration()，这样会禁用硬件加速，就能正常显示了...

项目调整了一下，重新安装了electron-builder结果打包一直失败一直是下载文件失败winCodeSignnsisnsis-resource看到报错的地方的url，直接复制用浏览器打开，还真的打不开，github也不用翻墙，所以不是网络的问题，于是url路径一个节点一个节点的删除，发现这个路径是可以看到的https://github.com/electron-userland/electron-builder-binaries/releases/而且里面罗

今天升级了一下项目的electron版本，结果执行npm run build的时候一直卡在downloading，此处downloading是下载electron文件，慢也就理解了，修改package.json文件修改镜像地址在build项里面添加配置 "electronDownload":{ "mirror":"https://npm.taobao.org/mirrors/electron/" },这样就快多了，而且第二次编译不用重复下载...

原因electron 4.x开始后的安全策略，不识别file:///开始的url解决方案：main.js中，加入function createWindow () { /** * Initial window options */ mainWindow = new BrowserWindow({ height: 768, useContentSize: true, width: 1300, webPreferences:{ webSec

今天项目中第一次使用el-slider发现element-ui示例中鼠标拖动滑块的时候有tooltip的提示，但是我的electron-vue项目中没有tooltip，在github上找到一个解决方案https://github.com/SimulatedGREG/electron-vue/issues/361也就是.electron-vue/webpack.renderer.config.js的第21行左右let whiteListedModules = ['vue']改成let w.

今天写了一个bat脚本，想着自动处理编译前后的工作，结果执行完npm run build之后，bat就结束了，后面的命令都没执行，以为是bug，查找半天发现是npm run build之后，bat结束了，为了保证npm run build后面的命令能正常运行，于是修改了一下把 npm run build改成call npm run build相当于把npm run build当成一个脚本执行，就算这个脚本结束了，也只是结束了一个call，不会结束call所在的脚本...

1.创建BrowserWindow时指定transparent: true和frame: false和devTools: false注意devTools可能会影响到transparent mainWindow = new BrowserWindow({ height: 960, width: 1820, transparent: true, resizable: false, frame: false, webPreferences: {

以前用的单例模式， const isSecondInstance = app.makeSingleInstance((commandLine, workingDirectory) => { // Someone tried to run a second instance, we should focus our window. if (myWindow) { if (myWindow.isMinimized()) myWindow.restore() m

nodejs和vue的安装不做赘述，安装electron-vue环境# Install vue-cli and scaffold boilerplatenpm install -g vue-clivue init simulatedgreg/electron-vue my-project# Install dependencies and run your appcd my-projectnpm install # or yarnnpm run dev # or yarn run d

出现这种错误的时候，在构造BrowserWindow的地方加上webPreferences参数new BrowserWindow({ webPreferences: { nodeIntegration: true }})参考的https://stackoverflow.com/questions/55093700/electron-5-0-0-uncaught-referenceerror-require-is-not-defined...

npm run dev报错 ERROR in Template execution failed: ReferenceError: process is not defined ERROR in ReferenceError: process is not defined - index.ejs:11 eval [.]/[html-webpack-plugin]/lib/loader.js!./src/index.ejs:11:2 - index.ejs:1...