nativefier的应用程序,在任务栏图标中的右键菜单新增“跳转页面”的功能

2023-11-30 建站知识 浏览 手机预览
文章来源:http://www.imtr.cn/html/n272.html

在/resources/app/lib/main.js中搜索const contextMenu = electron_1.Menu.buildFromTemplate,在这个代码的上一句中新增shell跳转模块:

const { Menu, clipboard, shell, BrowserWindow } = require('electron');


PS:需要注意的是,如果想要让链接在系统默认浏览器打开,则必须添加shell模块,如果想要在程序的主窗口跳转链接,可以不添加shell模块。


然后在这个方法里新增代码:

{
  label: '跳转到百度',
  click: () => {
    //方法1:在系统默认浏览器打开指定链接(二选一即可)
    //const urlToOpen = 'https://www.baidu.com/';
    //shell.openExternal(urlToOpen);
	
    //方法2:在nativefier应用程序中打开指定链接(二选一即可)
    const targetUrl = 'https://www.baidu.com/';
    mainWindow.webContents.executeJavaScript(`window.open('${targetUrl}', '_self');`);
  },
},

这样就可以在应用程序图标上单击右键,跳转到指定链接了

原文地址:http://www.imtr.cn/html/n272.html
  • 如果你的问题还没有解决,可以点击页面右侧的“ ”,站长收到问题后会尽快回复解决方案到你的邮箱。
  • 创造始于问题,有了问题才会思考,有了思考,才有解决问题的方法,才有找到独立思路的可能。 —— 陶行知