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
这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