利用 chrome 做本地HTML5全屏应用

Posted 2020-06-30 ZjFree-自由自在

现在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