微信读书助手迎来史诗级增强

· 浏览次数 : 0

小编点评

**20天前,你写的浏览器插件帮助了无数用户解放双手阅读微信读书网页端。** 2个人印象非常深刻: * **路人路人甲**说你的插件像花开富贵的花朵一样,能为读者带来无限的快乐。 * **路人路人乙**则问你,如果你能用你的插件写一个微信读书应用,你会怎么做? 你的插件不仅帮助了那些想要解放双手阅读微信读书网页端的用户,也给了我们许多人启发,我们应该为他们创造更好的阅读体验。 **大刀阔斧重构,你将为公众号和开发者们带来无限的价值!**

正文

背景

20天前, 发布了一篇文章讲述我自己写的浏览器插件, 帮助自己在阅读微信读书网页端的时候解放双手的故事. 主要核心点就是自动阅读. 本次发布做了很多更新, 先睹为快!

Apr-28-2024 22-14-16

当时我就是写着玩的, 一个非常小众场景的小众需求, 却没有想到使用的人还挺多的. 期间有2个人让我印象非常深刻.

这个世界不只有程序员

路人甲

一个类似花开富贵头像的老哥+了我好友, 说是无法安装插件. 于是就有了以下对话.

image-20240428204506467

到这我真愣住了. 这是啥意思? 让我写个微信读书app吗? 于是我就追问

image-20240428204627508

原来他不懂技术啊. 我以为是同行呢. 随后我就遇到了第二个路人

路人乙

我发布插件没几天就有人到了项目仓库给我提issue

image-20240428204800924

都会提issue了, 这总是同行了吧?

image-20240428205023429

居然又不是. 我才意识到, 我随手写的插件居然能帮助到很多外行. 说实话, 这时候我有点成就感了. 我相信大家一定经历过这个心理状态, 就是用自己的技术帮别人解决了很刚需的痛点.

大刀阔斧重构

既然那么久多需要这款插件, 那我可得好好打磨打磨了.

从龙珠换成高科技的机器人

Before

Apr-28-2024 20-58-05

之前是一颗龙珠, 鼠标hover会亮一下. 这里用龙珠没有任何含义, 单纯实在不知道该放什么.

After

Apr-28-2024 20-59-22

这次我换成了科技感十足的机器人, 更有'助手'的感觉.

枚举像素替换为百分比调整

Before

image-20240428210036039

对于页面宽度设置, 枚举了几个常用的尺寸. 而这种方式有个弊端, 就是在大显示器上, 2000px也许是最大值了, 而对于笔记本尺寸2000px则可能出现了滚轴.

After

image-20240428210203099

百分比的设置更适合不同的显示器设备. 当你设置为百分百时, 任意尺寸的设备都是满屏的体验.

适配双栏

这个就没有Before了, 因为我开发的时候还没有这玩意. 前不久官方才推出的双栏模式

image-20240428210332769

所谓双栏, 则是页面不再以滚动的方式阅读, 而是和纸质书籍一样翻页阅读. 那么就不存在自动阅读的场景了, 只有翻页. 为此我做了两件事情.

  • 双栏模式也支持设置屏占比. 也就是百分比的设置也对双栏模式生效.
  • 翻页不只是方向键可用, 滚轴、wasd都可使用.

image-20240428210738707

修复海量bug

因个人水平和精力有限, 无法覆盖所有测试场景. 比如在有些书籍下, 滚轴无法使用等严重问题. 这些问题在这次大重构中都得到了充分的验证与修复. 如果还有什么问题, 欢迎留言或者联系我.

在商店输入"微信读书助手"关键词, 能查到一堆差不多logo的

image-20240428221805193

image-20240428221813301

因为这就是微信读书官方的logo. 本来也没啥, 但是当各个插件都开始使用这个logo的时候, 就有点真假美猴王的味道了.

image-20240428211714779

我选择用AI生成了一个类似的logo, 插件名字上也带上了我自己的标识.

上架更多商店

在一开始我只上架了火狐和谷歌. 谷歌不多说, 标配产品. 而火狐并不是因为有多好用, 而是我这么多年一直习惯除了开发以外的场景都用火狐. 其他浏览器商店, 我压根就没考虑.

而普通人, 用chrome的比例其实并不高, 360、edge、safari等, 市占率并不低. 因为普通人并不知道什么叫浏览器兼容, 只知道电脑里有啥浏览器就用啥. 我的这款产品并不是针对程序员的, 为了帮助到更多的人, 我开始上架360、edge等. 但是不得不说, 审核是真的慢, 不同的厂商有不同的慢法.

火狐浏览器

每个版本我都会上架. 但是都0.0.8了, 现在上架的版本中最新版却是0.0.4

image-20240428212315309

360浏览器

审核中, 一个版本也没能上线

image-20240428212524902

Edge浏览器

审核中, 也是一个版本都没能上线

image-20240428212616345

谷歌浏览器

还真别说, 谷歌就是谷歌, 审核的真挺快的.

image-20240428212721652


非常棘手的bug

在之前的版本中存在一个非常复杂的bug, 在极个别情况下, 滚动滚轴时页面反复跳跃. 这个bug的根本原因是微信读书存在一个特殊的场景, 在后续我会专门开篇讲述这个bug的前因后果以及为什么无法修复.

Apr-29-2024 15-01-08

商店地址

仓库地址: https://github.com/Eve-Sama/weread-web-extension


我是前夕, 专注于前端和成长. 公众号: 前夕小课堂

image-20240403101717261

转载需注明出处

与微信读书助手迎来史诗级增强相似的内容:

微信读书助手迎来史诗级增强

大家好,我前夕.最近,我分享了个人开发的微信读书网页插件,这个小项目意外收获了众多用户的喜爱. 这让我意识到技术作品能跨越专业界限,帮助到有需要的人.受此激励,我决定对插件进行全面重构与优化

.NET性能优化-ArrayPool同时复用数组和对象

前两天在微信后台收到了读者的私信,问了一个这样的问题,由于私信回复有字数和篇幅限制,我在这里统一回复一下。读者的问题是这样的: 大佬您好,之前读了您的文章受益匪浅,我们有一个项目经常占用 7-8GB 的内存,使用了您推荐的ArrayPool以后降低到 4GB 左右,我还想着能不能继续优化,于是 du

.NET无侵入自动化探针原理和主流实现

## 前言 最近,我在微信公众号和博客园分享了一篇关于[.NET微服务系统迁移至.NET 6.0的故事](https://www.cnblogs.com/InCerry/p/microservice-migration-net-6.html)的文章,引起了许多读者的关注。其中,许多人对基于 Open

探索Redis与MySQL的双写问题

本文已收录至GitHub,推荐阅读 👉 Java随想录 微信公众号:Java随想录 原创不易,注重版权。转载请注明原作者和原文链接 目录双写一致问题缓存读写策略Cache-Aside Pattern(旁路缓存模式)Read/Write Through Pattern(读写穿透模式)Write Be

[转帖]存储极客:服务器SSD RAID性能速查手册

https://aijishu.com/a/1060000000124241 存储 本文内容非商业用途可无需授权转载,请务必注明作者及本微信公众号、微博ID:唐僧\_huangliang,以便更好地与读者互动。 我曾经不只一次看到有朋友提出以下问题: 1. SSD做RAID性能如何,RAID卡会成为

微信小程序预约视频号直播

一、概述 微信小程序提供了可以唤起预约视频号直播弹窗的接口 reserveChannelsLive,该接口接收一个参数 noticeId,通过 getChannelsLiveNoticeInfo 接口获取。因此,过程如下: 查看视频号 id finderUserName --> 调用 getChan

微信小程序使用微信云托管添加自定义域名并转发到pexels.com

背景:我要在小程序上显示pexels.com上的图片,然后我得先把pexels.com的域名添加到小程序的request合法域名中,但是pexels.com是国外的,在国内没有备案所以添加不了。解决方案就是:用一个已经备案好的域名进行转发,转发的服务器我选择的是微信云托管,备案好的域名还需要ssl,

微信Native支付(扫码支付)商户配置

0.需要从商户平台获取/设置的配置 公众号appId 商户号 APIv3密钥 证书序列号 证书密钥 ##1.扫码登录商户平台 网址:https://pay.weixin.qq.com/ 2.确认已开通Native支付 网址:https://pay.weixin.qq.com/index.php/pu

微信小程序:接手项目,修bug

好家伙, 问题描述如下: 小程序主界面,选择快速上传会议记录 选择快速 其中,没有2022-2023第二学期,所以,新的会议记录无法上传 于是,我自愿修复这个bug 由于我们没有产品文档 我只能由已知,推未知 亲爱的学长告诉我,这是一个使用了uni-app开发的微信小程序 开搞, 1.首先我们把两个

微信小程序生态13-微信公众号自定义菜单配置

序 微信公众号分为订阅号和服务号两种,虽然二者很大的不同,但是这两种公众号的底部却是差不多的:都有菜单栏,而且这些底部菜单也都是自定义配置的。 如CSDN的官方公众号的底部就有精彩栏目、新程序员、CSDN等菜单可供使用: 那这些菜单是如何生成的呢?微信以配置方式的不同把它分为了两类:自定义菜单、个性