话不多说，直接上码：

index.html

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8" />

        <title></title>

        <link rel="stylesheet" href="css/style.css" />

        <link rel="stylesheet" href="js/themes/default/default.css" />

        <link rel="stylesheet" href="css/bootstrap.min.css" />

    </head>

    <body>

        <div class="main">

            <iframe src="https://www.baidu.com" class="frame" border="0"></iframe>

            <div class="bottom">

                &nbsp;&nbsp;

                <img alt="新增邮件" src="img/edit.png" width="20" height="20" onclick="edit()" />

                &nbsp;&nbsp;

                <img alt="退出" src="img/exit.png" width="20" height="20" onclick="exit()" />

            </div>

        </div>

        <div class="modal fade bs-example-modal-lg" id="myModal" tabindex="-1" role="dialog">

            <div class="modal-dialog modal-lg" role="document">

                <div class="modal-content">

                    <div class="modal-header">

                        <h4 class="modal-title">编辑邮件</h4>

                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>

                    </div>

                    <div class="modal-body">

                        <form>

                            <textarea name="content" style="width:760px;height:400px;visibility:hidden;"></textarea>

                        </form>

                    </div>

                    <div class="modal-footer">

                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>

                        <button type="button" class="btn btn-primary">保存</button>

                    </div>

                </div>

            </div>

        </div>

    </body>

</html>

<script type="text/javascript" src="js/jquery.min.js"></script>

<script type="text/javascript" src="js/kindeditor-all-min.js"></script>

<script type="text/javascript" src="js/lang/zh-CN.js"></script>

<script type="text/javascript" src="js/bootstrap.min.js"></script>

<script type="text/javascript" src="js/init.js"></script>

<script type="text/javascript">

    var editor;

    KindEditor.ready(function(K) {

        editor = K.create('textarea[name="content"]', {

            allowFileManager: true

        });

    });

    function edit() {

        $('#myModal').modal('show');

    }

</script>

package.json

{

    "name": "mail",

    "main": "index.html",

    "nodejs": true,

    "window": {

        "title": "万华邮件管理",

        "toolbar": true,

        "width": 800,

        "height": 600,

        "resizable": true,

        "show_in_taskbar": true,

        "frame": true,

        "kiosk": false,

        "icon": "./img/email.png"

    },

    "webkit": {

        "plugin": true

    }

}

init.js

// Load native UI library

var isShowWindow = true;

// Load native UI library

var gui = require('nw.gui');

var win = gui.Window.get();

win.maximize();

var tray = new gui.Tray({

    title: '邮件工具',

    icon: './img/email.png'

});

tray.tooltip = '邮件工具';

//添加一个菜单

// var menu = new gui.Menu();

// menu.append(new gui.MenuItem({

//     type: 'normal',

//     label: '退出',

//     click: function() {

//         if (confirm("确定退出Feynman工具吗？")) {

//             win.close(true);

//         }

//     }

// }));

// tray.menu = menu;

//click 托盘图标事件

tray.on('click',

    function() {

        if (isShowWindow) {

            win.hide();

            isShowWindow = false;

        } else {

            win.show();

            isShowWindow = true;

            win.maximize();

        }

    }

);

win.on('close', function() {

    win.hide();

});

function exit(){

    if (confirm("确定退出邮件工具吗？")) {

        win.close(true);

    }

}

我的node-webkit笔记的更多相关文章

  1. node 学习笔记

    以下笔记默认安装完成node 及npm 1.安装express 新版本的express-generator已经独立出来,全局安装这个包就ok. npm install express-generato ...

  2. node学习笔记－搭建node环境

    最近项目要用到node,利用空闲整理做下笔记 第一步  安装node,方式比较多,最为直接的是直接去官网     可直接从官网下载安装http://nodejs.cn/download/ 根据自己情况 ...

  3. Node.js笔记1

    Node.js入门笔记 1. node -help 可以显示帮助信息2. node REPL 模式(Read-eval-print loop) 输入—求值—输出循环 直接在cmd输入node 可以进入 ...

  4. node学习笔记（二）（ajax方式向node后台提交数据）

    通过ajax向node后台提交数据过程(附手写前后台代码),并总结post与get的区别 POST 前台代码 //CSS简单给点样式 <style> form{ width: 200px; ...

  5. Node学习笔记（二）

    1.package.json详解Node.js 在调用某个包时,会首先检查包中 package.json 文件的 main 字段,将其作为包的接口模块,如果 package.json 或 main 字 ...

  6. node.js 笔记

    教程总结笔记: 学习网站:http://www.runoob.com/nodejs/nodejs-install-setup.html Node.js 中文网及安装文件下载: http://nodej ...

  7. Nodejs全站开发学习系列 & 深入浅出Node学习笔记 & Spider抓取

    https://course.tianmaying.com/node 这个系列的文章看起来很不错,值得学习一下. /Users/baidu/Documents/Data/Interview/Web-S ...

  8. node学习笔记（连载）

    这段时间玩了小程序.浏览器插件.koa建站,本来想写几篇文章总结一下的.迫于工作上有新需求要跟进,所以先写写读书笔记吧.公司九点上班,不过弹性工作时间,大家基本上九点半之前到.而我作为渣渣,八点半就到 ...

  9. Node.js 笔记02

    一.关于命令 常用命令: dir 列出当前目录下面所有的文件 cd 目录名 进入到指定的目录,. 当前目录, .. 进入上级目录,cd . 当前目录, cd .. 上级目录 md 目录名 创建文件夹 ...

  10. node.js 笔记（一）

    参考:https://github.com/alsotang/node-lessons 感谢!!! 本文属于小白入门级笔记,请大牛自动屏蔽!!! 1.     开发环境 os: 10.12.6 nod ...

随机推荐

  1. k8s 初识pod （二）

    kubernetes中调用pod到哪个节点上是无关紧要的,但由于实际情况,每台node的硬件环境不一致,所以某些情况要求将不同pod调到指定节点上运行.也可以通过label实现. kubectl la ...

  2. Linux service进程管理

    Linux进程基本介绍: 1)在Linux中,每个执行的程序(代码)都称为一个进程.每一个进程都分配一个ID号. 2)每一个进程,都对应一个父进程,而这个父进程可以复制多个子进程.例如www服务器. ...

  3. Centos 7 kubernetes集群搭建

    一.环境准备 Kubernetes支持在物理服务器或虚拟机中运行,本次使用虚拟机准备测试环境,硬件配置信息如表所示: IP地址 节点角色 CPU Memory Hostname 磁盘 192.168. ...

  4. 程序员式优雅表白，教你用python代码画爱心

    还能用python代码画爱心?还有这种操作?这是什么原理? 不相信python代码可以画爱心?先来一张效果图来看看效果吧! 用python代码画爱心的思路是怎样的? 1.怎么画心形曲线 2.怎么填满心 ...

  5. linux使用useradd创建的用户没有目录的解决办法

    转载请注明来源https://www.cnblogs.com/sogeisetsu/p/11401562.html或https://blog.csdn.net/suyues/article/detai ...

  6. 一些坑 Java 执行命令行命令 Spring Boot 打包为jar ResourceUtils.getFile 等出现的问题

    Java 执行命令行命令 这个没技术含量的东西耗费了我半个多小时 String command = ....; Process process = Runtime.getRuntime().exec( ...

  7. oracle之随机数

    一.首先创建一个测试表 select * from DIM_IA_TEST1 生成随机数 select t.*,rownum rn from  (select * from DIM_IA_TEST1 ...

  8. spark的RDDAPI总结

    下面是RDD的基础操作API介绍: 操作类型 函数名 作用 转化操作 map() 参数是函数,函数应用于RDD每一个元素,返回值是新的RDD flatMap() 参数是函数,函数应用于RDD每一个元素 ...

  9. MapTask工作机制

    (1)Read阶段:MapTask通过用户编写的RecordReader,从输入InputSplit中解析出一个个key/value. (2)Map阶段:该节点主要是将解析出的key/value交给用 ...

  10. 轻松学习之三——IMP指针的作用

    http://www.jianshu.com/p/425a39d43d16 可能大家一直看到有许多朋友在Runtime相关文章中介绍IMP指针的概念,那么IMP究竟有什么实际作用呢?让我们先从一个函数 ...