帽之岛 | Hat's Land

切换亮色/暗色主题

广告位招租 - 192x192
发布时间：2024-11-25 02:10
最后编辑：2024-12-30 16:42
全文大约 9500 字（读完需 32 分钟）
标签：
经验杂谈年度总结技术分析

Google Chrome 从 A~Z & 2024 年度总结 ​

本文配图 点击展开/隐藏

Google Chrome 从 A~Z & 2024 年度总结 配图

RefID: MjAyNC1icm93c2VyLWZyb20tYS10by16IHwgYmFubmVyIHwgSW1hZ2UgfCAyMDI0MTEyNQ==

序：字母背后的记忆 ​

你敢不敢在常用浏览器的地址栏，为自己写一份 “年度总结”？在地址栏依次输入从 “A” 敲到 “Z”，当自动补全的网址逐一跳出时，你是否准备好直面一个最真实、可能也是最陌生的自己？

岁末年初，各路 APP 的年度总结如约而至，试图带着算法的印记，拼凑出一个被数据解构、打满标签的我。

音乐、视频、支付、社交，这些被数据量化过的生活痕迹、使用算法精心挑选过的 “数字标签”，裹挟着我们，在信息洪流中前行。

我想换一种别样的角度：摒弃枯燥而乏味的流水账，而是从浏览器中，尝试回溯我这一年的 “冲浪足迹”，这将是一份特别的 “年度总结”，它既没有华丽的图表，也没有煽情的文字，有的只有那最原始、最直接的一段段网址。

这些被补全的网址，不仅映射了浏览记录，更是一幅未经修饰、最真实的自我写照。它们如同一张无形的网，将我与这个世界紧密相连。在这些网址背后，蕴藏着我兴趣的轨迹、追求的足迹，它们像遗落在我记忆里的星辰，等待被重新串联。

不妨你也打开浏览器地址栏，输入 a 到 z，看看它会为你呈现怎样的 “年度报告”。在这些跳动的网址背后，你或许会邂逅一个久违的自己：一个更加真实、更加鲜活、立体的你。

本文目录 点击展开

RefID: Q29weS1yaWdodDphcmNoaXZlcy9za2lsbHMvMjAyNC1icm93c2VyLWZyb20tYS10by16Ond3dy5oYXRzLWxhbmQuY29t

A ​

aistudio.google.com ​

Google 的 Gemini AI Studio，提供了包含 gemini-1.5-pro-*, gemini-1.5-flash-* 等 Gemini 目前最新最热的文本 LLM 模型，拥有每天刷新的免费体验额度，对内容输出的限制比较少，适合写一些「特别」的内容。

acme.sh ​

acme.sh 是「完全使用 Shell（Unix shell）语言编写」的一个强大的 ACME 客户端，使用纯 POSIX Shell 脚本编写，无需安装任何额外的依赖。

支持绝大多数支持 POSIX Shell 的操作系统，可以一键部署到本地的 Nginx、Apache HTTPd、HAProxy 等 Web 环境，是我使用过最强大的证书自动化程序。

amber-lang.com ​

Amber，是「一个基于 Rust 的、可编译为 Bash 脚本」的现代化编程语言，最大的一个特点是 它有数据类型了，甚至实现了自动推断类型、类型转换等功能，并且支持了三元表达式、swich-case 等语法糖。

虽然目前这个项目还在 Alpha 阶段，但笔者认为仍然有必要在这里安利一下：

php
let age = 18

if age >= 16: echo "Welcome"
else: echo "Entry not allowed"

// Or

if age >= 16:
    echo "Welcome"
else:
    echo "Entry not allowed"
bash
#!/usr/bin/env bash
# Written in [Amber](https://amber-lang.com/)
# version: 0.3.5-alpha
__0_age=18
if [ $(echo ${__0_age} '>=' 16 | bc -l | sed '/\./ s/\.\{0,1\}0\{1,\}$//') != 0 ]; then
    echo "Welcome"
else
    echo "Entry not allowed"
fi
# Or
if [ $(echo ${__0_age} '>=' 16 | bc -l | sed '/\./ s/\.\{0,1\}0\{1,\}$//') != 0 ]; then
    echo "Welcome"
else
    echo "Entry not allowed"
fi

archive.ph ​

Archive.ph 是一个「网页快照」服务，类似 Internet Archive (archive.org)，但是我认为 archive.ph 体验会更好一些：快照读取速度更快、默认保存渲染后的网页截图，可一键打包为 zip 下载。

B ​

bird.xmsl.dev ​

BIRD 中文文档 是由 BIRD Chinese Community 发起并维护的、皆在为中文用户提供本土化的 BIRD (BIRD Internet Routing Daemon) 文档翻译计划，相较于英文的官方文档，精心重新构建了排版，并且没有任何广告。

bun.sh ​

Bun 是一个目标宏大的开源 JS 项目，包含

  • NodeJS (Runtime) 替代 - bun run
  • Webpack (Bundler) 替代 - bun build
  • Vite, Jest (Test) 替代 - bun test
  • npm, yarn (Package Manager) 替代 - bun install

笔者日常将 bun 作为包管理器，速度比 npm 快 10x，比 yarn 快 15x (是的，屠龙者终成恶龙)，而且 bun 支持软连接依赖包，不用每个项目都安装一遍，非常省空间。

browsersl.ist ​

Browserslist 是一个适用于 Autoprefixer、Babel、ESLint、PostCSS 和 Webpack 等流行 JavaScript 工具的「浏览器兼容性数据库」，基于公开遥测数据和社会调查等途径计算出「不同浏览器」在「不同地区」的使用情况，精确到百分比。

C ​

chatgpt.com ​

ChatGPT 应该算是 2024 年度最新最热的全民 APP 了，对于一些脚本的杂活累活编写工作是真的事半功倍，虽然 4o 是真的拉了。

claude.ai ​

Anthropic 的 Claude 3.5 Sonnet 系列模型，是笔者认为「完全超越 ChatGPT」的闭源模型，在网站开发和数学解答方面碾压 o1-mini (20240912)、Gemini-2.0-Flash-Thinking-1219、GPT-4o-2024-11-20 (数据来自下文提到的 WebDev Arena Leaderboard)。

chat.deepseek.com ​

DeepSeek 是比较罕见的「国外名声比国内更广」的一款由国内公司开发的产品，可以参考 这篇文章。

最近 DeepSeek 又新推出了 「深度思考」 能力 —— DeepSeek R1 Lite 模型，在代码和数学解答方面几乎碾压 o1-preview，笔者曾用它打 LeetCode 周赛压轴题的时候，只有这个模型只需要 1-shot （单轮提示）的前提下就成功 pass 的。

同时 DeepSeek V2.5 也是开源最强的代码大模型 —— (数据来源: Copilot Arena)。

D ​

deepl.com ​

算是在「传统翻译引擎」领域中最强的存在了，即使面对 LLM 模型的冲击，DeepL 仍然有着自己独特的优势，例如译文适用的场景更加通用，并且不会有大模型特有的 「幻觉」 ，虽然不能保证「达意」，但是可以保证翻译出来的文字足够「信」和「雅」。

daisyui.com ​

Daisy UI 是一个基于 Tailwind CSS 的组件库，提供了一些常用的组件，例如按钮、表单、卡片等，可以快速构建出一个简单的页面，适合快速原型设计。

E ​

e-h*** / ex*** ​

略。

F ​

fastify.dev ​

Fastify 是一个 「TypeScript 就绪」的「Web/API 框架」，相比 Express.js 性能更强、开销更小、扩展性更好。

fyne.io ​

Fyne 是一个 Go 语言编写的「轻量级跨平台 GUI 库」，支持 Windows、macOS、Linux 等主流操作系统，编译产物体积小，适合快速开发一些简单的 GUI 程序。

fixupx.com ​

由于 Twitter (X) 平台的反爬措施，导致将推文链接分享到其他平台时无法正常显示预览，将 https://x.com/* 改写为 https://fixupx.com/* (fixup+x) 即可解决这个问题。

G ​

github.com & google.com ​

使用榜一毋庸置疑，必须写在第一个。

gasfeesnow.com ​

一个实时比较 USDT 各个链的转账手续费的网站，孙割的 TRC20 每笔转账手续费 2.84-5.78 USD 荣登榜首，比 ETH 链手续费还高一倍。

而 ETH Layer2 的 Solana 和 Polygon 链荣登手续费倒二，每笔手续费仅 $0.005-0.007 USD。

github.com/web-infra-dev ​

Web Infra 是字节跳动旗下的 「Web 前端基建」 开源团队，目前开源了以 Rust 为基础的前端开发工具链，对标 Webpack, Roolup, Vitepress 等开源项目。

H ​

hats-land.com ​

您就在这，回收封面。

hk.skywolf.cloud ​

话不多说，看这里

help.mirrorz.org ​

提供了大量的关于开源软件镜像的配置说明，可以选择非常多的镜像源，而且可以一键命令粘贴即用，好评。

hatsnet.io ​

Hats Network (AS203314) - 笔者参与运营的一个全球性实验骨干网络。

I ​

ipinfo.io ​

一个更新快速且准确率高的「IP 地理位置定位」数据库，提供免费的 24h 更新频率的 IP 定位数据库（竞争对手 maxmind 更新频次为一周两次）。

ix.cn ​

国家（杭州）新型互联网交换中心，标志着中国互联网正式踏入真正意义上的网络互联的第一步。

目前加入了腾讯云、阿里云、华为云、京东云、杭州网鼎等云服务商，以及华数传媒、方正宽带等运营商，网易、爱奇艺、快手、字节跳动等内容提供商。

J ​

jakearchibald.github.io/svgomg/ ​

SVGOMG 是一个「SVG 优化工具」，可以帮助你压缩 SVG 文件，去除无用的标签、冗余的元信息属性，减小文件体积，提高渲染速度，提供了非常多的选项，笔者日常经常使用它来优化 SVG 文件。

wolfx.jp/apidoc ​

WolfX 提供了一个关于地震防灾相关的开放 API 接口，包含四川地震局、JMA、福建地震局的预警信息和中国地震台网的地震发布信息。

K ​

kombu.kanejaku.org ​

这是一个基于 WASM 的开源 「在线字体格式转换」 库，可以将字体转换为 TTF/OTF, WOFF, WOFF2。

kazuhikoarase.github.io/qrcode-generator/js/demo/ ​

一个完全基于 JavaScript 的「离线二维码生成器」，可以生成包括 URL、文本、电话号码、短信、邮件、Wi-Fi 等多种类型的二维码。

www.kcna.kp ​

朝鲜中央通讯社官网，是朝鲜为数不多的对外公开的网站之一，极其罕见

L ​

localhost ​

本地开发环境，不必解释。

launtel.net.au ​

在澳洲的一个小众 ISP，其中一个特点是上游名叫 「Global Secure Layer」，这是一家能在全球各地购买海缆容量制作骨干网的澳大利亚公司，在 今年八月份 还扛住了 3.15 Gpps (每秒 31.5 亿个数据包) 的攻击，主要业务是托管游戏服务器和服务游戏玩家，所以在澳大利亚往返全球的延迟都能做到专线级别。

M ​

maxmind.com ​

全球最大的 IP 地理位置定位数据库提供商，缺点是更新频率只有一周两次，而且最多就精确到城市级，感觉不如... ipinfo.io。

mermaid.js.org ​

Mermaid 是一个基于 JavaScript 的「流程图、时序图、甘特图」等图表生成工具，支持 Markdown 语法，可以快速生成各种图表，本博客后续文章将陆续增加更多 mermaid 配图。

N ​

nnc.sh ​

话不多说，请看 JP BGP 测评 ｜ 香港 Premium 测评

nazhumi.com ​

实时更新 「各大域名注册商的价格表」，可以针对域名后缀和 注册/续费/转入 三个维度分析价格。

notbyai.fyi ​

Not By AI 倡议，可以将徽章放置在「100% 人类创作」的作品上，以抵制完全由 AI 编写的内容农场，本博客底部正在悬挂这个倡议标签。

nxtrace.org ​

一款由 Golang 实现的开源、轻量级的「可视化路由追踪工具」，可以算是 ipip.net 的 Best Trace 完美平替。

npmmirror.com ​

阿里云提供的 npm 镜像源，速度快、稳定性高，并且支持在线引用文件，挺好的。

nic.eu.org ​

自 1996 年开始的一个欧盟的「免费域名注册服务」，提供了 *.eu.org 域名的注册服务，可以免费注册一个域名，不过可能需要等蛮久的。

nic.us.kg ​

与 eu.org 类似，提供了 *.us.kg 域名的注册服务，不过是由美国非盈利组织主体运营的，可持续性更高。

O ​

one.dash.cloudflare.com ​

Cloudflare 的 Zero Trust 控制面板，包含了大多数企业网络运维所需要的功能，例如 Warp 团队版 (VPN), Tunnel (FRP), Gateway (SSO 单点认证) 等功能，并且五十人团队规模以内完全免费，非常慈善。

obf-io.deobfuscate.io ​

一个完全运行在本地的「在线 JavaScript 解混淆」工具，特别针对 obfuscate.io 优化，体验很棒，除了注入的「无意义死代码」和「经过压缩的变量/函数名」以外都能还原的八九不离十。

open.bigmodel.cn ​

智谱清言旗下的「大型语言模型开放平台」，提供了包括 GLM-4*, GLM-4*, GPT-5 等多个版本的模型，可以免费使用，但是需要注册账号。

ooooooooooooooooooooooo.ooo ​

一个「长度为 o*26的链接缩短服务」，可以将任意长的 URL 「缩短」为完全由 o 构成的 「短链接」，例如本文的短链接是就是：

https://ooooooooooooooooooooooo.ooo/ooooοооoοᴏοoοᴏοoοᴏooοᴏoᴏoᴏооoоᴏᴏoоᴏᴏοᴏοᴏοᴏοᴏοᴏοᴏoоᴏоοооoοоoοοᴏοoοᴏoᴏoоᴏοοоᴏoοоoοοоᴏоοоοooоᴏоοоoᴏοоᴏᴏοоᴏοoоᴏᴏοоoοοᴏoоοоoᴏοооoοооοοᴏοоοоοοοᴏoᴏoоᴏᴏοᴏoᴏοооᴏοооοοоᴏoοоᴏoοᴏoᴏoоᴏᴏoᴏoоoᴏoooᴏoоoᴏοooоᴏοοоoоοᴏoоοоᴏᴏοᴏοᴏοᴏoᴏοоοοοᴏoоoоᴏοοоοоοᴏoоοоᴏᴏοоᴏοoоᴏοοоoοoоᴏοοᴏοoοоᴏᴏoоᴏοοᴏооoоᴏоοооoοᴏοoοоᴏοοоᴏooᴏᴏᴏοᴏοοοᴏοoοоᴏοοοᴏᴏοоoᴏοоᴏᴏοоᴏоοᴏοoοоοοοоᴏоοᴏοooᴏᴏοοоᴏoοоᴏᴏοоᴏᴏοоᴏᴏοоᴏᴏοоᴏᴏοоᴏоοоοᴏoоοоοоοоοᴏoоοоᴏᴏοоᴏοoᴏᴏοοоᴏᴏοоᴏᴏοоᴏᴏοоᴏᴏοоᴏᴏοоᴏᴏοоᴏᴏοоᴏᴏοоᴏᴏοоᴏᴏοоᴏᴏοоᴏᴏοоᴏᴏοоᴏᴏοоᴏᴏοоᴏᴏοоᴏᴏοоᴏᴏοоᴏᴏοоᴏᴏοоᴏᴏοоᴏᴏοоᴏᴏoоᴏоοоᴏᴏοоᴏᴏοоᴏᴏoоoᴏοоᴏᴏ

P ​

pagespeed.web.dev ​

Google 开源的 PageSpeed Insights 工具，评测的角度很全面，包括了「性能、SEO、最佳实践、可访问性」等方面，笔者经常用于分析前端网页的加载问题，还是挺权威的。

peeringdb.com ​

全球 BGP 网络中相对权威的数据库，可以查询到全球各大 ISP / ICP / CDN 的 peering 信息，包括 AS 号、接入 IX、联系方式等，主要用于管理互联网交换中心 (IX) 的公开数据。

一些常见的运营商/CDN/内容提供商示例：

poe.com ​

一个「大语言模型聚合平台」，平台内有 OpenAI 的旗舰模型GPT-4* o1-*、Claude 的旗舰模型 claude-3*、Google 的gemini-* 等，客户端体验还算可以，特有的自适应 了，主要还是便宜，为生活所迫了。

pro.ant.design ​

Pro Design 是 Ant Design 的一个「企业级中台设计解决方案」，提供了一套完整的设计规范和组件库，适合快速搭建企业级应用。

ping.sx ​

Misaka Network 旗下的「全球 Ping 测试工具」，可以在全球范围内测试服务器的延迟，支持 IPv4/IPv6，可以测试 TCP/ICMP/DNS 等多种协议，节点数量多，UI 好看。

ping.pe ​

上面 ping.sx 的平替，由 bandwagon 运营。

Q ​

qwenlm.github.io ​

阿里云的一个「开源大模型」—— Qwen 千问大语言模型，目前系列已经迭代到 Qwen2.5，专注于特定领域的开源小模型，例如 -Coder 代码模型、-Math 数学模型、-VL 多模态模型，参数量较小，但是在特定领域表现不错。

qrss.netlify.app ​

一个基于视频的「离线二维码扫描器」，可以将任何文件编码为由 QRcode 为帧组成的视频，然后通过扫描视频中的二维码来获取文件内容，可以实现「完全离线」的「点对点」数据传输，传输速率大概在 2KB/s ~ 4KB/s 左右，取决于扫描设备的解码性能。

R ​

rail.moefactory.com ​

由铁路迷开发的一个「铁路客运信息」查询工具，可以查询全国范围内的火车时刻表、到达/出发点、担当铁路局/车型、实时正晚点信息，十分全面。

rpki.cloudflare.com ​

Cloudflare 的 RPKI 服务，可以查询全球范围内的 RPKI 路由验证信息，包括了「有效、无效、未知」三种状态，网页 UI 比较友好，

并且还有公开的 RPKI RTR 接口 rtr.rpki.cloudflare.com:8282，可以直接将其配置到 BIRD, Cisco 等路由器的 BGP 过滤器中，实现自动化 ROA 路由验证。

rspress.dev ​

由字节跳动 Web Infra 前端基建设施团队开发的一个「基于 React + Rsbuild」的静态网站生成器，支持 Markdown、React 组件、自定义主题等功能，可以快速搭建一个静态文档网站，个人感觉算是 Vitepress 的 React 平替。

S ​

speed.cloudflare.com ​

Cloudflare 的「Speedtest 网络测速网站」，依托 Cloudflare 覆盖了全球 330+ 城市、120+ 国家/地区的大型网络的优势，可以在全球范围内（除了中国大陆和朝鲜）选择到最近的网络节点，获取到非常准确的测速结果。

但是 Cloudflare 在中国大陆没有 Anycast 网络，所以在中国大陆测速结果会非常不尽人意，所以笔者开发了同时支持 LibreSpeed（中国高校常用的测速服务端）和 Cloudflare Speedtest 的 Aqua Speed 测速工具以尝试解决这个问题。

srihash.org ​

一个在线的「SRI Hash 校验工具」，可以输入静态文件地址，自动生成 HTML 标签中的 SRI Hash 值，浏览器每次访问时，会自动校验 SRI Hash 值，防止 CDN 资源被篡改投毒，支持 SHA Hash - 256/384/512。

（感谢 @Haima 大佬的勘误！）

T ​

tiktokenizer.vercel.app ​

包含各种大语言文本模型的 Token 计算器，可以将文本转换为 Token，支持 OpenAI、Llama、cl100 等热门的 Token 分词系统。

tinypng.com ​

在线的「图片无损压缩」工具，压缩的效果很棒，并且肉眼确实难以分辨，可以用于压缩图片附件大小，大大提高网页加载速度。

U ​

ui.com ​

第一次看群友发 ui.com 的时候，笔者还以为是某 UI 设计团队的网站，结果是 Ubiquiti 的官方网站，不愧被称为 UI 厂，经费全花在 UI 上了，难怪软件逻辑和硬件做的那么灵车。

ui.shadcn.com ​

当下 Next.js 生态最新最热的 UI 库 —— shadcn/ui，提供了一套完整的组件库，包括按钮、表单、卡片、布局等，不过笔者看完 引入指南 后感觉到一股很强烈的「返祖」现象——穿越回了前端原生三剑客 (HTML/CSS/JS) 时代。

V ​

vitepress.dev ​

本博客的静态网站生成框架，扩展性强、生态成熟，用起来体验挺棒的。

vercel.com ​

当之无愧前端开发工程师 Top 3 网站，仅仅依靠 Serverless 做到 8 轮融资，真的可以说是 SaaS 行业的天花板了。

vast.ai ​

AutoDL 显卡租用平台的海外平替，价格稍微高一点，但是没有内容审查和网络限制，适合跑一些「特殊内容」。

通过 这个链接 注册账号，以支持笔者持续创作原创内容。

W ​

web.lmarena.ai ​

一个「大语言模型评测网站」，可以测试以下模型：

闭源模型

  • o1-mini (20240912)
  • GPT-4o-2024-11-20
  • Gemini-2.0-Flash-Thinking-1219
  • Claude 3.5 Sonnet (20241022)

开源模型

  • Llama-3.1-8B-Instruct-20241001
  • Qwen2.5-Coder-32B-Instruct
  • Llama-3.1-405B-Instruct

这个网站的测评方法非常简单：

  1. 匿名化一对聊天框，你提出一个网站建设想法
  2. 两边模型会根据你的想法写出一个 React 网站，写完后会丢到 Sandbox 跑一遍构建预览
  3. 最后让你评价 左边好、右边好、一样好、都不好，以此得出「更加贴切主观」的排行榜数据。

whois.td ​

一个在线的「WHOIS 查询工具」，查域名 whois 的时候非常方便，UI 做得可以。

who.cx ​

同上，UI 可配置项更多一些。

X ​

x.com ​

Elon Musk 重金买下的「单推特朗普」社交平台，简称 “推特”。

x.ai ​

马斯克砸钱做的 Grok-Beta 正式推出了，现在注册就送 $25 USD 体验金，无需绑卡和手机号，完全 0 成本，并且目前「没有任何内容审查机制」，并且速率限制宽松，用起来比 Gemini 顺手的多。

xmsl.dev ​

一个在线的「综合性 IP 数据库查询」平台，整合了包括：

  • 海外免费数据库：DB-IP、Maxmind GeoLite2、BigDataCloud

  • 海外付费数据库：Maxmind GeoIP2、IPInfo、IPData.co、IP2Location

  • 国内免费数据库：纯真数据-社区库

  • 国内付费数据库：IPIP.NET、埃文科技、IP138、高德地图、腾讯地图

等十几个 IP 定位数据库数据源，整合方式包含离线数据库和在线 API，可以帮助您分析 IP 定位时事半功倍。

xtermjs.org ​

一个 JavaScript 生态中及其热门的「终端模拟器」，可以在前端中模拟终端的输入输出，支持多种终端类型和丰富的颜色支持，Proxmox VE 和 Azure Data Studio 等项目都在使用这个库。

Z ​

zeabur.com ​

Zeabur 是一个「按需付费的 Serverless、容器云」平台，可以分析代码自动部署你的代码到云端，支持多种语言和框架，支持自定义域名、SSL 证书、CDN 加速等常见功能。

简单来说就是 Heroku + Vercel + Cloudflare 的综合体，但是「集合度更高」，不再需要自己编写 Dockerfile、构建脚本等繁琐步骤。

点击下方按钮注册 Zeabur 账号，即可免费体验 Serverless 服务，也可以选择付费套餐，以支持本博客继续创作：

Deployed on Zeabur

zstatic.net ​

由又拍云赞助的类似 Unpkg 的「CDNJS 镜像源」，特别针对国内网络环境优化，特点是支持 HTTP2 和 SRI Hash 资源校验，从根本上杜绝投毒风险。

尾声 ​

这篇文章的初衷是「记录」，记录我平时很想推荐的、但又不适合单开一篇文章的网站，所以就汇总在这里，方便大家查阅。

这不仅是一份年度报告，更是一次重塑自我认识的旅程。在被信息洪流裹挟着前行的时代，我们应该停下脚步，去重拾那些被掩埋的记忆。

版权信息 ​

本文版权信息 (点击展开)
rs
Copyright (c) @ Hat's Blog 'www.hats-land.com'
Released Date @ 2024-11-25 '/archives/skills/2024-browser-from-a-to-z'