node-webkit开发IM持续踩坑日志(一)

最新推荐文章于 2022-02-03 15:19:08 发布

Faith_1427

最新推荐文章于 2022-02-03 15:19:08 发布

阅读量249

点赞数

分类专栏：前端代码文章标签： nodejs javascript

本文链接：https://blog.csdn.net/m0_38102288/article/details/106382428

版权

前端同时被 2 个专栏收录

14 篇文章 0 订阅

订阅专栏

代码

12 篇文章 0 订阅

订阅专栏

一、更换图标

// package.json

{
	"main": "app/index.html",
	"name": "faith",
	"version": "0.1.0",
	"window": {
		"title": "node-webkit demo",
		"icon": "logo.png",
	}
}
// #图片必须是128*128,不然会毫无反应。

二、截图功能

思路是利用第三方截图软件，点击按钮调用node执行exe文件

<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title></title>
</head>
<body style="width: 100%;height: 100%;background: #ccc;padding: 0;margin: 0;">
	<script type="text/javascript">
		// node执行第三方截图工具
		const exec = require('child_process').execFile;// 执行exe文件
		const path = require('path');
		//获取截图exe文件执行目录
		const pathUrl = `${path.dirname(process.execPath)}\\public\\ScreenCapture.exe`;
		function jietu(){
			exec(pathUrl, function(err, data) {
				if (err) { 
					console.log(err)
				} 
				console.log(data.toString()); 
			}); 
		}
	</script>
	<button onclick="jietu()">点击截图</button>
</body>
</html>

传送门 ~ ~ ~
ScreenCapture.exe

三、右键点击自定义菜单

<script type="text/javascript">
	// 创建一个空菜单
	
	var menu = new nw.Menu();
	// 添加菜单项
	menu.append(new nw.MenuItem({
	  label: '项 A',
	  click: function(){
	    alert('You have clicked at "项 A"');
	  }
	}));
	menu.append(new nw.MenuItem({ label: '项 B' }));
	menu.append(new nw.MenuItem({ type: 'separator' }));
	menu.append(new nw.MenuItem({ label: '项 C' }));
	
	// 监听事件
	document.body.addEventListener('contextmenu', function(ev) {
	  // 阻止显示默认菜单
	  ev.preventDefault();
	  // 点击处弹出定义的菜单对象
	  menu.popup(ev.x, ev.y);
	
	  return false;
	}, false);

</script>

四、全局快捷 ( 老板 ) 键

<script type="text/javascript">
	//获取当前窗口
	const win = nw.Window.get();
	// 注册老板键
	const optionKey = 'Ctrl+Alt+Z';
	let IsWindowApp = true; // 当前窗口是否处于显示状态
	
	const option = {
		key:optionKey,
		active:function(){
			console.log("全局快捷键: " + this.key + " 被激活."); 
			IsWindowApp ? win.minimize() : win.restore();
			IsWindowApp = !IsWindowApp
		},
		failed:function(err){
			console.log(err);
		}
	}
	
	// 使用 |option| 注册快捷键
	const shortcut = new nw.Shortcut(option);
	
	// 注册全快捷键 即使无聚焦也可工作
	nw.App.registerGlobalHotKey(shortcut);
</script>