博客园  :: 首页  :: 新随笔  :: 订阅 订阅  :: 管理

利用 chrome 做本地HTML5全屏应用

Posted on 2016-03-28 11:41  PHP-张工  阅读(806)  评论(0编辑  收藏  举报

现在HTML5已经很强大了,如何让网页看起来像本地应用呢?仅chrome浏览器就可以实现。(但当然只能使用HTML的功能,不能操作本地系统)

以百度为例:

  1. 使用chrome打开百度 https://www.baidu.com/
  2. 打开chrome 菜单》更多工具》创建应用快捷方式
  3. 将在桌面创建一个打开网站的快捷方式,打开快捷方式,则浏览器无地址栏,看起来像个应用了。
  4. 但还有标题栏,如何全屏运行呢?在应用的快捷方式后面添加参数 --kiosk,就可全屏。
  5. 当然如果你压根都没有网站或不需要联网,则可直接访问本地HTML。当然最好打开本地文件访问权限,快捷方式后面添加参数 --allow-file-access-from-files
  6. 也可以给快捷方式换一个好看的图标。

快捷方式的内容如下所示:

"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --allow-file-access-from-files --app=file:///D:/work/web/index.html  --kiosk