【Electron】Electron开发入门（七）：打开本地文件或者网页链接 and webview里操纵electron api

最新推荐文章于 2024-05-12 23:50:05 发布

置顶悠悠白云a

最新推荐文章于 2024-05-12 23:50:05 发布

阅读量2.4w

点赞数 4

分类专栏： Electron 文章标签： electron

本文链接：https://blog.csdn.net/arvin0/article/details/52912644

版权

Electron 专栏收录该内容

12 篇文章 12 订阅

订阅专栏

1.打开本地文件或者网页链接

// 打开系统本地文件
const {shell} = require(‘electron’);
// Open a local file in the default app
var path1 = “d:\ProjectsSpace\ElectronProjects\ElectronTest2\app\html\config\record.txt”;
shell.openItem(path1);

//打开网页链接
// Open a URL in the default way
shell.openExternal(‘https://github.com‘);

2.electron+web view（html+js）
html，js里获取electron的api，使用webview上的div元素，监听点击事件等，操作electron api
PS:下面示例的api可能与现在electron 新版本有区别，最好查一下api，不过方法是这样子的；

<html>
<head>
<title>test</title>
    <meta charset="utf-8" />
</head>
<body >
<button id="btn_fullScreen">全屏</button>
<button id="btn_exitFullScreen">退出全屏</button>
<div>
  </div>
    <script>
        var gui = require('nw.gui');
        var win = gui.Window.get();
        var btn_fullScreen = document.querySelector('#btn_fullScreen');
        btn_fullScreen.addEventListener("click", function (evt) {
            win.enterFullscreen();
        }, false);
        var btn_exitFullScreen = document.querySelector('#btn_exitFullScreen');
        btn_exitFullScreen.addEventListener("click", function (evt) {
            win.leaveFullscreen();
        }, false);
    </script>
</body>
</html>

悠悠白云a

关注

4
点赞
踩
3

收藏

觉得还不错? 一键收藏
打赏
1
评论
【Electron】Electron开发入门（七）：打开本地文件或者网页链接 and webview里操纵electron api

1.打开本地文件或者网页链接// 打开系统本地文件 const {shell} = require(‘electron’); // Open a local file in the default app var path1 = “d:\ProjectsSpace\ElectronProjects\ElectronTest2\app\html\config\record.tx2.electr
复制链接

扫一扫