当前位置: 首页 > 后端技术 > Node.js

使用Electron打开外部链接或文件管理器

时间:2023-04-03 20:16:34 Node.js

使用Electron打开外部链接或文件管理器本系列文章的应用示例已发布在GitHub上:electron-api-demos-Zh_CN。您可以克隆或下载并运行查看。欢迎来到星空。Electron中的shell模块允许您访问一些本地元素,例如文件管理器和默认Web浏览器。该模块适用于主进程和渲染器进程。在浏览器中查看完整的API文档。在文件管理器中打开路径支持:Win、macOS、Linux|Process:Both当前示例使用shell模块在特定位置打开系统文件管理器。单击示例按钮将打开根目录中的文件管理器。渲染进程constshell=require('electron').shellconstos=require('os')constfileManagerBtn=document.getElementById('open-file-manager')fileManagerBtn.addEventListener('click',function(event){shell.showItemInFolder(os.homedir())})打开外部链接支持:Win,macOS,Linux|过程:两者如果不想在当前应用打开网站链接,可以使用shell模块在外部打开。单击链接时,它将在用户的默认浏览器中打开。单击示例按钮时,它将在浏览器中的OpenElectron网站中打开。渲染进程constshell=require('electron').shellconstexLinksBtn=document.getElementById('open-ex-links')exLinksBtn.addEventListener('click',function(event){shell.openExternal('http://electron.atom.io')})从外部打开所有出站链接的高级技巧。您可能需要在应用程序外部打开所有http和https链接。为此,请查阅文档并遍历每个链接并添加一个侦听器。此应用程序使用位于assets/ex-links中的文件。下面的js代码。渲染进程constshell=require('electron').shellconstlinks=document.querySelectorAll('a[href]')Array.prototype.forEach.call(links,function(link){consturl=link.getAttribute('href')if(url.indexOf('http')===0){link.addEventListener('click',function(e){e.preventDefault()shell.openExternal(url)})}})如果这个文章对您有帮助,请在下方点赞或starGitHub:electron-api-demos-Zh_CN支持,谢谢。