admin 管理员组

文章数量: 887021

一、核心模块

shell

const { shell } = require('electron')

var aHref = document.querySelector('#ahref')

aHref.onclick = function (e) {
    e.preventDefault()

    let href = this.getAttribute('href')
    shell.openExternal(href)
}

二、全部代码

index.js

var electron = require('electron') //引入electron组件
var app = electron.app //引入组件app
var BrowserWindow = electron.BrowserWindow //窗口引用

var mainWindow = null //申明打开窗口

app.on('ready', () => { //app初始化参数
    mainWindow = new BrowserWindow({
        windth: 800,
        height: 800,
        webPreferences: {
            nodeIntegration: true, //使用node功能
            contextIsolation: false,
            enableRemoteModule: true
        }
    })
    mainWindow.webContents.openDevTools() //默认打开调试模式    
    mainWindow.loadFile('index.html') //打开窗口加载的页面
    mainWindow.on('close', () => { //窗口关闭时，释放页面
        mainWindow = null
    })
})

index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- <a href="https://www.baidu">百度</a> -->
    <a id="ahref" href="https://www.baidu">百度</a>
    <script src="./render/index.js"></script>
</body>

</html>

 /render/index.js

const { shell } = require('electron')

var aHref = document.querySelector('#ahref')

aHref.onclick = function (e) {
    e.preventDefault()

    let href = this.getAttribute('href')
    shell.openExternal(href)
}

 三、效果

 electron .

 

本文标签： 打开网页 浏览器 系统 Electron shell

版权声明：本文标题：5.Electron之shell(使用系统默认浏览器打开网页) 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.freenas.com.cn/jishu/1727322779h1101607.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。