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

最新推荐文章于 2024-09-20 19:46:02 发布

陈增林

最新推荐文章于 2024-09-20 19:46:02 发布

阅读量671

点赞数

分类专栏：哔哩哔哩 Ubuntu 文章标签： ubuntu

本文链接：https://blog.csdn.net/qq_37655607/article/details/113771751

版权

Ubuntu 同时被 2 个专栏收录

3 篇文章 0 订阅

订阅专栏

哔哩哔哩

1 篇文章 0 订阅

订阅专栏

在这里插入图片描述

1. 首先创建三个文件夹

icons
bilibili
applications

在这里插入图片描述

2. 图标文件

在 icons 创建对应文件夹放入图片文件
在这里插入图片描述

3. bilibili 文件下新建 bilibili.html

在这里插入图片描述
源代码

<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

在这里插入图片描述

#!/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安装包

在这里插入图片描述

一直下一步，然后打包

6. 安装 deb包

图形化安装、卸载

在这里插入图片描述

命令行

安装

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

卸载

 sudo dpkg -r com.chsengni.bilibili

7. 运行效果

在这里插入图片描述

交流一下：chsengni@126.com

陈增林

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
打赏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

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

1. 首先创建三个文件夹

2. 图标文件

3. bilibili 文件下 新建 bilibili.html

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

5. 打包deb安装包

6. 安装 deb包

图形化安装、卸载

命令行

7. 运行效果

3. bilibili 文件下新建 bilibili.html