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

1.使用HTMLRunExe 工具


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

 是不是有所变形呢?

那是因为其框架只支持 ie8的页面预览属性 不支持 css3和html5 ?
 解决办法1.
 <script src="js/html5shiv.js"></script>
 <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
   图片       

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为

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

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

猜你喜欢

转载自blog.csdn.net/qilin001cs/article/details/79108414