杜郎俊赏 - dujun.io

CleanCSS - 移除未使用的 CSS 代码

cleancss-remove-unused-css封面
应用:CleanCSS 地址:https://dujun.eu.org/cleancss 功能:分析页面中引用的 CSS 文件,打包成单一的干净文件用于替换所有引用 适用:独立页面 一、缘起 我导航站用了开源项目WebStackPage,首次静态资源加载有 1.5M,一部分原因是它使用了第三方库,比如 Bootstrap。当然,第三方库只有少量代码实际被用到,所以我就想找个办法,把未使用的 CSS 代码移除,使得静态文件更小。 二、方案 很快就找到了这个网站https://unused-css.com/。它可以很好地实现我的需求,不过有一个小问题,它是收费的,最低 25 美元一个月。 Only paying users can download clean CSS files. 那怎么办呢?那就自己开发一个工具吧。 三、分析 清理 CSS 代码需要这么几步: 抓取页面 HTML 内容 找到...

2022-10-31

互访功能页部署到长期域名

1057封面
互访功能页地址更换为 https://dujun.eu.org/visit/ https://dujun.eu.org/ 为长期域名,可进一步保障服务稳定。同时作为工具集和导航站,会陆续增加一些有趣的功能。 同时,互访功能增加了设置打开频率和打开数量,方便自行适配不能性能的电脑。

2022-10-27

互访功能页性能优化探索

我的主力电脑是 4 核 i7 16G MacBook Pro,所以我用互访功能页开几十个页面是没压力的。收到有些博友反馈打开页面太多电脑卡死,我并不能理解。直到昨晚,我找出 2 核 i3 4G 的笔记本跑了一下,果然卡。因此有必要对互访的性能做进一步优化了。 理想的逻辑是,一次只打开 5 个页面,其他在队列中等待,每加载完一个网站,关闭当前页,打开队列中另一个网站。这样浏览器同时最多只会存在 5 个页面占用。但尝试了一下,这个方案目前无法实现,因为跨域问题。 一、窗口对象 直接用 window.open 对象,无法监听加载状态, onload 会发生跨域错误。 二、iframe 嵌入 iframe 可以 onload 监听目标网站加载状态。但问题是,如果目标网站设置禁止被嵌套,就无法访问,但也返回加载完成,这样无法正确判断网站实际上有没有被打开。 目前没有找到解决办法,只是逻辑上调整了一下...

2022-10-19

互访功能页增加了自动关闭设置

1044封面
默认勾选自动关闭打开的页面。 另外加了未设置允许弹窗的提示。

2022-10-14

互访功能页增加了统计和举报

1042封面
统计 加了统计,可以查看自己网站实际被访问的情况了。 举报 审核网站我只简单看下能否打开,是否非法。如果有其他不适的网站存在,请提交举报。

2022-10-13

互访功能页补充说明

还有博友对互访功能页的使用有疑问,所以录屏演示一下。文件太大,传到 B 站外链了。 点击后只打开一个页面的情况: 手机访问,不建议手机访问,同时开几十个页面扛不住 电脑访问,建议用 Chrome,并设置允许弹出式窗口 后记 做这个功能页是因为在论坛和群里看到一些博友对来访 ip 有需求,同时之前申请的 AWS 免费服务器闲置,就想弄点东西。 原本想量不大,留意过挂 51la 的博友也不超过十个,所以就方便十几个人互访一下。实际发布两天以后,结果是没预想到的。很多平时没发言的博友申报了网站,访问量远超十几个的估计。 AWS free 有流量限制,昨天跑了 400M,没想明白单页为什么有这个流量。今天早上就接到了 AWS 的电话(上海),询问我使用情况。 另外,.tk 域名不稳定,有流量了可能会被收回。 本来就花了一个晚上写的小玩意儿,没考虑那么多,现在都是隐患了。接下来马上做一些优化,既然有...

2022-10-13

互访功能页小优化

1040封面
经博友wmbk提醒,同时登记的网站数量比我预期要多,一次性打开全部页面会卡死。立即做了点小优化: 每隔 10 秒随机打开 10 个网站。 以我本地 Chrome 为例,一次性打开 30 个页面会卡一下,但每次加载完 10 个页面再另外加载是没问题的。 所以,互助的博友,点击 [开始互访] 后最好能让电脑静置一段时间,直到全部网站被打开过。

2022-10-12

互访功能页 (+ip)

visit-each-other-util封面
留意到有些博友有互访的需求,还有不少人用某统计网站有每日来访 ip 要求。因此做了个小功能页,记录网址,并一键多开,方便博友们互助访问,ip++。 页面地址 https://dujun.eu.org/visit/ 使用说明 点击左下按钮 [申报网站] 填写自己的网站地址 点击中间按钮 [开始互访] 打开所有记录的网站 安全设置 以 Chrome 为例,一次弹出多窗口会被拦截,需要做如下设置: 点击地址栏网址左边图标,打开 [网站设置] 在 [隐私设置和安全性] 中,右边栏找到 [弹出式窗口和重定向],设置为允许 视频演示 其他说明 部署这个功能页的服务器和域名都是白嫖的(AWS free + EU.org),如果访问慢请稍后再试,如果无法访问请留言或写信给i@dujun.io 就是一个互访 +ip 的小工具,人人为我,我为人人。有兴趣就写下网址,我自己每天会去点,至少保证各位博友每天 ip...

2022-10-12