让HTML网页变成一个exe执行程序(node-webkit或HTMLRunExe或hta)

1.使用HTMLRunExe 工具css



  可是当html网页包含html5内容,则会
 

 是否是有所变形呢?

那是由于其框架只支持 ie8的页面预览属性 不支持 css3和html5 ?
 解决办法1.
 <script src="js/html5shiv.js"></script>html

 <script src="js/respond.min.js"></script>

这2个js可解决部分html5的显示问题 





2.打成一个hta ?  hta是html application的简写

        1.新建文本文档
        2.右键编辑 
            编辑内容<iframe src="http://www.baidu.com" style="width:100%;height:100%"></iframe>  点击保存
        3.重命名 aa.hta
  图片       html5


3.使用node-webkit是2014年比较火的一项技术(彻底支持html5)
其是 NOde和 chromium的一个结合体
Node 是一个事件驱动的框架,消息处理基于 libuv 实现主要实现
 这样作的好处显而易见,核心奥义在于,用nodejs来进行本地化调用,用webkit来解析和执行HTML+JS
下载地址:
https://github.com/nwjs/nw.js   

下载完成解压后为:
图片

1.双击 nw.exe执行,你就会看到如下内容 表示你能够使用node-webkit
图片



例子:HelloWord

 
 

以上方式为第一种方式 其中package json可配置的完整demo为java

 

 

package.json代码以下:node

 

 

 

{
  "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 //是否启用页面缓存
    }
}

 

1.把入口的nw.exe 和 index.nw合并以下


出现:
图片

先修改图标-->ResHacker

图片


而后执行封包
图片


获得一个

图片

(完)

参考连接:http://damoqiongqiu.iteye.com/blog/2010720 
http://www.cnblogs.com/xuanhun/p/3656003.html  
官方:https://github.com/nwjs/nw.js
 ios

相关文章
相关标签/搜索
每日一句
    每一个你不满意的现在,都有一个你没有努力的曾经。