体检过后，写了个插件在 chrome 里养小黄鸭提醒自己喝水=w=

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 2263 天前的主题，其中的信息可能已经有所发展或是发生改变。

感觉工作之后写代码经常忘记喝水，而且我本身因为以前经常不吃早饭，有点胆结石，医生也提醒说要多喝水多运动，但是写代码集中精神之后就经常忘记了。。

前段时间公司体检后发现颈椎有点前倾，明明才刚毕业几个月，，大家一起注意身体健康吧！下面是插件的详细内容～

干杯！妈妈再也不担心我不喝水了!

年轻人的第一个 chrome 插件！ 关注大家的身体健康; rua!!!

主要功能：

①通过标签提醒距离上次喝水已经过了多久

②点击右上角刷新时间

③点击太阳切换白昼 /黑夜暂停时间

④60 分钟会提示并且标签会变色

（其实这个是一个养成类的游戏，小鸭子喝水会变大，不及时喝水会变小。哈哈哈哈哈哈 (感谢小朋友🐏医生)

The first chrome plugin for young people! Teach young people write plugins at the same time; Pay attention to your health; Rua!!!

The main function: ①Through the badge to remind you how long it has been since drinking the last time ②click the top right corner to refresh the countdown ③click the sun to switch to the day/night to pause time losing ④every 60 minutes will prompt at once and the label will change color

(In fact, this is a game , the ducklings will get bigger when you drink water and refresh, and they will get smaller if they don ’ t drink in time. Hahahahahaha (Thanks to doctors 🐏 - the one I love!❤)

day

night

chrome 插件地址： https://chrome.google.com/webstore/search/%E5%B9%B2%E6%9D%AF?hl=zh-CN

github 地址:https://github.com/sologgfun/drinkNow

第 1 条附言 · 2018-10-18 10:54:53 +08:00

wiki

duck

附上小黄鸭对写代码有帮助的证据！（推眼镜

和自己的小黄鸭hh 呱呱～

希望大家喜欢嘿嘿

第 2 条附言 · 2018-10-19 10:51:45 +08:00

对不起大家。。我傻逼了。。计时居然真的重复了。。现在v0.0.5是30分钟就提示了！

发布要审核。。大家请小心喝多了。。

同时谢谢各位 v 站指出的不足学到了！

the

Chrome

插件

will

73 条回复 • 2018-11-21 21:56:23 +08:00

jswh

2018-10-18 10:12:23 +08:00

可爱

vtwoextb

2018-10-18 10:13:10 +08:00

牛

misaka19000

2018-10-18 10:13:28 +08:00

资瓷~

luoway

2018-10-18 10:15:31 +08:00

想云养猫

qianfeilong

2018-10-18 10:44:41 +08:00 via Android

这个有意思啊😊

sologgfun

2018-10-18 10:44:47 +08:00

@jswh
@vtwoextb
@misaka19000
@luoway
生活已经如此苦逼来点可爱的小东西调节一下 hh 我桌上就放了一只小黄鸭=w=

xspippo

2018-10-18 10:46:07 +08:00 via iPhone

棒棒的

43QYK2JU

2018-10-18 10:53:48 +08:00

最近每天喝 3~4.5L 水，不用提醒……就是渴的……

明天去体检下，怕不是糖尿病

zwpaper

2018-10-18 10:54:29 +08:00

非常需要一个重置按钮。。。

zwpaper

2018-10-18 10:56:13 +08:00

另外，是否来一个 Count，记录喝了几杯呢，光看小鸭子也不知道喝了多少。。。

jin5354

2018-10-18 10:57:02 +08:00

lz 是建丰吗

sologgfun

2018-10-18 10:57:35 +08:00

@zwpaper 很有道理，，我晚点更新一下 hh

sologgfun

2018-10-18 10:58:17 +08:00

@jin5354 .............................................................

cy97cool

2018-10-18 11:23:04 +08:00

不了解 chrome 应用的权限机制但是我还是想问为啥需要所有网站的权限
https://github.com/sologgfun/drinkNow/blob/master/manifest.json 里面权限部分
"http://*/*",
"https://*/*"

Ponze

2018-10-18 11:28:55 +08:00

建丰，优秀。

sologgfun

2018-10-18 11:44:24 +08:00

@cy97cool background 和 popup 中无法直接访问页面 DOM，这个 pop 页的高宽原本做了和页面大小的适配，通过 chrome.tabs.executeScript 来执行脚本，从而实现访问 web 页面的 DOM。（不过后来我换了一种方法，用 content-scripts 进行获取了---所以这个权限是可以删掉的---晚点我检查一下代码 3q ！

luoway

2018-10-18 12:12:53 +08:00

猝不及防，吃波狗粮
https://ww1.sinaimg.cn/large/005YhI8igy1fwc91ztcsaj307r01jaac

Mac

2018-10-18 12:16:00 +08:00 via Android

不喝水不是因为忘记喝水，是因为我懒的起身倒水

luoway

2018-10-18 12:16:40 +08:00

Weny

2018-10-18 12:18:19 +08:00 via iPhone

建丰才华横溢而且帅

des

2018-10-18 12:18:43 +08:00 via Android

不如弄个长吸管，一直放嘴里 lol

sologgfun

2018-10-18 12:33:39 +08:00

。。。。。。。大佬们放过我吧！😢

jason94

2018-10-18 12:50:11 +08:00

腻害

2018-10-18 14:17:34 +08:00

Rua 可还行

inoki

2018-10-18 14:23:04 +08:00 via Android

lolizeppelin

2018-10-18 14:55:35 +08:00 via Android

哈哈哈。。我也要装

hei1000

2018-10-18 15:12:12 +08:00

创意不错，可惜现在主要用 firefox 了，有考虑写个 Firefox 插件吗

martyartrt1

2018-10-18 15:37:47 +08:00

下载了。
https://www.chromefor.com/%E5%B9%B2%E6%9D%AF%EF%BC%81cheers_v0-0-3/
版本保存在这里了

sologgfun

2018-10-18 15:52:35 +08:00

@fy rua!!!
@lolizeppelin 谢谢！
@inoki 哈哈哈哈
@hei1000 谢谢～周末学习一下！
@martyartrt1 谢谢～
感谢支持！开心嘎嘎！

nzd

2018-10-18 16:20:25 +08:00

感觉不到 60 分钟就 SOS 了。。。今天感觉水喝多了

0915240

2018-10-18 16:39:56 +08:00

建丰，你如此优秀~

sologgfun

2018-10-18 17:48:37 +08:00

@nzd 怎么会呢！小鸭子一分钟一分钟的往前跑多喝热水！
@0915240 同款头像你也优秀！

f1ren2es

2018-10-18 18:09:55 +08:00

你好骚啊楼主

Nathanzheng

2018-10-18 18:19:59 +08:00

RUA? 是小僵尸么？

sologgfun

2018-10-18 19:02:17 +08:00

@f1ren2es 老铁你说啥呢

@Nathanzheng 我是小火人假装的小僵尸

loading

2018-10-18 19:05:09 +08:00 via Android

我真的想要一只做工好的小黄鸭摆件。

Nathanzheng

2018-10-18 19:18:05 +08:00

@sologgfun #35 出了刀区到处都是刀🐶

luoway

2018-10-18 19:27:55 +08:00

我鸭子离家出走了？消失了！
提示“渴死了”的时候要点两次刷新才能彻底重置，期望一次就够

sologgfun

2018-10-18 19:31:10 +08:00

@loading 确实很可爱

@luoway 还有这种 bug ！？我紧急修复中！

EatMi

2018-10-18 19:52:58 +08:00

太好了, 很贴心, 很方便. 很可爱, 但是为啥我的弹窗点击喝水那个是无效的?

sologgfun

2018-10-18 20:04:06 +08:00

@wykjluke 现在有效啦！刚刚更新了一版！可能要过个十几分钟，有空的时候更新一下就好！谢谢你！

Hsinyao

2018-10-18 20:43:24 +08:00 via iPhone

楼主小黄鸭哪里买的？

chaoxcores

2018-10-18 20:51:08 +08:00 via iPhone

很可爱

dyxang

2018-10-18 21:37:57 +08:00 via Android

个人建议把小黄鸭随进度条移动改成：小黄鸭随着波动的水浪而下降。
因为小黄鸭是浮在水上的嘛。

sologgfun

2018-10-18 21:40:36 +08:00

@Hsinyao 朋友的 mentor 从厦门回来带了很多，给了我一个，，

@chaoxcores XD ！

@dyxang 可以考虑哈哈

jiangwb

2018-10-18 23:32:52 +08:00

楼主，我手头上有个保温杯，杯子盖外顶部有个显示屏，
显示杯内水温，可以设置定时，每两小时响一次来提醒喝水。我觉得你需要这个

codergrowing

2018-10-18 23:37:00 +08:00 via Android

@jiangwb 这么厉害的吗？大概什么价位”可以给个链接吗？

zzk819166453

2018-10-18 23:39:32 +08:00 via Android

好有趣，感谢楼主分享👍👍👍

oul

2018-10-19 08:29:59 +08:00

喝水提醒的文案改成“你已经一个小时没喝水，小鸭子快渴死了！”读起来会不会更舒服点？

myl0204

2018-10-19 08:55:41 +08:00

rua!!

haon

2018-10-19 09:11:46 +08:00

你好骚啊

yo0o0o0

2018-10-19 09:15:12 +08:00 via iPhone

肾结石患者刚需啊，谢谢楼主。（为啥我就想不到这创意呢）

sologgfun

2018-10-19 09:35:10 +08:00

@oul 周末我再优化优化～
@jiangwb 这么高级吗老铁
@myl0204 rua ！！
@yo0o0o0 不谢不谢！一起多喝水！

hubahuba

2018-10-19 09:50:56 +08:00

建丰你是我梦想中的男人

flyingkids

2018-10-19 09:56:26 +08:00

兄弟，我这一个小时不到，就已经提醒两次了，你那个 count++是不是写重了，导致一秒加了两秒？

flyingkids

2018-10-19 10:08:12 +08:00

这里外面加了一次，方法里面加了一次

geshansuiyue

2018-10-19 10:09:15 +08:00

一直会有后台回复:undefined

Biwood

2018-10-19 10:20:33 +08:00

想法很不错，不过用 setInterval 计时其实不准确，代码质量有待提高

sologgfun

2018-10-19 10:24:03 +08:00

@flyingkids
@geshansuiyue
@Biwood
好像是的，我改一下

sologgfun

2018-10-19 10:35:44 +08:00

对不起大家。。我傻逼了。。居然真的重复了。。发布要审核。。大家请小心喝多了。。
同时谢谢各位 v 站指出的不足学到了！

qingxiangcool

2018-10-19 10:43:47 +08:00

赶紧喝了杯水压压惊

geshansuiyue

2018-10-19 11:36:53 +08:00

重置按钮多次快速点击会导致图像越来越大。

geshansuiyue

2018-10-19 11:38:12 +08:00

不是快速是每点击一次就变大

sologgfun

2018-10-19 11:42:18 +08:00

@geshansuiyue 对呀，黑夜里点击就会变小了不要玩弄它了它还是个孩子

wazxzd

2018-10-19 14:26:42 +08:00

什么时候更新阿= =，我看商店还是昨天的

zdnyp

2018-10-19 14:37:11 +08:00

很厉害了喂

sologgfun

2018-10-19 15:32:32 +08:00

@wazxzd 我已经发布了但是 chrome 要审核= = 效率好像蛮低的辛苦小黄鸭了一个小时跑两趟

SpiderXiantang

2018-10-22 08:05:53 +08:00

已用上期待更新

ddup

2018-10-22 12:13:44 +08:00

有意思哈哈

frozenthrone

2018-10-23 14:05:29 +08:00 via iPhone

可以直接在小黄鸭里放个 arduino 啊

flyingkids

2018-10-23 18:22:14 +08:00

喜大普奔，chrome 终于审核通过了，时间正常了（话说这审核效率也忒低了）

sologgfun

2018-10-23 18:59:09 +08:00

@flyingkids 哇看到你留言我才知道的哈哈效率超低

auv1107

2018-11-21 21:56:23 +08:00

哈哈你真可爱