假如你在KaiOS的浏览器碰到一个你很喜欢的网址时【滑稽】(这谁会用这星星浏览器去浏览网页),你想把它固定到桌面上,这个时候正常的操作是:右键选择调出选项选择固定到应用菜单,这个时候就会生成一个白色浏览器内嵌一个网站图标的快捷方式到应用抽屉,你最多只可以给他又臭又长的名字来个重命名,其他就无从下手了。

如果你想更改它的图标或者更多“个性化”设置你可以按照以下信息进行操作,前提是你已经安装好了(OmniSD)。
本教程可以保证创建,但不能保证能否正常使用……可能会出现界面不适配之类情况

index

创建一个名为index.html的文件在里面填入

1
2
3
4
5
6
7
8
9
10
11
12
13
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<title>网站名称(可自定义)</title>
<body>
<h>
首页标题
</h>
<p>
<a href="网站地址">链接名称</a>
</p>
</body>
</html>

乍一看就这样,其实就这样……是不是特别憨憨的操作
没出错,手机上进入就是这样显示,然后只需要你点击显示的链接名称就可以进入网站了,是不是特别与(duo)众(ci)不(yi)同(ju)

如果没错手机上就是这样显示

manifest

再创建一个manifest.webapp文件注意webapp是后缀
再里面依旧套入一下代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
{
"version": "版本号,瞎填也可以",
"name": "应用名称",
"description": "应用信息",
"type": "web",
"launch_path": "/index.html",
"icons": {
"56": "/icon56.png",
"112": "/icon112.png"
},
"developer": {
"name": "开发者名称???"
},
"locales": {
"zh-CN": {
"name": "应用名称",
"subtitle": "副标题",
"description": "应用介绍"
}
},
"default_locale": "zh-CN",
"cursor": true, <!--是否显示鼠标true/false-->
"fullscreen": true, <!--是否铺满屏幕true/false-->
"ime_default_softkey_bar": true <!--是否启用键盘true/false-->
}

这样这个快捷方式的应用信息就完成了

设置图标

找到两个你要的图标大小分别为56x56和112x112分别命名为icon56.png和icon112.png放入webapp文件对应路径如上的话就直接和index.html和manifest.webapp放一起如果你的图标信息填的是/img/icon56.png之类的就放到对应路径如上就是放入新建文件夹img内再将img文件夹和index.html和manifest.webapp放一起。
这样图标文件就差不多了

application

将之前的所有文件(icon56.png,icon112.png,index.html,manifest.webapp或img,index.html,manifest.webapp等等)一起压缩并命名为application.zip

metadata

再在application.zip之外创建一个metadata.json文件
内容为:

1
2
{"version": 1, "manifestURL": "https://随便填 一个地址不存在也可以.com"}
<!--好像一定得要一个回车到第二行-->

压缩安装包

将metadata.json和application.zip压缩快 捷方式名称.zip 文件放入SD卡储存apps文件夹内使用OmniSD安装即可食用。

结语:是不是有点鸡肋,但有的时候确实有点点用处,当然如果你嫌弃index.html文件内容太过简陋,你大可以利用HTML和CSS的知识对它进行装修。

======分割线======

小彩蛋

这里给几个webapp内比较好用的代码:
显示“沉浸式”状态栏(可以放在webapp文件和鼠标显示,键盘显示代码放一起,但要注意书写):

1
2
3
"chrome":{
"statusbar":"overlap"
}

图标主题色(就是你在网格模式或者单图标模式内选择应用图标的底层颜色,放在”launch_path”:”/index.html”,之后)

1
2
3
4
5
6
7
8
...
"launch_path": "/index.html",
"theme_color":"#4169E1",
"icons": {
"56": "/img/icon/ZeroNote_56.png",
"112": "/img/icon/ZeroNote_112.png"
},
...