我是靠谱客的博主 苗条凉面,最近开发中收集的这篇文章主要介绍Electron应用中如何点击链接后打开默认浏览器并导航到指定url,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

需求:在electron桌面应用中,需要让链接在被点击后直接调用系统默认浏览器打开指定页面。

问题:我也是才接触Electron,隐约知道可以用主进程和渲染进程之间的通信来解决,但在实际写代码过程中总是报错:TypeError: fs.existsSync is not a function

产生原因:我前端采用的Vue框架,总是报这个错,还是因为我前端工程没有集成好Node的环境,除了在主进程配置好nodeIntegration:true,在渲染进程中也要引入electron

代码实现

  • 主进程
import { ipcMain, shell } from 'electron'
//主进程监听渲染进程发来的消息并执行相应动作
ipcMain.on('open-url', (event, url) => {
shell.openExternal(url); //打开系统默认浏览器到指定的url
});
  • 渲染进程

//点击事件的回调函数
sendUrl(){
const { ipcRenderer } = window.require('electron');
//渲染进程想主进程发送消息
ipcRenderer.send('open-url', 'https://www.baidu.com');
}

最后

以上就是苗条凉面为你收集整理的Electron应用中如何点击链接后打开默认浏览器并导航到指定url的全部内容,希望文章能够帮你解决Electron应用中如何点击链接后打开默认浏览器并导航到指定url所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(44)

评论列表共有 0 条评论

立即
投稿
返回
顶部