话不多说，直接上码：

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. ubuntu 开启ip包转发

    1. 开启IP转发 //临时 # echo "1"> /proc/sys/net/ipv4/ip_forward //永久 # nano /etc/sysctl.conf n ...

  2. 【VNCserver】Centos7.4安装VNC连接华为云或亚马逊云

    1.1 文档背景 CentOS 7 / RHEL 7部署图形化界面 安装VNCserver实现linux系统云主机桌面化,通过普通用户实现桌面化操作 2.  Vncserver服务端部署 2.1 安装 ...

  3. JFrog杰蛙DevOps平台

    https://www.jfrog.com/confluence/display/XRAY/Welcome+to+JFrog+Xray

  4. tomcat日志分割

    1.下载(最新版本)并解压,cd进入安装目录 #  wget http://cronolog.org/download/cronolog-1.6.2.tar.gz # tar zxvf cronolo ...

  5. k8s Storage Classes

    Storage Classes 介绍 StorageClass 为管理员提供了描述存储 "类" 的方法. 不同的类型可能会映射到不同的服务质量等级或备份策略,或是由群集管理员制定的 ...

  6. send fd 无法传

    string success = "1"; string urlstr = "http://localhost:8080/getfilecontent?filename= ...

  7. 【大数据】Hadoop单机安装配置

    1.解压缩hadoop-2.7.6.tar.gz到/home/hadoop/Soft目录中 2.创建软链接,方便hadoop升级  ln -s /home/hadoop/Soft/hadoop-2.7 ...

  8. BAT脚本一键启动多个程序

    最近写代码,开机要开各种环境,IDE,每次都要对着桌面图标一个个点击,感觉非常麻烦,简直浪费生命,每天开机要花好几分钟打开这些东西,于是稍微学习了一下window下的bat脚本语言,写了一个极为简单而 ...

  9. CRLF

    提示信息: Inject false data in the journalisation log. -------------日志中注入错误数据 开始挑战后,进入如下界面-------------- ...

  10. 014_matlab读取ecxel（直接导入）

    视频教程:https://v.qq.com/x/page/c3039b5htwx.html 资料下载:https://download.csdn.net/download/xiaoguoge11/12 ...