Coder Social home page Coder Social logo

bewlybewly / bewlybewly Goto Github PK

View Code? Open in Web Editor NEW
3.0K 6.0 92.0 15.73 MB

Improve your Bilibili homepage by redesigning it, adding more features, and personalizing it to match your preferences. (English | 简体中文 | 正體中文 | 廣東話)

Home Page: https://chromewebstore.google.com/detail/bewlybewly/bbbiejemhfihiooipfcjmjmbfdmobobp

License: MIT License

TypeScript 36.25% HTML 0.06% Vue 45.93% SCSS 17.70% JavaScript 0.06%
bilibili chrome-extension browser-extension dark-mode dark-theme

bewlybewly's Introduction

BewlyBewly

English | 官话 - 简体中文 | 官話 - 正體中文 | 廣東話

bewlybewly icon

BewlyBewly

Just make a few small changes to your Bilibili homepage.

min1 min2

👋 Introduction

BewlyBewly is a browser extension for BiliBili that aims to enhance the user experience by redesigning the BiliBili UI. The design is inspired by YouTube, Vision OS, and iOS, resulting in a more visually appealing and user-friendly interface. This project uses the vitesse-webext template for development. Without this template, it may not be possible to develop this project.

⬇️ Installation

Online Installation

Caution

Even in the Edge browser, we strongly recommend you install it in the Chrome web store. In terms of review speed, the Chrome web store is faster than Edge Add-ons.

Additionally, the Chrome Web Store version of BewlyBewly will address and fix critical bugs more quickly.

To Firefox users

Warning

When using the Firefox browser, remember to enable all permissions shown in the picture below for normal use of BewlyBewly


enable all bewlybewly permissions on firefox

Local Installation

CI: Automatically build with the latest code

Releases: Stable version

Edge & Chrome (RECOMMENDED)

Ensure you installed extension.zip .

Opening the edge://extensions page in the Edge or chrome://extensions page in Chrome, simply drag and drop the downloaded extension.zip file into the browser to complete the installation.

Another installation method for Edge & Chrome

Edge

Ensure you installed extension.zip and decompress this file.

  1. Type in edge://extensions/ in the address bar and press Enter
  2. Turn on Developer mode then press Load Unpacked
    image
  3. Load the decompressed extension folder in your browser

Chrome

Ensure you installed extension.zip and decompress this file.

  1. Type in chrome://extensions/ in the address bar and press Enter
  2. Turn on Developer mode then press Load Unpacked
    Snipaste_2022-03-27_18-17-04
  3. Load the decompressed extension folder in your browser

🤝 Contribution

See CONTRIBUTION.md

Contributors

Contributors

❤️ Credits

bewlybewly's People

Contributors

cloudflypeng avatar dependabot[bot] avatar discodyer avatar hakadao avatar hyoban avatar jh-leong avatar karasukaigan avatar kimeray avatar lzy1960 avatar mengnianxiaoyao avatar miansoft avatar starknt avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

bewlybewly's Issues

关于搜索的个人建议

有一个想法,就是希望可以将搜索后结果直接展示成脚本的样式,可以减少使用脚本后使用搜索时和官方样式的割裂感,也可以实现搜索时也有夜间模式,具体实现想法如下
if(输入有效关键词&按下搜索键‖点击搜索建议)
将当前页面的内容替换成搜索内容
其他场景还是正常点击导航栏跳转

关于首页刷新问题

首页视频流确实足够多,但是没有刷新按钮,想要更新视频流显得很麻烦,建议加一个刷新功能,可以叠加在首页按钮上,从其他层级按一下首页是跳转过来,在首页层级上,再点击一下则是刷新,一个小小的建议~

vimium C插件识别不到网页中的按钮

问题:vimium C扩展插件的功能(点击网页中的链接和按钮)识别不到B站网页的按钮
疑问:是因为按钮格式跟平常按钮不一样引起的吗?@_@

建议:能否整合一下bilibili-simple-home

之前一直在使用您的bilibili-simple-home,非常感谢您的开发,不知可否将原先的项目整合进来,还是比较喜欢开屏就是搜索然后向下滚动是推荐视频的形式。

消息ui显示bug

不稳定触发,我也不知道该贴什么日志💦大大可以提一下下次遇到了就贴上
屏幕截图 2023-07-16 021123

几点建议

①可以像原来的css一样设置背景吗,搜索页保持原来的,其它页面可以高斯模糊加调暗亮度处理,像这样
屏幕截图 2023-05-02 225655

②头像打开显示等级好像不能显示出硬核会员,可以像原版一样加闪电标识

③希望悬浮视频封面可以显示预览(给一个选项开关),以及稍后再看的按钮能加回来

三个细节问题

当打开首页搜索框选项再关闭时,搜索页会有两个搜索框屏幕截图 2023-10-03 213909.png

在首页搜索框背景的右侧,滚动条会占用空间,可以给一个关闭滚动条的选项屏幕截图 2023-10-03 214029.png

收藏页右侧的收藏夹栏是直角的,或许可以加一个圆角使视觉更统一(参考ios设置选项栏那种)屏幕截图 2023-10-03 213801.png

有一些个人想法和建议

用了一段时间,感觉很不错,有一些想法建议

1.希望搜索页下滑滚轮可以滑到首页,这样会比首页使用搜索页模式会好很多

2.顶栏可见性希望改成下滑页面不显示,上滑页面显示出来

3.鼠标聚焦封面动画感觉挺不协调的,其实简单点没必要加动画或者最多把封面放大一点就行,显示一个稍后再看的标就行了(或者最好能像本来那样鼠标放封面上可以播放画面最好,不过感觉这样挺难吧?)

4.顶栏左边这几个 个性推荐 正在关注 热门视频 排行榜 位置看着也好奇怪呀,和整个顶栏不协调

使用感受

修改之后的UI爆鲨bilibili原版UI,唯一不足的就是只支持首页,点开视频和其他页面之后落差好大

v9.2edge无法安装

浏览器edge,v9.2的zip拖入扩展提示:无法从以下源加载扩展: D:\Download\extension.zip. Could not unzip extension for install.
试了下v9.0是可以直接拖入安装的

字体模糊

流程:首页 -> 打开设置,效果如下
image

image

无法上下滚动

在Edge浏览器中,鼠标滚轮无法在B站上触发上下滚动(键盘的↑↓可以触发)

BewlyBewly版本:0.2.0
Edge版本:114.0.1823.82 (arm64)
Window版本:Win11 on Arm_22H2_25357.1

多次重複呼叫api

暫時不清楚是甚麼原因,好像很多地方都有這個問題,記下先
image

[BUG]在视频页的顶部栏 历史记录中跳转错误

细节

随便打开一个视频,在顶部栏的历史记录中 任何一个视频跳转地址错误
会变成 www.bilibili.com/video/ + 当前视频av/bv号 + / + 历史记录的av/bv号

可能的修复方案

把跳转改为 www.bilibili.com/video/ + av/bv号

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.