分类：网络文摘

将HTML5 打包成桌面EXE的流程（node-webkit）

首先,下载  node-webkit     点击打开链接 2、将HTML5项目文件夹下面的 html、js、css等文件与 package.json 打包成压缩文件（zip） 3、pakeage.json 各字段解析：点击打开链接 { "main": "index.html", //入口 "name": "nw-demo",//字符串必须是小写字母或者数字，可以包含"." 或者"_"或者"-" ，不允许带空格,必须唯一 "description": "demo app of node-webkit",//描述 "version": "0.1.0",//版本 "keywords": [ "demo", "node-webkit" ],//关键字 "window": {//窗体配置 "title": "node-webkit demo", //窗体的标题 "icon": "link.png",//窗体的ico图标 "toolbar": true,//是否要工具栏 "frame": false,//bool值。如果设置为false，程序将无边框显示 也就是没有系统默认的关闭，最小化，全屏按钮 "width": 800,//窗口的大小 "height": 500, //窗口的大小 "position": "mouse", //字符串。窗口打开时的位置，可以设置为“null”、“center”或者“mouse”。 "min_width": 400,//最小宽度 "min_height": 200,//最小高度 "max_width": 800,//最大宽度 "max_height": 600,//最大高度 "as_desktop" :false,//是否作为桌面背景窗口显示 "resizable":false,//是否允许调整窗口大小 "always-on-top":true,//窗口是否置顶 "fullscreen":false,//是否全屏显示 "show_in_taskbar":true,//是否显示任务栏图标 "show":false, //如果设置为false，启动时窗口不可见 "kiosk":false //是否使用kiosk模式。如果使用kiosk模式，应用程序将全屏显示，并且阻止用户离开应用 }, "webkit": { "plugin": true,//bool值，是否加载插件，如flash，默认值为false。 "java":false, //bool值 是否加载java applets " page-cache":false //是否启用页面缓存 } } 4、将zip文件重命名为nw文件，与 nw.exe放在同一个文件夹 执行 
 copy /b nw.exe+a.nw a.exe
5、生成exe文件 然后 与以下文件放在一起
6、利用工具 再将这些文件封装成一个EXE
	Enigma Virtual Box
7、再利用工具更改EXE的图标 就可以形成可用的EXE

键盘按钮keyCode大全

字母和数字键的键码值(keyCode)
按键 键码 按键 键码 按键 键码 按键 键码
A 65 J 74 S 83 1 49
B 66 K 75 T 84 2 50
C 67 L 76 U 85 3 51
D 68 M 77 V 86 4 52
E 69 N 78 W 87 5 53
F 70 O 79 X 88 6 54
G 71 P 80 Y 89 7 55
H 72 Q 81 Z 90 8 56
I 73 R 82 0 48 9 57
数字键盘上的键的键码值(keyCode) 功能键键码值(keyCode)
按键 键码 按键 键码 按键 键码 按键 键码
0 96 8 104 F1 112 F7 118
1 97 9 105 F2 113 F8 119
2 98 * 106 F3 114 F9 120
3 99 + 107 F4 115 F10 121
4 100 Enter 108 F5 116 F11 122
5 101 - 109 F6 117 F12 123
6 102 . 110
7 103 / 111
 
控制键键码值(keyCode)
按键 键码 按键 键码 按键 键码 按键 键码
BackSpace 8 Esc 27 Right Arrow 39 -_ 189
Tab 9 Spacebar 32 Down Arrow 40 .> 190
Clear 12 Page Up 33 Insert 45 /? 191
Enter 13 Page Down 34 Delete 46 `~ 192
Shift 16 End 35 Num Lock 144 [{ 219
Control 17 Home 36 ;: 186 /| 220
Alt 18 Left Arrow 37 =+ 187 ]} 221
Cape Lock 20 Up A
另附上一段代码，

Chrome浏览器扩展开发系列之四：Browser Action类型的Chrome浏览器扩展

Browser Action类型的Google Chrome扩展程序，通常在Chrome浏览器的工具栏中，地址栏的右侧，有一个始终存在的图标。也就是说，这个图标与浏览器相关，只要安装了该Chrome扩展的浏览器，就会显示该图标。 鼠标悬浮到图标上会给出提示信息，鼠标点击图标会弹出popup页面。图标还可以根据条件设置不同的徽章(Badge)，提示用户不同的条件状态。 定义Browser Action类型的Google Chrome扩展程序，首先要在manifest.json文件中注册如下： { ... "browser_action": { "default_icon": { // optional "19": "images/icon19.png", // optional "38": "images/icon38.png" // optional }, "default_title": "Google Mail", // optional; shown in tooltip "default_popup": "popup.html" // optional }, ... } 图标（icon）的默认尺寸是19px*19px，可以是WebKit能够显示的任何静态图片（如BMP, GIF, ICO, JPEG, PNG等），也可以是HTML5的canvas元素。可以直接在manifest.json文件中设置图标的图片，也可以通过chrome.browserAction.setIcon(object details, function callback)方法设置图标的图片。其中的details对象有两个名为imageData和path的对象属性，二者必须设置其一，如details.imageData = icon19.png（等价于details.imageData = {'19': icon19.png}）或details.path= icon19.png（等价于details.path = {'19': icon19.png}）。 提示（tooltip）可选，可以直接在manifest.json文件中设置，也可以通过chrome.browserAction.setTitle(object details)方法设置。其中的details对象有一个名为title的字符串属性，示例如details.title='An extension for strocks.'。提示的字符串支持国际化。 徽章（badge）可选，是在图标之上叠加显示的文本，可以灵活地显示Browser Action的状态变化。但是由于显示空间有限，通常徽章的文本不多于4个字符。可以通过chrome.browserAction.setBadgeText(object details)方法显示徽章的文本，其中的details对象有一个名为text的字符串属性，示例如details.text='A'。可以通过chrome.browserAction.setBadgeBackgroundColor(object details)方法显示徽章的背景色，其中的details对象有一个名为color的属性。color属性可以是字符串，如details.color='#FF0000'或details.color='#F00'。color属性也可以是数组，如details.color=[255, 0, 0, 255]。 弹出框（popup）可选，点击图标时弹出框出现。弹出框是一个HTML文件，尺寸根据其内容自动设置。可以直接在manifest.json文件中设置popup页面，也可以通过chrome.browserAction.setPopup(object details)方法设置popup页面，其中的details对象有一个名为popup的字符串属性，示例如details.popup='somePath.popup.html'。如果details.popup=''则表示没有popup页面。