话不多说，直接上码：

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. JS案例 - 城市三级联动

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  2. Java JDBC 操作二进制数据、日期时间

    二进制数据 mysql提供了四种类型来存储二进制数据: TinyBlob    最多可存储255字节 Blob   最多可存储65KB MediumBlob    最多可存储16MB LongBlob ...

  3. redis中获取不同自增数的方法

    项目需求,需要获取不同的自增数,然后与其他信息拼接成一个字符串作为编号,这边有一种基于数据库的获取自增数的方法,这边略过,还有一种基于redis的实现. 此方法可以用到redis的自增函数 publi ...

  4. 手写神经网络Python深度学习

    import numpy import scipy.special import matplotlib.pyplot as plt import scipy.misc import glob impo ...

  5. Spark-Bench 测试教程

    Spark-Bench 教程 本文原始地址:https://sitoi.cn/posts/19752.html 系统环境配置 操作系统:centos7 环境要求:安装 JDK, Hadoop, Spa ...

  6. Linux服务器性能分析与优化

    影响服务器性能的因素: CPU :大部分cpu在同一时间只能运行一个线程,超线程的处理器可以在同一时间处理多个线程,因此可以利用超线程特性提高系统性能. 在linux系统下,只有运行SMP内核才能支持 ...

  7. DateFormat与SimpleDateFormat区别和使用详解

    DateFormat类 此类是一个日期的格式化类,用来格式化日期.具体日期可以通过java.util.Date类来获取. DateFormat类的定义:此类是定义在java.test包中的. publ ...

  8. DecimalField的使用

    DecimalField类DecimalField(max_digits =无,decimal_places =无[,**选项])固定精度的十进制数,在Python中表示一个 十进制的实例.有两个必需 ...

  9. django小知识(1)

    聚合查询 关键字:aggregate from django.db.models import Max,Min,Count,Sum,Avg 分组查询 关键字:annotate 1.最简单的规律 mod ...

  10. oVirt部署

    所有前提建议: 关闭防火墙.selinux,配置hosts,计算机名使用域名 ovirt-engine部署 yum install http://resources.ovirt.org/pub/yum ...