Ubuntu 20.04.02 LTS 制作哔哩哔哩Web版(基于google-chrome-stable)_html

1. 首先创建三个文件夹

icons
bilibili
applications

Ubuntu 20.04.02 LTS 制作哔哩哔哩Web版(基于google-chrome-stable)_html_02

2. 图标文件

在 icons 创建对应文件夹 放入 图片文件

Ubuntu 20.04.02 LTS 制作哔哩哔哩Web版(基于google-chrome-stable)_html_03


Ubuntu 20.04.02 LTS 制作哔哩哔哩Web版(基于google-chrome-stable)_html_04

3. bilibili 文件下 新建 bilibili.html

Ubuntu 20.04.02 LTS 制作哔哩哔哩Web版(基于google-chrome-stable)_图形化_05


源代码

<html>
    <head>
        <title>
            Loading...
        </title>
    </head>
    <script>
        info = {}
        var params = location.search.substring(1).split('&')
        for (var i=0; i<params.length; i++) {
            var p = params[i].split('=')
            info[decodeURIComponent(p[0])] = decodeURIComponent(p[1])
        }
        w = info["width"]
        h = info["height"]
        url = info["url"]
        if (w && h) {
            window.resizeTo(w, h);
            window.moveTo((screen.width - w) / 2, (screen.height-h) / 2)
        }
        window.location = url
    </script>
</html>

4. applications 文件夹下创建 bilibili.desktop

Ubuntu 20.04.02 LTS 制作哔哩哔哩Web版(基于google-chrome-stable)_html_06

Ubuntu 20.04.02 LTS 制作哔哩哔哩Web版(基于google-chrome-stable)_html_07

#!/usr/bin/env xdg-open

[Desktop Entry]
Version=1.0
Name=Bilibili
Name[zh_CN]=哔哩哔哩
Comment=Bilibili Web Page
Comment[zh_CN]=哔哩哔哩
Exec=/usr/bin/google-chrome --app=file:///usr/share/bilibili/bilibili.html?url=https://www.bilibili.com&width=818&height=551
Terminal=false
X-MultipleArgs=false
Type=Application
Icon=bilibili
Categories=video;network;
StartupNotify=true
StartupWMClass=www.bilibili.com

通过修改 width、height 控制初始窗口的宽高

5. 打包deb安装包

Ubuntu 20.04.02 LTS 制作哔哩哔哩Web版(基于google-chrome-stable)_ubuntu_08


Ubuntu 20.04.02 LTS 制作哔哩哔哩Web版(基于google-chrome-stable)_ubuntu_09


Ubuntu 20.04.02 LTS 制作哔哩哔哩Web版(基于google-chrome-stable)_html_10


Ubuntu 20.04.02 LTS 制作哔哩哔哩Web版(基于google-chrome-stable)_ico_11


一直 下一步,然后打包

Ubuntu 20.04.02 LTS 制作哔哩哔哩Web版(基于google-chrome-stable)_图形化_12


Ubuntu 20.04.02 LTS 制作哔哩哔哩Web版(基于google-chrome-stable)_ico_13


Ubuntu 20.04.02 LTS 制作哔哩哔哩Web版(基于google-chrome-stable)_ico_14

6. 安装 deb包

图形化安装、卸载

Ubuntu 20.04.02 LTS 制作哔哩哔哩Web版(基于google-chrome-stable)_图形化_15


Ubuntu 20.04.02 LTS 制作哔哩哔哩Web版(基于google-chrome-stable)_ubuntu_16


Ubuntu 20.04.02 LTS 制作哔哩哔哩Web版(基于google-chrome-stable)_图形化_17

命令行

安装

sudo dpkg -i com.chsengni.bilibili_0.0.1_amd64.deb

卸载

sudo dpkg -r com.chsengni.bilibili

7. 运行效果

Ubuntu 20.04.02 LTS 制作哔哩哔哩Web版(基于google-chrome-stable)_ubuntu_18