软件工具 | 进击之路 - Alan的个人博客

LinkBatch - 一个批量下载链接的Chrome插件开发记录

Sat, 14 Feb 2026 20:00:00 +0800

起因

日常工作和生活中，比如在GitHub release页，我经常需要点击多个下载，很烦，尤其是如果还开着下载位置确认，那就更灾难了。为了一劳永逸解决这个问题，我觉得可以做个chrome插件了。

功能设计

大致设想是

框选一块区域，自动提取里面的所有链接，点击下载，则chrome直接执行N个链接进行下载。
支持屏蔽指定后缀的链接，并且保存，这样之后进入同站点直接就可以快捷下载。

开发

功能想清楚开发就简单了，找了个chrome插件模版，基于功能设想快速coding出来，测试没什么问题，直接就发布到Chrome差点了，感兴趣的可以直接下载。

注意事项

为了避免每次下载浏览器都会提示下载保存位置，需要手动去关闭该开关，这点插件是无法规避的。

自定义鼠标按键

Fri, 21 Nov 2025 23:52:08 +0800

平时在家主要使用Mac mini，因为不像MacBook有触摸板，所以当全屏多桌面切换时会麻烦。考虑再买个USBC的4代TrackPad，但想了下TrackPad+机械键盘+鼠标，注意了使用效率低，又得吃灰了。今天随口跟同事交流了解到原来罗技时可以自定义鼠标按键来切换桌面的，于是赶紧折腾了下，发现效果不错，满足诉求，这里mark下怎么玩的。

设备情况

我目前是用的M720，它就支持自定义按键的，如果你也是罗技的鼠标，可以先查询确认下是不是支持，或者直接安装App也会提示是否支持。

软件

安装Logi Options+软件

官方还有个Logi Options，但已经被Logi Options+取代了，建议直接安装新的软件。如果提示你的鼠标不支持，可以尝试安装旧版的Logi Options。

也可以在官网这里直接检索你的设备型号，在清单里即表示支持。

设置步骤

打开Logi Options+软件，如果鼠标本身已连接电脑，会自动识别到鼠标。
选择你的鼠标设备，进入按键自定义界面。
选择你想要自定义按键。我这里还是走的默认的，其实默认的已经算是个最佳实践了，我目前唯一设置的滚动按键设置为热键command + up，这样在浏览器网页时可以快速回到顶部。
Logi Options+支持多语言设置，默认为系统语言，不喜欢可以手动设置为其它语言。

注意：只有安装并启用了Logi Options+软件后，即使是鼠标默认的按键设置也才会生效，如果没有安装软件，是无法使用这些快捷键的。

软件登录

如果你想要在多台设备上同步设置，可以登录罗技账号，这样可以将你的按键设置同步到云端，方便在不同设备间切换时保持一致的使用体验。

其它功能

Logi Options+软件还支持一些其它功能，比如多设备同步，Smart Actions，AI集成等，不过我目前并不需要，毕竟我的生态设备都是Apple，本身已经支持了同步功能，且有Alfred这类效率启动器工具，所以暂时没用上这些功能。

写在最后

实际尝试了几把，感受如下

是需要长时间习惯从而达到肌肉记忆
通过这个设置，确实满足了目前的切换桌面的需求

Alfred主题推荐：好看又实用的主题下载与设置指南

Wed, 20 Aug 2025 16:10:18 +0800

Alfred是macOS上的一款强大的效率工具，支持自定义主题来提升用户体验。本文将介绍一些推荐的Alfred主题，并提供安装。

日本自由行，我把 iPhone 设置成这样：实用 App & 功能分享

Wed, 25 Jun 2025 21:37:53 +0800

最近去了趟日本，发现一些iPhone上一些设置和App帮了我不小的忙。这里就总结下，兴许出国的你也需要。

说明：非iPhone肯定也有类似功能/设置，需要自行查找。

iPhone 系统设置优化

自动时区设置

这里如果开启自动化，手机会通过GPS直接定位确定时区，作为用户你什么都不用管。当然也不排除你只想固定时区，自然不需要开启。

举个例子：比如去日本，东七区，比国内快一个小时，在东京你看是下午5点，北京实际上是下午4点。

自动时区靠的是GPS，因此比如手机飞行模式也是不影响的。因此推荐平时就直接开启即可。

苹果钱包配置

苹果钱包除了可以添加国内交通卡，也可以添加国外的，比如日本就可以添加西瓜卡。当到达日本后，就可以搜索添加Suica卡，使用绑定的卡比如国内储值卡进行充值，之后就可以顺利的正常刷卡消费了，这点真的太棒了，省的再下载个单独的App了。

蜂窝设置

因为手机都是双卡双待，因此出国后我往往直接设置卡即可，不需要把国内卡拔掉，比如日本的话，我买的流量卡，我只需要在到日本后，插入日本卡，然后把蜂窝数据设置为走新卡即可。

设置->蜂窝数据->选择指定卡，不允许自动切换。

必备旅行App推荐

Google Translate - 实时翻译神器

比如在日本，经常看到一些全日文的介绍，一脸懵逼，英文吧好歹还能看懂些，日语就完全不行了。这时如果使用Google Translate就会好得多，直接选择摄像头，手机对着日文的介绍，直接就可以实时翻译成中文，就问你香不香。

在日本时，我去到一个小烤肉店，老板不懂英语/中文，只有一个全日文的菜单，如果没有这样一个实时翻译的App，我连饭都吃不上，😊。

Apple Maps/Google Maps - 导航首选

在国外的话，确实可以使用高德地图，因为高德也有国际化业务，但高德地图有几个问题。

位置容易飘。
比如日本大阪的轻轨，没有时间信息等。

更推荐使用Apple自带的地图或者Google Maps。如果是苹果自带的地图，还可以联动Apple Watch更为详细的导航数据，体验很棒，但比如高德就差很多，手表看上去就一个箭头。

Klook - 旅行预订平台

‌(Klook)是一款专注于全球旅游体验预订的移动应用平台‌，提供景点门票、当地玩乐、交通、酒店及美食等一站式旅行服务，覆盖全球2700多个目的地。

比如在日本，我就通过它购买的大阪周游卡，挺方便的。我发现比如美国/中国等很多国家也都可以在上面购买一些门票服务。

写在最后

如上就是我这次出去玩，发现不错的一些设置事项和App了。你如果有不错的发现，也欢迎分享。

怎么整理手机桌面?

Wed, 18 Jun 2025 20:46:12 +0800

每个人的手机桌面组织习惯是不同的，这里我分享下我的整理收纳术吧，个人觉得还算简单高效。

说明：个人主力机目前是iPhone 16 Pro，因此下面说的都是基于iOS的描述，但手机系统差异并不算大，均可参考。

仅一屏，不搞多屏

我习惯只使用一屏桌面，所有应用都放在这一屏上。这样可以避免在多个屏幕之间切换和找寻具体App的麻烦。

屏幕下直接放App的话，总是有限的，因此还需要用到文件夹进行部分App收纳。为了将这些App放下，这里分为高频和低频两类。

高频应用直接放在屏幕

高频使用App并不会很多，比如对于我来说，YouTube/Spotify/xiaomi/欧路词典/富途/ChatGPT等属于高频使用App，而比如Genemi/豆包/小红书/银行类App等属于低频App。

高频的第一为每天都要用，如果不是每天都用都属于低频。同时，强烈建议控制下高频使用App数量，个人觉得并不需要很多。

低频应用全放在统一文件夹下

我这里的话，创建文件夹Daily，用于收纳所有低频使用的App。这样可以避免桌面上出现过多的图标，保持桌面的整洁。

用好全局搜索

高频App使用时几乎可以不用寻找，直接点击即可使用，但低频App放到文件夹后，也就存在寻找困难的问题了。这时可以使用全局搜索。平时只需要滑动屏幕下拉，唤起全局搜索，然后输入App名称即可快速找到并打开。

锦上添花-小组件

当大部分的App都收纳到文件夹后，会发现桌面空间比想象的要多，这时可以考虑使用小组件来进一步提升桌面的信息展示和使用效率。比如我这里纺织一个日期组件，方便查看日期，如果不喜欢放日期，个人觉得放个todo list也是个很好的选择。

写在最后

上述即为我个人的手机桌面整理术，核心要点：

这套方案的优势在于：

简单易行，无需复杂设置
界面清爽，减少视觉干扰
操作高效，提升使用体验

你也可以根据自己的使用习惯，参考这些建议来整理自己的手机桌面。欢迎在评论区分享你的桌面整理经验！

iOS 26 验证码自动填充升级了什么？邮件验证码使用指南

Sat, 14 Jun 2025 14:24:44 +0800

无论是 iOS 还是 macOS 的自动填充验证码功能，我平时都高频常用，但缺点也很多，比如Mac下，Chrome等第三方浏览器下无法自动填充验证码，另外就是不支持填充来自邮箱的验证码。终于，这次iOS 26 和 macOS Tahoe 上得到了解决。

邮件验证码支持

比如我在Mac上登陆推，系统现在可以识别并填写发送到Gmail邮箱中的验证码，弹出的验证码下也可以看到提示验证码来自邮箱。这项功能此前仅支持短信验证码。

说明：该特性iOS 26 和 macOS Tahoe 均已支持。

第三方浏览器支持

比如我在Mac下使用 Chrome下登陆豆瓣时，点击"获取验证码"后，系统会自动弹出验证码填写界面。这是此前版本所不支持的功能。

说明：该特性iOS 26 和 macOS Tahoe 均已支持。

仍然存在的局限性

虽然自动填充功能得到增强，但仍存在一些缺点：

验证码有时效性，不论是短信还是邮件验证码，通常都有时间限制，过期后无法使用。目前不确定具体的时效。
无法查看历史验证码历史记录，比如如果想查很早的一个验证码，那么只能通过短信或者邮箱自己翻看了。

Mac端的第三方增强方案

Mac端的话，所有短信都有存储在SQLite数据库中，可以通过一些第三方工具来查看历史验证码。比如我平时使用的效率工具Alfred，因此可以使用如下的workflow来强化自动填充验证码的功能。

写在最后

总之自动验证码提示功能很棒，如果不想等9月份的童鞋，可以在安全的前提下，尝试升级进行尝鲜。也期待Apple可以进一步完善自动填充验证码功能。

Mac USB-C 接口完全指南：远不止外接显示器这么简单

Sat, 14 Jun 2025 10:22:39 +0800

Mac 电脑都配备了强大的 USB-C/Thunderbolt 接口，它不仅仅是充电接口，更是扩展性能的关键。本文将介绍如何充分利用这个接口释放 Mac 的潜力。

1. 连接外接显示器

Mac 的 USB-C 接口支持音视频输出，可以：

直接连接 USB-C 显示器
通过转接器连接 HDMI/DisplayPort 显示器
M1/M2 Mac 最高支持两个外接显示器
支持高达 6K@60Hz 的分辨率输出

2. 高速数据传输

Thunderbolt 3/4 接口提供：

高达 40Gbps 的传输速度
外接 NVMe SSD 可达到 2800MB/s 读写速度
支持菊花链连接多个设备

3. 扩展坞神器

一个高质量的扩展坞可以提供：

多个 USB-A 接口
以太网接口
SD 卡读卡器
音频接口
额外的 USB-C 接口
支持 100W 快充

推荐：CalDigit TS4 是目前最全能的 Thunderbolt 4 扩展坞之一

4. 外接显卡（eGPU）

通过 Thunderbolt 接口可以：

连接外置显卡盒
提升图形处理能力
适合视频剪辑和游戏玩家
注意：仅支持 Intel Mac

5. 专业音频设备

对于音乐制作者：

连接专业声卡
支持 MIDI 设备
低延迟音频输入输出
支持多路音频设备同时使用

8. 充电和供电

强大的供电能力：

支持 100W PD 快充
可以为 iPad、iPhone 快速充电
支持反向供电
一个接口实现充电和数据传输

使用建议

优先考虑大牌线缆，因为即使都是USB C，参数差异也很大
- 注意功率和协议支持
- 推荐品牌，比如Anker、贝尔金等。
注意事项
- 不同 Mac 型号支持的功能可能不同
- M1/M2 芯片的 Mac 外接显示器数量有限制

写在最后

Mac 的 USB-C/Thunderbolt 接口为我们提供了强大的扩展性，合理利用这些接口可以显著提升工作效率。随着技术发展，相信未来会有更多创新的应用场景。

10个实用iOS技巧，让你的iPhone更好用 - 第二弹

Fri, 13 Jun 2025 15:55:23 +0800

iPhone的优秀一部分归功于iOS系统的交互友好性，掌握一些技巧后可以提升使用幸福感。

继上一篇后，这里就继续分享10个技巧，如果有些你已经知道，按需跳过即可。

说明：下述大部分截图为我个人设备截图，当前系统为英文，因此部分设置名称可能与中文系统有所不同，但功能一致，敬请理解。

1. Message短信转发

比如PC网页我登录，点击获取验证码，手机会获取到短信验证码，我可以通过配置短信转发，让PC也收到验证码，方便填写。

设置方法：前往设置 > 应用 > 信息 > 短信转发，然后选择要接收短信的设备（需要使用相同的Apple ID）。

比如新激活的设备MBA，默认是不会收到其它设备的短信通知的，需要对应设备如上述一样，点击开启才行。

2. 照相九宫格显示

照相时为了方便构图，可以开启九宫格显示，这样帮助你更好地对齐拍摄对象。

开启方法：进入设置 > 相机打开"网格"开关。这样在拍照时就能看到九宫格辅助线，帮助你更好地构图。

3. iPhone录屏包含麦克风

iPhone录屏时我们可以选择通过开启麦克风录音，这样可以在录制视频时同时录入语音解说。

使用方法：

打开控制中心。
长按录制按钮，选择开启麦克风。
开始录制后，麦克风图标变为红色表示正在收音。

4. iPhone热点名称修改

有时iPhone是充当热点使用，Wi-Fi名称也就是热点名称如果不喜欢的话，可以通过修改设备名称解决。

修改方法：进入设置 > 通用 > 关于本机 > 名称，修改设备名称即可（个人热点会使用这个名称）。

5. 默认浏览器修改

默认的Safari个人觉得并不好用，我更习惯Chrome，因此需要修改下默认浏览器，避免每次点击网页还是走Safari打开。

更改方法：打开设置 > Chrome浏览器/Safari/缺省App，都可以修改下默认的浏览器。

6. 批量删除短信

短信如果想一次性删除连续的多条，除了一个个选择外，还可以利用手势快速选择，两个手指自左向右滑动进入选择模式，然后还是两个手指上下滑动即可选择或反选连续的多条信息。怎么样，这样快多了吧。

说明：同样的快速选择逻辑也适用于邮件、备忘录。

7. 桌面编辑-多选App

长按桌面任意App图标进入编辑模式后，可以用另一只手指点选其他App，实现多个App的同时选择。这样就可以一次性移动多个App到其他页面或文件夹，也可以同时删除多个App，大大提升效率。

8. 键盘-固定大写输入

在需要连续输入大写字母时，可以通过双击键盘上的Shift键启用大写锁定模式。启用后Shift键会显示下划线，再次点击即可退出大写锁定。这比每次单独按Shift键要方便得多。

9. 三击选择段落文本

平时双击选中文本词汇，但其实三击可以选择整个段落。这个功能在编辑长文本时特别有用，比如你想复制一整段文字的话，不需要手动拖动选择。

10. 快速返回顶部

在任何可滚动的界面，只需轻触屏幕顶部，比如时间、灵动岛等都可以立即回到页面顶部，不用手动滑动翻页。这个技巧在浏览长文内容时很实用。

写在最后

iOS、macOS、tvOS等都有很多有意思的小技巧，掌握后可以节约很多碎片时间，这里也只是介绍了一点皮毛。
如果你发现有很惊艳的小技巧，也欢迎评论区分享下。

10个实用iOS技巧，让你的iPhone更好用

Sun, 08 Jun 2025 15:55:23 +0800

iPhone的好一部分归功于iOS系统的交互友好性，掌握一些技巧后可以提升使用幸福感，这里就先介绍一部分，如果有些你已经知道，按需跳过即可。

1. 查找Wi-Fi密码

前往设置 > WLAN。
按右上角的“编辑”按钮。
使用 Face ID 或 Touch ID 进行身份验证。
按“i”按钮从列表中选择你要查找的 Wi-Fi 网络。
点击一次审查密码即可显示。

针对已经连接的Wi-Fi，也可以点击网络名称旁边的“i”按钮来查看当前连接的网络的 Wi-Fi 密码。

2. 检查远程Apple设备的电池电量

iPhone上除了可以查看自己设备的电池状态外，还可以查看其他 Apple 设备的电池状态。

打开“查找”应用。
点击你要查找的设备，设备详情页就会显示电池状态。

电池状态无法显示确切的电池百分比，但你仍然可以通过查看以下指标来了解电池状态：

如果设备充电充足，则会显示绿色。
如果处于低功耗模式，它将显示黄色。
如果正在充电，电池图标上会显示“闪电”符号。
如果关机，电池图标将会消失。

但是，要使其正常工作，你需要确保所有 Apple 设备都使用同一个 Apple ID 登录。

顺便说一句，如果你的朋友和家人的 iPhone 已添加到 iCloud Family，你还可以检查它们的电池状态。

注意：AirTag比较特殊，一般是不显示电量信息的，只有低电量时才会显示告警。

3. 快速分享截图

截取屏幕截图。
按住出现在左下角的预览图 2-3 秒，直到共享信息展开。
点击 Airdrop 或者分享到 App 等等。

说明：我之前一直不知道这个技巧，还是傻傻的点击预览到编辑页面，再点击分享，相对麻烦些。

4. 保存相机设置

打开相机应用，会发现自定义设置被重置为默认设置。有一种方法可以锁定相机设置，防止重置为默认设置。

前往设置 > 相机 > 保留设置。
切换到你想要锁定的设置。

5. 设置计时器

如果经常需要使用计时器，比如做饭时就需要，那么可以设置下快速启动计时器。

打开控制中心。
长按空白处进入编辑模式。
按下底部中央的“添加控件”按钮。
搜索“计时器”并将其添加到控制中心。

添加计时器后，你可以通过以下方式快速启动计时器：

启动控制中心。
点击计时器进入，选择具体的时长，或者长按计时器控件直至其展开，然后向上或向下滑动手指即可调整持续时间。
按下“开始”按钮。

除了这个方式外，也推荐使用 Siri 来设置计时器。平时做饭时我习惯说“嘿 Siri，倒计时5分钟”，这样就可以快速设置了。

6. 文本替换

平时比如身份证号/家庭地址等信息需要经常输入，为了提高输入效率，可以考虑设置成文本替换。

前往键盘> 文本替换。
点击+号添加即可。

快捷方式的话，推荐以t开头，避免平时不想被替换时被误触发。

文本替换会走iCloud同步到所有Apple设备下，比如Mac/iPad也可以正常使用。

7. 扫描文本

如果想把纸质的文件内容写到Apple备忘录下，除了拍照OCR之外，还有个办法。

打开备忘录。
创建新笔记。
按住空白处直到出现弹出菜单。
选择附件>“扫描文本”。
相机打开后，将整个记事本纳入框架，直到它以文本格式出现在 Notes 应用上，鼠标可以点击局部，选择扫描的区域。

8. 图片里直接选择文本

这个功能比如微信也支持通过图片提取文本了，不过要说体验最棒的还是iOS图片应用的原生支持。

打开图片应用。
选择一张图片。
长按图片中的文本，直到出现拷贝/选择文本的选项。

除了iPhone支持外，Mac和iPad也支持这个功能。

9. 输入 URL

手动输入网址的时候可以通过小技巧方便输入网址信息：

唤起键盘输入。
长按键盘上的“。”符号，直到出现带有扩展名的弹出窗口。
用手指在选项上滑动，选择你想要的选项。
按回车键。其实类似的快速输入还有很多，比如长按.，可以选择...。

10. 关闭所有标签页

与 Chrome 和其他第三方浏览器不同，Safari 浏览器没有直接提供关闭所有标签页的选项，但有一个折中的办法。

在 Safari 的标签页视图中，长按某个标签页会显示多个选项。其中一个选项是“关闭其他标签页”。选择此选项后，所有其他标签页（不包括所选标签页）都会关闭。
如果你还想关闭所选标签页，只需在该标签页上向左滑动即可。

除此之外，也可以“选择标签”，手指拖动就可以选择多个标签，点击关闭。

写在最后

iOS、macOS、tvOS等都有很多有意思的小技巧，掌握后可以节约很多碎片时间，这里也只是介绍了一点皮毛。如果你发现有很惊艳的小技巧，也欢迎评论区分享下。

你知道不？iPhone USB-C 接口不仅仅只是充电

Tue, 03 Jun 2025 11:52:37 +0800

iPhone 的 USB-C 接口提供的不仅是充电功能——还可以扩展存储空间、连接外部键盘、使用外部麦克风改善声音等。

多年来， iPhone一直是lighting口，导致平时出门时需要带2种线缆，心想何时iPhone可以改成 USB-C 口。终于，苹果在 iPhone 15 和 16 系列上将 Lightning 接口换成 USB-C 接口了，这样我们不用带2种线缆了，大一统时代到来，以后只需要 USB-C 口。但问题是——USB-C 远不止是一个充电接口。如果你只知道 iPhone 的 USB-C 接口只能用来充电，那你可有点大材小用了，你有必要知道它真正的实力。

这里罗列下 8 种释放其全部潜力的妙招。

1. 为另一台设备充电

你实际上可以使用 USB-C 接口为不同的设备充电，你的 iPhone 可以提供高达 4.5W 的功率，为 AirPods、Apple Watch 甚至其他手机充电。

只需将 USB-C 线缆的一端插入 iPhone，另一端插入其他设备，砰，你就成了一个移动充电站。是不是很酷炫？

说明：使用USB-C到Lightning线缆，你也可以给老款Apple设备充电。

2. 扩展存储空间

使用 USB-C 扩展你的存储空间

iPhone 15 和 16 机型支持 U 盘甚至硬盘等外部存储设备。你可以快速将大文件从 iPhone 中移出，释放更多空间。

我个人喜欢使用小巧便携的三星 Type-C 闪存盘。

三星 Type-C速度快、效率高，如果你是创作者，它甚至可以处理 ProRes 视频存储。

3. 使用外置键盘

通过 USB-C 接口将键盘与 iPhone 配合使用

通过 USB-C 接口，你可以将全尺寸键盘连接到 iPhone。

通过 USB-C 接口将键盘与 iPhone 配合使用

无论是快速收发邮件、撰写博客文章，还是只是记笔记，这都能让你的 iPhone 成为mini生产力工具。

4. 使用外接麦克风

抖音创作者、播客或任何喜欢制作视频的人都会喜欢这个。

使用 USB-C 接口的 iPhone 外接麦克风

iPhone 的麦克风其实不错，但有时你需要清晰的声音。USB -C 接口就来了。无论你是在拍视频博客、录制播客，还是只是做画外音，

你的 iPhone 可以连接到高品质麦克风，例如 Rode Wireless Micro。

使用Rode Wireless Micro，你不仅可以获得卓越的音质，还可以保持无线录制的便利性——视频拍摄时不会有电线缠绕！

5. 添加 SD 卡读卡器

使用USB-C 转 SD 卡读卡器，将其插入，然后瞧 - 你就可以直接从相机的 SD 卡访问和传输照片或视频到你的 iPhone。

较新的相机允许无线传输照片/数据，但速度往往较慢。Apple的 USB-C 转 SD 卡读卡器等设备可以轻松连接到你的 iPhone。

它比依赖无线传输更快，而且运行流畅。对于内容创作者来说，这是 USB-C 接口最被低估的功能之一。

6. 将 iPhone 连接到外部显示器

使用 USB-C 转 HDMI 适配器，你可以将 iPhone 直接插入任何显示器并传输 4K 内容。

Apple 的 USB-C 数字 AV 多接口适配器是一个不错的选择，它可以将你的 iPhone 的充电接口转换为 HDMI 连接器，因此，你可以在更大的显示屏上享受 4K 内容。

7. 外接控制器打游戏

你可以连接有线游戏控制器（例如索尼的 DualSense），以获得超低延迟、高性能的游戏体验。

索尼的 DualSense 是将你的 iPhone 游戏提升到新水平的完美方式，特别是如果你拥有配备增强型 A17 或 A18 芯片的 Pro 机型。

8. 拓展坞

USB-C 集线器可以将你的单个接口变成一台多任务机器。

像Plugable 7 合 1 USB-C Hub这样的设备，只需一个简单的连接，就能提供 HDMI 接口（用于外接显示器）、耳机插孔、以太网、多个 USB-A 接口、SD 卡读卡器，当然还有 USB-C 充电功能。虽然它体积略大，但如果你把 iPhone 用作工作或娱乐的主要枢纽，它绝对是你的必备配件。

写在最后

如今 USB-C 已成为标准，iPhone 有了该接口也多了无数的可能性。最棒的是如果你已经为 iPad 或 Mac 配备了 USB-C 配件，它们可以与你的 iPhone 15 或 16 无缝兼容。更令人兴奋的是，随着 iPhone 17 及未来机型的推出，我们可能会看到更多令人兴奋的 USB-C 功能。

Mac Mini m4配件清单：打造我的牛马工作站

Sat, 31 May 2025 18:30:41 +0800

你不买我不买，Mac mini降500，得，5/31日，Mac mini的丐版价格已经下探到了2799CNY，最近一直被背刺，一直背疼，但只能安慰自己早买早享受了，😂。

下面介绍下我的配件清单，部分并非新买的，能沿用老的，我就不换了。

Lenovo拯救者屏幕灯

Filco 87机械键盘

罗技M720 无线蓝牙鼠标

戴尔（DELL）27英寸 2K U2719DS + U2515H 25英寸2K

没错，家里维持双屏显示器的配置。

HomePod

Apple原装转换器

手办

写在最后

苹果给了我个裸机盒子，一堆配件加持下，它成了牛马工具，✌️。

Mac 自带 Notes 怎么变好用？这个工具帮你一步到位

Wed, 28 May 2025 21:50:42 +0800

一直在来回折腾选择笔记软件，印象笔记，Drafts，有道云笔记等等，有时推出了新的笔记软件也都回去试试，但是可以说还没用到满意的。最近没想到被一个简洁又强大的插件小工具吸引住了目光 —— Pronotes。它在不取代 Apple Notes 的前提下，帮你解锁原生 Notes 没有的功能。

这篇文章，我就分享这个插件，以及它如何让我重新选择之前放弃的 Apple Notes。

📦 安装

直接前往 Pronotes 的官网，下载最新版本的 .dmg 安装包即可。我这里也直接贴出最终的下载地址 https://pronotes.app/direct-download

说明

除了AI功能需要订阅，其他功能完全免费。个人的话，目前使用 Pronotes 的免费版本就足够了。
系统要求：macOS 13.0+.

🛠 设置开机启动

Pronotes 并不是一款独立的笔记软件，而是以插件辅助的方式存在，让 macOS 自带的 Notes 更加强大好用。强烈建议你将 Pronotes 添加为开机自启程序，这样每次开机后它都会自动在后台运行。

只要你打开原生 Notes，Pronotes 就会自动发挥作用，提供诸如 Markdown 支持、快捷键操作、搜索增强 等进阶功能，完全不需要手动打开它。

💡 格式工具栏

在没安装 Pronotes 之前，若想在 macOS 的 Notes 中修改文字格式（如加粗、斜体、插入链接或项目符号），通常得依赖上方菜单栏点击，这在记录或整理笔记时会严重打断思路，效率不高。

但安装并启用 Pronotes 后，只需用鼠标选中一段文字，就会自动跳出一个浮动工具栏，内含常用格式选项（如下图）。

✏️ Markdown 支持

通过在行首输入以下内容来格式化 markdown 中的文本

比如：

# 空间创建标题
## 空间创建标题
### 空间创建副标题
[] 空间创建清单
``` 空间创建单一样式的块
> 空间创建块引用

总之markdown的语法很多都是可以直接使用的，Pronotes 会自动将这些语法转换为 Apple Notes 的格式。

🔤 Slash 指令

除了鼠标选中时出现的快捷格式栏，Pronotes 还加入了 Slash（斜杠）指令。只要在笔记中输入 / 符号，就会自动跳出可用指令列表，让你不用碰鼠标也能快速插入各类内容模块，大大提升写作流畅度。

🧩 使用模板功能

你可以在 Notes 中创建一个名为 Templates 的文件夹（如图左下），并在其中添加各类模板文档。例如，创建一个名为 Blog 的模板文档，那么以后只要输入 /Blog，就可以快速插入预设的会议记录格式（如图右下）。

这些模板就像是“积木”，帮助你快速拼装出既统一又灵活的笔记内容，大幅提升效率与条理性。

注意：文件夹在哪个层级都无所谓，都可以正确识别。

🔍 搜索功能

除了格式与模板功能，Pronotes 最让我惊艳的就是它的搜索系统。一般来说，Apple Notes 的搜索只能针对当前打开的笔记，而且功能有限。

Pronotes 提供了更强大的全局搜索功能，只要输入关键词，所有相关笔记内容就会瞬间跳出。对于经常需要回顾旧资料的人来说，效率提升巨大。

🔐 小提醒：首次启用搜索功能时，需要授权 Pronotes 访问 Apple Notes 的内容。这是系统层级的隐私权限设定（如下图左），同时你也可以设定全局快捷键来快速启动搜索（如下图右）。

iCloud 同步

本身Apple Notes是支持iCloud同步的，因此当我们使用 Pronotes 进行编写后，所有内容都会自动同步到 iCloud。这样，你在 Mac 上编辑的笔记，可以在 iPhone、iPad 等其他 Apple 设备上无缝访问。实际测试比如iPhone上去查看，内容格式也是没问题，可以正常渲染。

写在最后

过去我一直觉得 Apple Notes 只是个“凑合能用”的默认笔记应用，无论是格式、搜索还是内容结构，都远不如 Notion 灵活。但自从遇到 Pronotes，才让我发现原来原生 Notes 也可以通过一个轻量级工具，完成一次彻底进化！
当前我已废弃使用其它笔记软件而是回归 Apple Notes + Pronotes + iCloud 的组合。

iPhone需要保护壳膜吗？摔几回你就悟了

Wed, 28 May 2025 13:48:35 +0800

带不带手机壳膜🤔，这个问题在我身上经历了多次反复。

反复的要和不要过程

大学时候辛苦攒钱买了iPhone4s，珍惜得不得了，那必须膜+壳加满。小心肝、小宝贝，不能让它摔了。
之后又陆续换了iPhone6、8、12之类的，当习惯了之后也就没那么珍惜，索性膜+壳慢慢就不带了，心里想：乔帮主辛辛苦苦把iPhone的厚度减少了1毫米/0.5毫米，而我加一个壳就可能增加1-2毫米，完全看不到iPhone的设计之美。
不带壳膜的情况下，总是不经意间就摔坏了好几次手机，又觉得心疼了，维修成本不低，二手回血也因此掉价不少，此时觉得还是带上壳膜比较好。

如今我的16Pro就又戴上了壳膜。所以这个问题真的是一个反复的过程。回头来看，不带壳膜确实会让iPhone更能展现它的设计之美，但同时也增加了一些风险点，比如下面几个情况。

平时随身携带的风险

我一般把手机随手放口袋里，而口袋很多时候也会有钥匙，这样总会有剐蹭。几次下来，我的iPhone背面/屏幕已经有了明显的划痕和小凹痕。虽然不算严重，但每次看到这些痕迹，都会觉得很不舒服，毕竟那原来是一块完美无瑕的屏幕。

户外移动的风险

出去行走在郊区，我总是习惯把手机放在手里，有时还会来回甩动手臂，这个时候，一个不小心手机脱落了，摔到了不平的地面，尤其是石头路上。这时心情跌到冰点，拿起手机，果不其然，很符合预期的损毁程度。

好吧，自作自受。

说明：图片仅供参考，我自己的摔程度比上图还是轻一点，😭。

摔了才知道：现实vs理想

理想状态下，iPhone的美感和轻薄是无可挑剔的，每天看着都觉得舒服。

现实是，太多的场景不可避免地会导致手机损毁，不仅仅是上述的几个情况，还有很多具体情况容易出事，比如：

旅行中：陌生环境、频繁拿取行李、疲惫状态，掉落风险大增
有孩子在场时：小孩子和昂贵电子产品从来不是好搭配
运动时：汗水、湿滑的手指是无壳iPhone的天敌
寒冷天气：手套和麻木的手指极易造成意外滑落

在这些情况下，即使是最轻薄的保护壳也能成为救命稻草。

摔几回，修几回，悟了

总是得折腾反复几回才知道自己到底要不要。iPhone需要保护壳膜吗？这个问题的答案很简单：视情况而定，但一般是需要的。如果你也纠结，那可能你得先摔几回。

我现在的装备

目前我决定全套加满，具体配置如下：

闪魔iPhone16 Pro手机膜高清抗指纹无黑边透明视窗防爆防摔非全屏贴膜，购于JD，18.4CNY
华强北iPhone MagSafe保护壳，购于PDD，29.57CNY

写在最后

就一般而言，还是建议增加保护壳和钢化贴膜，这样能降低维修的风险，同时长远来看也可以在二手交易时尽可能保值。
如果确实不想带壳增加厚度，且没那么多摔手机的风险，那可以不带，但仍然建议贴个膜。
如果你不差钱，总是想找到理由买新款，那别加壳膜了，开心就好，当我没说。

so，你现在是裸机还是加了壳或者膜呢？

你可能不知道的 N 个 macOS 隐藏技巧

Tue, 27 May 2025 19:56:33 +0800

Mac系统有很多隐藏的技巧，掌握这些技巧能帮你节省大量时间，当别人不会而你会的时候，你会感觉自己就是个 Mac 天才。

OK，那这里开始👇。

说明：finder即中文版OS下的“访达”。

截图

使用Command + Shift + 4可以进行截取屏幕截图，但您知道您可以进一步自定义它们吗？

按下后Command + Shift + 4，按下空格键捕获特定窗口。
拖动时按住Shift 键可以水平或垂直锁定选择区域。
按住Option 键从中心调整选择的大小。
按空格可以切换到窗体截图。

使用空格键进行预览

在Finder下，任意文件，可以按Space空格进行预览，如果不支持，还可以安装quicklook插件。

显示文件格式后缀

访问finder，菜单栏选择设置，开启显示后缀。

快速路径查找器

在 Finder 中，您可以快速显示文件或文件夹的完整路径。

前往**“查看”>“显示路径栏”**以在 Finder 窗口底部显示路径。
或者，按Option + Command + P来打开或关闭路径栏。

隐藏的触控板手势

Mac 的触控板比你想象的还要强大。试试这些手势：

这是所有者的截图

三指拖动：在****系统设置>辅助功能>指针控制>触控板选项中启用此功能，可轻松移动窗口。
**捏合缩放：**使用两根手指放大或缩小图像或网页。
**使用 Force Touch 快速查看：**在 Finder 中用力按压文件即可预览它，而无需打开它。

自定义菜单栏图标

菜单栏可能会变得混乱，但您可以重新组织它。

按住Command并拖动图标来重新排列它们。
将图标拖出菜单栏即可将其删除。

磁盘实用程序功能

磁盘实用程序不仅能格式化驱动器。您还可以：

创建磁盘映像：转到文件>新建映像以创建文件夹的加密备份。
修复权限：使用急救来修复磁盘错误和权限问题。

文本替换，打字更快

通过创建自定义文本快捷方式来节省时间。

转至系统设置>键盘>文本替换。
添加快捷方式，例如“omw”表示“在路上！”或“eml”表示您的电子邮件地址。

隐藏的终端命令

终端对于高级用户来说简直就是金矿。试试以下命令：

**说：**输入文字say "Hello, World!"让你的 Mac 说话。
**Caffeinate：**输入caffeinate以防止 Mac 进入睡眠状态。
**显示隐藏文件：**输入defaults write com.apple.finder AppleShowAllFiles YES并重新启动 Finder 以显示隐藏文件。

快速访问系统信息

需要检查你的 Mac 的规格吗？

单击左上角的Apple 标志，然后选择****“关于本机”。
要了解更多详细信息，请单击**“系统报告”**查看从 RAM 到连接设备的所有内容。

秘密表情符号组合

您是否知道可以将表情符号组合起来用于娱乐或实用目的？

使用命令 + 控制 + 空格打开表情符号选择器。
组合表情符号，例如 🎉 + 🎂 用于庆祝生日或 📅 + ⏰ 用于提醒。

结论

你还知道哪些 macOS 的隐藏技巧吗？如果有，请在评论区告诉我和大家，不吝赐教！

Mac安装微信4.0报错怎么办？常见问题排查与解决方法

Mon, 07 Apr 2025 11:58:20 +0800

最近微信桌面版推出了v4，这里尝试安装发现还是遇到了问题，这里记录下。

v4新版本

微信电脑客户端这次更新，基本把功能补全了，手机端能干的，电脑都能干，手机端不能干的，电脑端也能干。
当前新版已经是正式版，因此不用担心稳定性。

这里贴下下载地址，新版v4，当前Mac版未上架商店，因此无法通过AppStore更新进行安装。

微信桌面版v4下载地址

安装报错

The operation can’t be completed because some items had to be skipped.For each item, choose File > Get Info, make sure"Locked" is deselected, and then check the Sharing &Permissions section. When you are sure the items are unlocked and not designated as Read Only or No Access, try again.

解决办法

先删除老版，注意可以先不要清空回收站，避免出现问题时可以恢复。删除后重新进行安装，会发现OK了。

个人测试发现聊天记录之类的并没有丢失。

为什么会出现这个问题

翻了下网上，发现该报错主要是在删除文件时会有该问题，而这里微信安装新版，本质也牵扯了老版本的删除，因此会出现该问题。

写到最后

如果有上述问题，可以参考下解决办法。

iPhone短信同步到Mac失效问题排查

Sun, 06 Apr 2025 18:00:20 +0800

最近入了个MBA，但是发现短信并没同步到新Mac上，于是开始排查问题，发现这个问题还是挺常见的，因此记录下。

问题排查

Mac端打开iMessage，确定iCloud短信同步已开启
iPhone端打开设置-Apps-Messages，确定Messages已开启，同时Text Message Forwarding中开启对应的设备。

问题解决

上述问题排查中发现我这里的问题是因为iPhone端没选择将短信forward转发到该Mac上，点击后，重新发起短信，发现OK了。

写在最后

短信同步功能对于我来说还是很常用的，比如登陆网页，Mac端直接唤起Alfred读取短信验证码，回车即可填写到网页中，非常方便。大家也可以试试。

OpenEmu连接Xbox手柄

Thu, 20 Mar 2025 00:00:00 +0800

Mac下OpenEmu玩游戏，如果直接使用键盘操作，会很不方便。手上有Xbox游戏主机，查询后发现Xbox手柄可以连接Mac来玩OpenEmu的小游戏。这里mark下操作步骤。

Mac蓝牙连接Xbox手柄

打开Mac的蓝牙设置，选择添加设备。
在Xbox手柄上按下配对按钮，Mac会自动搜索到Xbox手柄。
搜索到后，选择Xbox设备进行连接。

OpenEmu控制器选择Xbox手柄

打开OpenEmu，选择设置-控制器，输入设备选择Xbox手柄。
根据使用习惯，给每个操作设置按键。
设置好后，即可使用Xbox手柄玩游戏。

写在最后

实际使用下来，手柄玩游戏还是更有感觉。

Screen Studio 使用指南：Mac 最佳屏幕录制工具

Wed, 12 Mar 2025 00:00:00 +0800

简介

Screen Studio 是一款功能强大的屏幕录制工具，仅支持 macOS。它可以帮助用户轻松录制屏幕上的操作，并生成高质量的视频文件。最近因为有视频录制需求，入了永久版229刀，使用后感觉还不错，分享下使用心得。

购买

Screen Studio 提供两种购买方式：

永久版目前官方已经下架，仅支持订阅
订阅制(年订阅/月订阅)

个人更推荐永久版，当然也是真贵。现在没有永久版的话，建议年订阅更优惠

嫌贵，折扣码？

以年订阅为例，108USD/年，推荐走闲鱼/ 等官方活动找折扣码，比如6折折扣码，这样能省不少钱。

比如我搜到的这些店铺，就有折扣码，还在的话，可以考虑，省点算点呗。

折扣码输入位置👇

支付支持Visa/PayPal

PayPal有中国区，如果直接直接Visa支付有错的话，推荐使用PayPal支付。PayPal绑定国内Visa卡即可。

支付问题/支付报错？

支付失败卡方式支付，走的是stripe，stripe是国外服务，如果出现支付异常，也没什么报错，建议打开浏览器控制台，估计是有报红色错误信息，一般只能是网络问题，建议使用代理/换浏览器/换设备等总之多试试，我身边很多小白用户会遇到这类问题。

不会支付？

你自己可以找人协助，但本质是你的问题，visa支付很常见，早晚会遇到的，支付自由也是个问题，个人认为必须解决。

下载

Screen Studio没有上架App Store，需要到官网下载。官方App支持Intel和Apple Silicon芯片。

注意以下站点非官方，为破解盗版网站，破解的同时还进行销售，很可耻的行为。推荐支持官方正版，👆。

认准下面这是盗版，👇 ❌ 🗑️，如下站点官方已经在咨询律师维权了，可惜国内维权成本太高。

Windows支持？

不，官方无计划支持Windows

Beta版-新功能尝鲜？

如果像尝鲜新功能，可以使用Beta版，当然弊端也就是稳定性可能不如正式版。

https://screen.studio/beta

使用技巧

这里介绍下我常用的功能点。

录制其它设备

iPhone/iPad录制

以iPhone为例，官方数据线连接Mac和iPhone，打开Screen Studio，选择录制对应iPhone，如果手机提示信任Mac，点击信任，然后点击开始录制。

注意实际测试我用第三方数据线连接发现有识别不到的问题，如果你也遇到同样的问题，可以尝试使用官方数据线。

AppleTV录制

需要搭配QuickTime进行录制即可，1是可以quicktime录制后再搭配剪映处理，或者直接screen studio窗口录制直接选择quicktime的AppleTV窗口进行录制均可。

降噪

平时录制时候其实是有环境噪音的，Screen Studio提供了降噪功能，可以在编辑时候打开降噪功能，效果还不错。

导出

注意：Screen Studio 支持导出GIF。

共享链接

假如想共享视频给其他人，官方有提供共享服务，本质就是视频上传到官方服务器，生成一个链接，方便快速分享给其他人。

注意

视频时长限制在10min。
共享链接无权限设置，任何人只要有链接，就可以浏览，但不可下载。

快捷操作

快捷键

Screen Studio官方内置了快捷键，可以快速操作，同时支持自定义。

RayCast/Alfred

如果热键不习惯记忆的话，也可以考虑使用RayCast/Alfred快捷操作。

我个人更倾向于直接使用热键和GUI点击操作。

个人喜欢的点

实际使用一段时间后，我觉得几个点比较好：

App交互体验/颜值很棒。
使用简单，比如自动添加焦点缩放，解决我平时录制视频，因为整体内容分辨率高，导致的重点内容不突出问题。
功能完善，比如支持导出GIF，我个人有强烈的该需求。
支持iPhone/iPad录制，且很漂亮。

目前的不足

GUI不支持语言设置，默认为英文，无法设置为中文。关于国际化，我咨询过官方team，他们目前没计划支持，该功能低优。
非跨平台，不支持Windows和Linux系统。这点对于非Mac用户比较可惜。
自动生成字幕质量太低，目前我选择走其它App服务解决。
导出视频太慢

问题反馈

写在最后

有该类需求，且有预算的同学还是推荐Screen Studio。

苹果系统下的屏幕时间

Fri, 07 Mar 2025 00:00:00 +0800

今天一个朋友问我，苹果系统下的屏幕时间统计图表中的灰色柱状图是什么意思。我实际上也不太清楚，所以就查了一下，这里就记录一下。

灰色柱状图

实际查询和分析。这里说下我个人的理解。灰色柱状图表示的是你使用 App 的时间，但是这个时间并不是你实际使用 App 的时间，而是苹果根据你 App 的使用情况推测的时间。

1Password使用指南

Fri, 31 Jan 2025 00:00:00 +0800

使用1Password 多年了，这里整理一下1P的使用方法。

更新

当前版本已更为如下，以下教程仍适用

1P Mac v8.10.58
1P iOS v8.10.58

使用目的

先说下在没使用1Password之前，关于密码管理，我都有哪些痛点

每个网站由于安全要求会存在密码复杂度要求，比如密码长度、密码字符要求比如需要特殊符号等，这些不同导致密码很难记住。每个网站如果不一样的话，那么要记录的就更多了。
每次登录网页，还需要手动去找下账号密码，然后再拷贝输入。
设备多元化，比如iPhone/Mac/ATV/安卓手机等等需要解决不同设备如何高效管理/使用密码。

方案的进化

采用1P之前，我也是经历了方案的迭代。

第一阶段: 多网页采用同一账户密码，但随着网站越来越多，越来越复杂，决定了网页不可能一样，另外部分网页也要求必须2FA。
第二阶段：使用Excel记录，但Excel的密码是明文，安全性不高，同时还是密码生成，填写等工作还是需要自己来。
第三阶段：调研了一些密码管理器后，最终选择了1Password。目前还算满意。上述的痛点目前都解决了。

短期内来看，1Password已经满足我的需求了。下面我就说一下1Password的使用方法。

下载安装

1Password支持多平台，包括Mac/iPhone/iPad/Android/Chrome/Safari等。

我这里因为个人设备情况，目前只安装了如下几个平台的1P

这里以我自己的习惯，说下关键的一些配置/使用方法。

Mac端

开机启动

1P因为是高频使用的软件，所以建议开机启动。

设置路径：General->Start at login

关闭所有快捷键

1P中的预设热键是全局系统热键，经常与其它App有冲突，这里我建议关闭。
日常使用中都是按键点击网页中的1P图标或者邮件选择1P功能即可。

Touch ID

1P支持Touch ID，Mac如果支持，都建议开启。手动输入密码解锁1P太麻烦了。

Apple Watch

如果使用的Mac不支持Touch ID，比如Mac Mini，那么可以考虑使用Watch解锁。

Mac Setting中，开启Watch解锁。
1P-Security中，开启Watch解锁，如果看不到该选项，则需要确认下1是否已正确开启。

option切换显示/隐藏字段

默认1Password是不显示密码的，建议开启该设置，这样按着option就可以显示密码。如果不考虑安全性的话，也可以开启总是显示完整密码。

个人建议，不要总是显示密码，选择option显示即可。

设置路径：Security->Concealed fields->Hold Option to toggle revealed fields

Universal剪贴板

1P支持Universal剪贴板，比如你在Mac上复制了账号密码，然后在iPhone上粘贴，非常方便。

设置路径：Security->Clipboard->Use Universal Clipboard to copy to other devices

测试版尝鲜

尝鲜党可以考虑开启走测试版，但稳定性会弱些。

求稳定，个人建议选择默认生产即可。

设置路径：Advanced->Release Channel->Production,建议勾选自动更新

热键

1P本身有提供热键，以下是我常用的。

官方文档戳这里

操作	快捷键
显示密码	⌥
搜索	⌘ F
复制密码	⇧ ⌘ C
切换安全字段隐藏状态	⌘ R

Chrome拓展

Chrome拓展是搭配Mac端使用，本身并不需要什么设置，更多是会用即可。这里有如下几个常用的操作。

选择保存

本身在登陆时很多网页下会提示自动保存，如果没有的话，手动点击下保存即可。如果有识别不正确的字段，可以直接修改或之后再修改。

选择密码生成

在新网页注册账户时，需要填写自定义密码，这时可以利用1P的密码生成器，默认生成的密码不合适的话，可以点击生成器控制生成新的密码。

更新

Chrome拓展是自动更新，因此不必担心。

iPhone端

iPhone端的很多设置与Mac端类似，维持一样设置即可。除此之外，有几个需要注意的设置

个性化设置面板

iPhone端支持设置首页显示的内容，可以按照需求直接设置即可。

自动填充密码

通过iPhone设置，可以将自动填充密码来源设置为1Password。这样在App/网页中可以选择1password账户密码进行填充。

设置路径：Settings->General->Autofill & Passwords，

1P vs 其它竞品

类似1P的密码管理服务有很多，比如Apple Passwords/LastPass等。不过目前我并没有用过其它服务，且短时间内也不会考虑迁移。

但基于个人经验有以下观点，仅供参考。

如果是免费党且为Apple用户，可以考虑Apple Passwords，毕竟不需要二次付费。如果是可以接收适当付费用户，且可能有非Apple设备，目前推荐1Password。如果觉得价格高，可以考虑走拼车。如果是不信任第三方服务，可以考虑自建密码管理服务。

写在最后

到此关于1P的使用就这些了。

Chrome下查看关键性能指标

Wed, 08 Jan 2025 16:19:54 +0800

前端需要关注一些关键性能指标，这些指标可以帮助我们了解网站的性能状况，并进行优化。

Google有提供一个工具，可以查看网站的性能指标，并进行优化。 https://pagespeed.web.dev/

除了在上述网页看，实际在Chrome浏览器中，也可以查看这些指标。

TTFB

Waiting for server response即是TTFB指标

network下，找到宿主HTML的请求，在timing中，Waiting for server response即是TTFB指标

FCP

LCP

INP

衡量网页对用户互动的响应速度，是一项重要的响应性指标。

CLS

Alfred获取本地网络信息

Sat, 21 Dec 2024 13:41:08 +0800

平时需要能够快速查看我的网络代理信息和公网IP信息，为了方便这里做个workflow来解决下。

效果

下载地址

实现细节点

网络信息的获取只要是依赖以下几个命令

网络代理信息获取

networksetup -getsocksfirewallproxy "Wi-Fi"
networksetup -getwebproxy "Wi-Fi"
networksetup -getsecurewebproxy "Wi-Fi"

获取公网IP信息
```
curl ifconfig.me
```

写在最后

有了这个workflow就可以快速查看本地网络信息了。

注册WhatsApp

Thu, 19 Dec 2024 00:00:00 +0800

ChatGPT支持在WhatsApp中聊天了。因为之前也没注册过WhatsApp，这里为了体验ChatGPT，借机会注册下。

前提条件

我手机已经插入了一张Giffgaff英国手机卡。这里尝试使用这张卡的手机号来进行注册。

操作步骤

关闭Wi-Fi
关闭Surge代理工具
打开Giffgaff蜂窝数据，设置蜂窝数据走Giffgaff

选择UK，填写手机号
点击发送验证码
填写验证码
到此就成功了

常见问题

We couldn’t send an SMS to your number. Please check your number and try again in 1 hour.

当接收到该提示，意味着IP不行，这里因为是英国手机号，因此需要是英国网络环境。可以尝试全局代理到UK，我这里选择是走该手机号的蜂窝数据来解决网络环境问题。

Fantastical使用指南

Fri, 29 Nov 2024 00:00:00 +0800

Fantastical已用多年，最近看到出Windows版了，激动之余，决定整理下我经常使用到的功能。

跨平台

我目前主要使用以下几个平台。

Mac
iPhone
Apple Watch付费要求，如果没有开启Premium订阅无法使用。

Fantastical也是支持iPad和Windows，只是目前我并不常用。

注意

除了AW端，其它设备都是可以免费使用Fantastical，只是功能有所限制。

我自己的付费情况

Mac版是之前我买断的Fantastical2，之后升级到了3，当前并没有订阅Premium，因为价格太贵。
iPhone版使用的免费版，但为了尝鲜Apple Watch，这里我使用Hack方案- Surge解决的。

聊完了跨平台，介绍下我常用的几个功能吧。

自然语言输入

这个是亮点功能，但注意Fantastical并不对中文友好，因此建议直接习惯走英文语法吧。

语法

（Task）事件 with 人物 at 地点 on 日期与时间 提醒 URL 链接 日历名

举几个例子

1. 游泳 with lily on tomorrow at shuilifang

2. 开会 on 4/1 2023

3. 小组周会 every monday 12:00

如果是日期就用on，地点就是at，with可以唤起contact添加联系人。
地点如果想唤起地图位置的话，需要用拼音，如果单纯不想被识别为地址，直接中文即可。
重复创建的话，注意使用every。

习惯以上的语法后，你会喜欢上这个feat。

日历订阅

平时除了添加事件，我还想查看法定节假日，那么这时就可以使用添加日历订阅了。

同步功能属于付费功能，免费版的话，需要各个终端手动再次添加日历订阅

推荐一些日历，比如中国节假日

Mac端-热键

Mac侧的话推荐设置定义热键，比如我这里设置为⌥⌘X。这样可以随时唤起日历小窗。
无论是小窗还是大屏窗口下，都可以使用⌘+和⌘-进行文字大小的缩放。

iPhone端-自定义组件

当iPhone侧安装了Fantastical的话，个人建议可以删除自带的Calender了。同时推荐使用Fantastical小组件。

Apple Watch端

当iPhone侧Fantastical有会员权限了，则可以通过iPhone Watch应用安装Fantastical。安装后可以在表盘上设置显示Fantastical的一些信息，比如日期。

写在最后

当然上述提到的也只是Fantastical的部分功能，但对于我来说目前还足够。同时Fantastical的颜值体验没得说，因此个人还是很喜欢。

iPhone News地区限制怎么解除？Surge配置教程

Wed, 06 Nov 2024 00:00:00 +0800

部分App锁定区域，比如Apple News，当直接访问时会出现区域限制的提示，本文介绍如何搭配Surge实现解除区域限制。

设置-通用-语言与地区

访问设置，修改地区，推荐修改为美国。

Surge安装如下模块

News模块默认使用的代理名称为🇺🇸美国。如果需要修改代理名称，可以修改脚本变量为自己的代理名称。

开启Surge代理

同时开启如下服务

开启MitM
开启HTTP Rewrite
开启Scripting
开启上述安装的2个模块

打开飞行模式

原因是该类App会利用SIM卡进行定位。仅走Surge代理，并不能解决问题。

打开Maps

如果地图显示为非高德地图，那么说明定位已经成功。

访问News

访问News，如果没有再提示禁用信息，同时正常显示了新闻资讯，那么恭喜成功了。但注意目前来看飞行模式需要长期打开，否则还是很容易刷新失效。

Live Activity

News支持Live Activity，可以实时查看新闻。如果需要开启，可以进入设置 - News - 开启Live Activity。

写在最后

流程繁琐，但可以解决此类App问题。如果有人有更好的方法，欢迎留言交流。

Chrome因为样式而导致网页崩溃问题

Thu, 24 Oct 2024 22:55:44 +0800

问题

Chrome下访问网页正常，但当打开开发者工具时，网页直接崩溃掉。如果在开启开发者工具的情况下，刷新页面仍然崩溃。当关闭开发者工具的情况下进行刷新时页面是正常加载运行的。

版本：Chrome v130.0.6723.70。版本v129下正常。

分析代码

实际测试发现，当注释掉如下代码是正常的。

::-ms-scrollbar { display: none; }

解决办法

直接切换成使用

scrollbar-width: 0;

问题复现地址

访问👇地址可以测试复现。

https://alanhe421.github.io/test-page/web-crash.html

Mac下压缩遇到的ZIP包非法问题

Thu, 10 Oct 2024 00:00:00 +0800

Mac下选中文件夹，右键选择压缩，生成的ZIP包在提交到Chrome商店时候是有报错。

There was a problem uploading your file. Please try again. Invalid package. Please make sure it is a valid zip file and the file manifest.json is at the root directory of the zip package.

按照报错提示。

ZIP包不合法。
ZIP包根文件夹内没有manifest清单文件。

排查

手动解压问题包，查看是有manifest的，因此只可能是问题1了。Mac自带解压工具解压发现包是可以正常解压的，同时尝试使用其它压缩软件，比如Keka或者CLI ZIP命令发现是没有问题，因此确定是Mac下压缩工具存在差异。

利用jszip读取ZIP包内容，对比发现问题包中是多了个__MACOSX，查询发现其作用如下。

解决办法

使用ZIP命令或者第三方压缩App，比如keka。

结论

推荐使用命令或其它压缩工具解决压缩问题。

至于本地可以正常解压，但Chrome应用商店上传就报错的，是否也说明Chrome侧有问题，这个目前我是提了工单，还在进一步沟通中。

iPhone Mirroring是什么？Mac镜像iPhone功能使用指南与限制说明

Mon, 07 Oct 2024 21:34:35 +0800

深度体验iPhone Mirroring有一段时间了，目前算是日常都会使用的功能了。这里Mark下我的使用经验。

要求

先说下使用该功能的主要前置条件

macOS需升级Sequoia 15，且必须是M系列Mac。
iOS需升级到iOS18。
iPhone/Mac需蓝牙和Wi-Fi打开。

总之Mac/iPhone均升级到最新版系统即可。

使用

还是Apple一贯的交互，非常简单。

iPhone处于锁屏状态。
Mac上访问iPhone Mirroring应用，按照指示进行连接即可。
连接成功后即可正常使用了。
- 需要注意，当iPhone处于解锁激活状态，iPhone Mirroring不可用。
- 实际使用中，光标替代了iPhone下触屏手势。

技巧

注意快捷键的使用，这样可以快速切换到主屏，变换屏幕大小等。当前支持的快捷键如下。
镜像后消息通知会同步到Mac通知中心，可以直接点击唤起iPhone Mirroring
镜像中经常需要切换输入法，这里有热键可以唤起输入法切换。在输入状态下，双击FN即可出现输入法切换选项。
文件拖拽
- 支持iPhone镜像内，在Files下拖拽文件到Mac中。
- 同时支持直接拖拽Mac文件到Files内。
登录认证

注意，这里如果每次寻求Mac认证，则每次都会唤起Mac的认证方式，假如Mac也配置了Apple Watch认证，则每次都会弹出Apple Watch认证。如果选择第二种认证方式，则每次会免认证。第二种方式非常方便，但带来的唯一问题是Mac则无法配置锁屏免密码。即如果开启了该设置，Mac设置中锁屏免密码设置会自动从Never变为其它设置。因此如果是不想Mac有锁屏保护密码，则只能选择第一个。

目前缺点

部分功能还无法使用，比如相机/麦克风，因此拨打电话等功能还无法使用。
镜像后滚动屏幕还是体验差些。

写在最后

虽然iPhone Mirroring还有一些缺点，但已经很高完成度了。

有了它，我们可以在不离开Mac的情况下高效操作手机。总之，这个功能个人认为是新版macOS最酷的功能了，推荐大家尝试使用下。

多邻国使用指南

Sat, 13 Jul 2024 13:15:45 +0800

今年喜欢上玩多邻国，虽然谈不上提高了多少，但巩固了下基础词汇，训练了下听力挺好的，并且也并没有花费多少时间，平均1天也就十几分钟到几分钟。

这里介绍下我是如何使用多邻国的。

平台

多邻国是跨平台的，Android，iOS，Web网页均支持，无Mac版。

我个人主要是用iOS版，其次是Web版。

免费/付费？

免费可以使用，但会有广告，且红心有限，即无法每日一直刷下去。

如果需要会员的话，这里推荐拼车加入家庭会员，比如我这里加入了一个家庭，拼车后，38CNY/年，会员主要福利如下。

个人建议先玩一段时间，如果觉得需要的话，再开会员，轻度玩家，不开会员也是可以玩下去的。

使用说明

无论是通过Web还是App，注册账号后就可以使用了。

课程

首先是选择学习语言，填写当前的语言情况。配置每日学习强度，就可以愉快地开始学习了。

注意:学习中如果想删除该课程重新设置，需要在Web网页版中进行操作

https://www.duolingo.com/settings/courses

等级排名

督促你进步的就是排名，北京时间每周日下午5点左右结束排名，处于跃升地带的可以顺利升级到下一个等级，滑降地带的自动降级，中间的可以维持当前等级。因此为了升级需要不断进步。

如图我即处于滑降地带，而本周只剩1天了，如果还在滑降地带，则会降级到上一个等级。

添加好友

推荐将自己认识的好友进行添加，这样彼此可以督促下学习，也会有一些好友联盟之类的，可以一块做任务拿奖励。

但注意，添加的好友即使大家在同一个等级，并不一定在同一个排行榜上。目前推断这个是随机匹配的排行榜。

头像

在个人档案中可以设置虚拟头像。
有趣的是，排行榜上头像上会有静态或动态的小表情，这个是状态。可以点击自己头像的小表情弹出后可以进行设置，动态状态动画是需要钻石购买。

钻石

有了钻石可以买加时等道具，比如在玩连线单词时，总是时间不够。钻石的获取有两个方案。

免费方案，即完成任务，解锁成就等都可以获取一定的钻石，推荐通过学习购买。
付费方案，即单独付费购买，这里并不推荐。

注意：在完成学习任务时，我们会解锁很多成就，个人档案-成就中点击解锁的新成就可以获取一定的钻石

多邻国考试

上述提到的都是多邻国的App语言学习，但除此之外多邻国还有真正意义的语言类测验，这个语言考试认证被全球很多大学所承认，还是很厉害的。我个人还没开始玩，权当了解下吧。首次体验是免费的。

https://englishtest.duolingo.com/

写在最后

之前看过一个采访多邻国创始人的视频，多邻国的使命就是让大家都免费/轻松的学习语言，因为创始人自己并不是美国人也吃过学语言的苦。所以现在能玩到这么有趣的语言学习App也就难怪了，👍。
多邻国作为全球No1的语言学习类App还是挺棒的，推荐大家玩起来，学起来！

Caddy使用说明

Sat, 16 Dec 2023 00:00:00 +0800

Caddy相较Nginx更为简单，做服务器代理太方便了，尤其是HTTPS证书获取。这里记录下常用操作。

安装

推荐走包管理器安装，比如Mac下

brew install caddy

CentOS7如下

yum install yum-plugin-copr
yum copr enable @caddy/caddy
yum install caddy

Ubuntu如下

sudo apt install -y debian-keyring debian-archive-keyring apt-transport-https curl
curl -1sLf 'https://dl.cloudsmith.io/public/caddy/stable/gpg.key' | sudo gpg --dearmor -o /usr/share/keyrings/caddy-stable-archive-keyring.gpg
curl -1sLf 'https://dl.cloudsmith.io/public/caddy/stable/debian.deb.txt' | sudo tee /etc/apt/sources.list.d/caddy-stable.list
sudo apt update
sudo apt install caddy

其它OS安装见 https://caddyserver.com/docs/install#install

常用命令

# 启动服务
caddy start --config ./Caddyfile

# 格式化
caddy fmt --overwrite

# 停止服务
caddy stop

例子

反向代理内网服务

127.0.0.1:3001 {
 route /xyz* {
 uri strip_prefix /xyz
 reverse_proxy 127.0.0.1:8080
 }
}

反向代理外部服务

example.com {
 reverse_proxy /v1/chat/completions https://api.openai.com {
 header_up Host {upstream_hostport}
 }
}

静态资源

1991421.cn {
 root * /var/www/blog/public
 file_server
}

写在最后

更多资料推荐查看官网 https://caddyserver.com/docs/caddyfile

浏览器的userAgent

Sun, 24 Sep 2023 23:38:59 +0800

userAgent再熟悉不过了，但具体怎么用，能做到和做不到哪些呢，这里Mark下。

访问方式

前端网页的话，可以使用alert(window.navigator.userAgent);
服务端的话，可以使用req.heades[user-agent]

userAgent中不包含的信息

虽然利用UAParser可以方便的使用结构化处理后的ua信息，但受限于ua信息本身情况，因此我们也只能获取部分有价值的信息。

userAgent中可以获得浏览器名称，浏览器版本，设备类型，CPU，OS版本等信息。但不包括设备硬件细节，比如内存大小
userAgent中携带的OS版本并不一定正确，比如我现在在一台MacOS Sonoma 14.0下测试，发现UA中携带的OS版本是10.15.7

userAgent中有多个浏览器信息？

以如下的2个例子来说明

开头Mozilla可以理解为固定前缀，不用管，AppleWebKit为当前浏览器中使用的渲染引擎，接下来的是真正的浏览器及版本，第一个chrome之后有Safari说明Chrome兼容了如下的Safari。


# Chrome
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/117.0.0.0 Safari/537.36


# Safari
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.0 Safari/605.1.15

N1旁路由使用

Sat, 23 Sep 2023 00:00:00 +0800

最近搬家了，也重新换了下主路由器，为了解决下家里部分设备的访问问题，这里重新搞下N1作为旁路由。

这里Mark下

新路由器下先确定N1的固定内网IP，比如我这里设置为192.168.5.200
在老路由器连接N1的情况下，访问N1，修改IP地址，网关，自定义DNS即主路由IP信息
N1连接新路由器，访问新的IP地址
N1下配置openclash
对应设备比如NS，选择手动配置IP地址/子网掩码/网关/DNS信息即可

这样如果是需要科学上网的设备，如上进行手动配置即可。当然走Surge DHCP也不错，这里因为考虑稳定性，我还是选择走N1-旁路由方案了。

Telegram使用指南

Sat, 27 May 2023 23:25:20 +0800

介绍

Telegram是一款免费的即时通讯应用程序，类似于微信。但Telegram有丰富的组/频道/机器人，开放的API也使得很方便创建自己的，同时比较自由。因此工作之外，TG是个很好的获取资讯和提升效率的工具。

注册

推荐使用国外手机号，比如走Google Voice号码注册

常用设置

Proxy

如果系统代理等有问题，也可以在TG层面直接进行代理设置，解决网络问题
Username设置为空，避免接收匿名人发送信息

2022年入手利器

Sun, 01 Jan 2023 00:00:00 +0800

本身周边软硬件服务也趋于完善，今年没多少更新换代。

Anker GaN2 65W充电器

9月份入手GaN2 65W三口充电器，价格135RMB，对比Mac自带电源小巧的多，另外多插口，也可以方便手机，iPad使用。个人挺喜欢。

这里贴个 JD链接，详情查看这里

小巧的电源设备方便出行携带，目前喜欢用Anker这款，旅行的话考虑到酒店一般插座不是很方便，还可以再搭配公牛/飞利浦的插座

无印良品懒人沙发

2月份入手，平时躺着晒太阳使用，很有弹性。

购买前参考了网上提到的小米/网易严选等多品牌，最终决定入手无印，实际使用觉得值
无印沙发套较贵，可以单独买其它品牌的，平时更换使用

Xbox Series S

4月份入手日版，价格2100RMB。实际使用可以互补NS，拿来玩大作，个人目前主要玩光环。

OpenWrt

10月份入手了斐讯N1路由器，价格146RMB，买家已经刷了OpenWrt，因此买回来后配置下OpenClash代理节点，就可用了

目前我采用网关模式解决部分设备的科学上网需求。比如AppleTV，NS，设备连接还是原Wi-Fi，只需要修改网关和DNS
N1现在炒作的贵了，且个人觉得配置也一般。因此更推荐买个好点的路由，或者NAS开docker刷OpenWrt。我这里因为省事且目前性能需求不大，因此直接买了成品N1
OpenWrt把玩还是需要一定动手能力和网络知识，因此建议爱折腾的伙伴入手

Spotify

今年7月份，一番考虑后在放弃QQ/YouTube音乐App，决定使用Spotify，就冲这个App体验，设计就给满分，觉得很舒服。当前拼车方案解决订阅问题，7RMB/月。

有关Spotify注册使用可参考之前总结的

Affinity Photo 2

11月份入手，价格263RMB。一直很喜欢PS，但价钱太贵，于是选择Affinity Photo，功能类似，热键体验也可以接受，因此目前使用它解决基本作图需求。

写在最后

以上仅为个人推荐，感兴趣可以一试。

Chrome商店发布拓展插件

Thu, 22 Dec 2022 21:58:41 +0800

操作走商店上架还是遇到了些问题，网页提示是不准确的，因此这里记录下操作过程。

商店开发者平台地址，点击这里

支付5美元注册费用，成为拓展程序开发者
- 需要visa卡
- 地区不支持中国大陆，选择香港，填写fake地址即可
点击上传新内容，按照要求填写即可
- 上传文件类别为zip

官方说法几个工作日，因为当前疫情，还是慢了点，我的应用审核花费3天，但有时1天就好，具体看运气。

准备材料

贴下关键的一些材料

商店图标
- 128x128
屏幕截图
- 不得多于 5 张
- 1280x800或640x400
- JPEG 或 24 位 PNG（无 alpha 透明层）
- 不得少于 1 张

提交审核

提交审核除了填写申请表单外，注意联系电子邮箱添加及验证，该邮箱并不是Google账号下的邮箱配置而是商店-账号下的配置。

离线安装

上传签名后，生成CRX打包签名程序文件。下载下来后，在开启开发者模式时，是可以离线安装的。

关于App URL Scheme

Sun, 16 Oct 2022 00:00:00 +0800

最近使用北京易通行扫码坐公交地铁，为了更高效些，开始调研是不是能够做到一键弹出地铁码/公交码，毕竟每次找到App=>启动App=>切换到对应乘车码，这样一套操作还是很麻烦的。

一键唤起App的具体页面功能，该需求能实现的本质就是个URL Scheme，因此关键就是能不能拿到这个信息了。

先说结论，最终我只能实现一键唤起易通行App，即RuubyPay://，而具体地铁码/公交码页面并不行，原因是查不到具体功能/页面的介绍SDK，或者没有猜出来。虽然没有彻底解决，但至少搞清楚了寻找指定App URL Scheme的一般方法了，以后有此需要就这么来搞。

基本方法

Google/GitHub检索

首先还是万能搜索大法，毕竟别人很多都想到和找到了，比如微信扫码weixin://scanqrcode
官方文档

好点的软件对其URL Scheme支持是有系统介绍的，比如Surge/Things等，通过官方文档就可以了解能支持到什么程度。这点微信，美团之类的都没系统的介绍，基本都靠网友自己去找了，这点差评。
iMazing等软件查看app中的info.plist，如果是Mac App的话，直接finder中查看app内容即可，不需要第三方App

info.plist中检索CFBundleURLSchemes关键词，具体数组值即Scheme

很多App对应网页版经常有点击跳转到对应App，这个跳转链接就是URL Scheme，抓取到网页内容中的该链接即可。比如腾讯会议的网页链接中的一键加入会议，又比如招商银行的活动页，一键打开，通过简单的调试就可以得到URL Scheme。

注意

Scheme区分大小写，比如RuubyPay://可以唤起易通行，而rubbypay://报地址不对
一个App的Scheme支持多个，也可以没有，这点完全取决于App开发者
info.plist这种办法只能解决唤起App，但是具体页面路径不得而知，因为该部分并不在该文件中提前定义，而是具体代码中实现。具体页面除了SDK/网页代码中抓取，就只能猜了。Scheme正确而路径错误的情况下App是可以正常被唤起，只是无法执行对应动作。
苹果系统下，iPad/iPhone/Mac均有Scheme支持

特别用途- check目标App安装状态

URL Scheme除了可以用于快速换起某App/具体功能之外，还有个特殊用途即可以查询某App是否安装。

使用方法

info.plist中声明这些App需要查询

注意URL Scheme query的数量限制为50

<key>LSApplicationQueriesSchemes</key>
<array>
 <string>myapp1</string>
 <string>myapp2</string>
</array>

代码中调用，根据返回值true/false来确定App是否安装

UIApplication.shared.canOpenURL(URL(string: "myapp1://test")!)

题外话

之所以了解到该用法是因为taio作者利用这个能力检查用户是否装了Surge类MitM工具进而导致被用户喷。做法虽然过分，但技术无罪，了解下无妨。相关讨论贴见大家是怎么看待 Taio 的这种行为的

关于代理

Sun, 04 Sep 2022 15:53:19 +0800

代理是个常见问题，理解好代理设置这块，可以更好的解决网络类问题。这里围绕工作中遇到的代理相关问题，整体总结。

maybe有错，欢迎斧正

什么是代理

代理（英語：Proxy）也称网络代理，是一种特殊的网络服务，允许一个终端（一般为客户端）通过这个服务与另一个终端（一般为服务器）进行非直接的连接。一些网关、路由器等网络设备具备网络代理功能。一般認為代理服务有利于保障网络終端的私隱或安全，在一定程度上能够阻止网络攻击。

摘自WIKI

几类代理

我们平时会遇到这么几类软件，他们都充当着代理角色

常见代理软件
- 这些代理软件加持下，我们可以访问内网一些服务/访问日常404的谷歌/GitHub
- 举例子
  
  A rule-based tunnel in Go. 摘自Clash Repo
公司OA内置的代理服务
Whistle/Fiddler
- 按照既定Pattern，将部分请求导向另一个地址，同时也常用于抓包请求数据
- 举例子
  
  whistle(读音[ˈwɪsəl]，拼音[wēisǒu])基于Node实现的跨平台web调试代理工具，类似的工具有Windows平台上的Fiddler，主要用于查看、修改HTTP、HTTPS、Websocket的请求、响应，也可以作为HTTP代理服务器使用—-摘自Whistle官网
Nginx/Envoy

代理一台或者多台服务，以某个域名/IP形式访问
举例子

Advanced Load Balancer, Web Server, & Reverse Proxy –摘自Nginx官网

HTTP Agent/Server

An Agent is responsible for managing connection persistence and reuse for HTTP clients. It maintains a queue of pending requests for a given host and port, reusing a single socket connection for each until the queue is empty, at which time the socket is either destroyed or put into a pool where it is kept to be used again for requests to the same host and port. Whether it is destroyed or pooled depends on the keepAlive [option](dfile:///Users/alanhe/Library/Application Support/Dash/Versioned DocSets/NodeJS - DHDocsetDownloader/15-11-0/NodeJS.docset/Contents/Resources/Documents/nodejs/api/http.html#http_new_agent_options).

摘自NodeJS- HTTP模块中Agent说明

这些都是代理相关的服务，而在这几类代理服务背后的代理技术主要是以下几类。

系统代理

系统代理是什么

截图为某代理-系统代理操作开关

App本身开启了本地代理服务，其可以接受Socks/HTTP/HTTPS协议代理，针对HTTP/SOCKS，暴露出了不同端口的代理协议服务
在系统代理开启的时候会修改电脑的代理设定

系统代理开启方式如下

当查看系统设置网络连接-代理部分会看到如下代理服务器配置

配置以后

当所有遵循系统代理设定的App中发起请求时即会走这里配置的代理服务。
当然一般也会提供bypass白名单代理设置，这样可以解决部分IP/域名不走代理的需求，比如常见的localhost。
App关闭时，系统代理设定也会随之关掉，这里的设定会清空。

手动设置系统代理

以上为App帮助进行了系统代理设置。而系统代理设置本身也支持手动编辑，因此也可以自己主动进行设置。

前端开发中常用Whistle代理服务，但Whistle本身是不修改系统代理的，这样比如我们想让部分网页请求走Whistle代理就不行。常规做法是进行浏览器代理设置，当然还有个办法就是系统代理设置。

通过手动将Whistle代理服务作为系统代理解决。比如这里Whistle的代理地址为127.0.0.1:8899，那么就将系统下HTTP/HTTPS的代理地址更改即可。这样Safari下网页访问会走Whistle代理。

注意：Whistle默认并不暴露SOCKS代理服务，如果需要使用，需要单独参数配置下，比如w2 start --socksPort 8900

部分App无视系统代理

大部分App会走系统代理，但无视系统代理的App也有很多，如Mail、iTerm2、Terminal

当开启代理后，Mac下的mail仍然无法收发Gmail邮件，因为其本身无视系统代理设定，这种无法走系统代理配置解决网络问题。当然也就无法在代理服务上抓包了。
某些代理工具针对无视系统代理这类App的解决方案是虚拟网卡-TUN，从另一个层次解决了该问题。
部分App无视系统代理问题仅限在Mac上，比如iPhone上不存在该问题。

手机系统代理？

手机上针对单个网络下支持手动配置HTTP代理，注意是HTTP代理，因此浏览器网页类操作可以走代理，但比如微信消息这类并不会走。
如果想整个手机App所有流量走代理，一般的方案是开启VPN-虚拟网卡。

虚拟网卡/TUN/透明代理

公司很多时候会提供OA客户端，但如果查看网络设定会发现，客户端并给有修改系统代理，但同时我们在登录OA客户端后可以谷歌/访问公司内网，这是因为这里客户端走了透明代理方案-虚拟网卡。当开启虚拟网卡后，即使没有系统代理仍然可以上外网。

虚拟网卡建立

当终端ifconfig查看信息可以看到该虚拟网卡，当关闭OA连接是该网卡会销毁
系统路由表配置，使得请求发包地址会是虚拟网卡地址

由此也可以了解虚拟网卡与系统代理是不同层面方案，因此也就可以确定系统代理+虚拟网卡可以并存。

浏览器代理

浏览器代理是操作系统应用-浏览器层面代理即确保该浏览器下的请求会走该代理，系统代理是针对整个系统，至少大部分App都会走系统代理

部分浏览器比如Chrome/Firefox支持单独的代理设定，这也就是为什么Chrome/Firefox下会有代理插件，比如SwitchyOmega，
Safari没有提供App层面代理设定支持，因此Safari完全会走系统代理

浏览器代理=》系统代理，形成代理链?

访问logic即目标网页<=浏览器代理<=系统代理

实验

假如系统默认网络无法访问A网页，通过系统代理配置，支持访问A，而Chrome现在代理配置走某个不支持访问A的代理服务，那么Chrome下是无法访问A的。当然比如Chrome插件配置的代理服务是本地代理服务，而本身又会走系统代理，那么当然就还是可以访问A了。

结论

浏览器代理优先级高于系统代理，并不会形成浏览器代理=》系统代理的代理链。

HTTP Agent

Agent对TCP连接进行了池化管理。简单的情况下，客户端发送一个HTTP请求之前，首先建立一个TCP连接，收到响应后会立刻关闭TCP连接。但是我们知道TCP的三次握手是比较耗时的。所以如果我们能复用TCP连接，在一个TCP连接上发送多个HTTP请求和接收多个HTTP响应，那么在性能上面就会得到很大的提升。Agent的作用就是复用TCP连接。

代理解决的实际问题-例子

钱包grpc通讯

grpc-web=>grpc

...
location / {

 # SSL
 grpc_set_header Content-Type application/grpc;
 grpc_pass grpcs://$http_x_grpc_node;

 grpc_ssl_certificate /var/www/ssl/$http_x_grpc_ssl_cert;
 grpc_ssl_certificate_key /var/www/ssl/$http_x_grpc_ssl_cert_key;
 }
...

Whistle-Safari抓包

如上提到的Safari并没有浏览器代理支持，而是完全走的系统代理，因此简单的方式是将系统代理中HTTP代理配置为Whistle即可

手机App请求抓包

如上提到的手机系统代理，我们整体有两个方案

网络代理直接配置为桌面版比如whistle暴露的HTTP代理，这样可以抓取微信小程序/移动网页/App这类请求
本身开启VPN，接管整个App的网络

动态代理-穿透访问目标机器内网Web

举🌰

const {Agent: HttpAgent} = require('http');
const {connect: tlsConnect} = require('tls');

class SSHAgent extends HttpAgent {
 constructor(connectCfg, agentOptions) {
 super(agentOptions);

 this._connectCfg = connectCfg;
 this._defaultSrcIP = (agentOptions && agentOptions.srcIP) || 'localhost';
 }

 createConnection(options, cb) {
 ...
 if (Client === undefined)
 Client = require('ssh2/lib/client.js');

 const client = new Client();
 let triedForward = false;
 client.on('ready', () => {
 client.forwardOut(srcIP, srcPort, dstIP, dstPort, (err, stream) => {
 triedForward = true;
 if (err) {
 client.end();
 return cb(err);
 }
 stream.once('close', () => client.end());
 cb(null, decorateStream(stream, HttpAgent, options));
 });
 }).on('error', cb).on('close', () => {
 if (!triedForward)
 cb(new Error('Unexpected connection close'));
 }).connect(this._connectCfg);

 ...
 }

}


axios({
 headers,
 baseURL: `http://${codeServerProxifier.url}`,
 method: req.method,
 url,
 data: bodyData,
 httpAgent,
 maxRedirects: 0,
 responseType: 'arraybuffer'
 })

补充

代理协议/请求协议

代理协议和请求协议不一样，http 代理协议可以代理 HTTP、HTTPS、WebSocket。

Whistle暴露的是代理协议+端口，即HTTP代理服务器。
Mac下的HTTP代理/SOCKS代理，是按照请求协议分，假如只配置了HTTP代理，则只能代理HTTP及HTTP兼容协议，比如WebSocket协议

Socks vs HTTP

Socks兼容其它网络协议比如HTTP
- 比如Chrome-Omega插件将代理协议从HTTP切换到Socks，指向Whistle，仍然是可以正常在Whistle侧抓包。
- 反之，HTTP并不兼容Socks
- Socks与HTTP一样是协议，同时也有版本之分，比如Socks4，Socks5

很多App中都有提供代理设定

腾讯会议

WebStorm

其它，Spotify、企业微信、微信、Alfred等

TUN全称即Tunneling

TUN是虚拟网卡的一种模式

802.1X认证-安全性

OA客户端连接时会看到网络中显示出802.1X连接，是因为客户端走了802.1X认证，其目的是为了确保连结目标网络的安全性。

OSI TCP/IP

http/websocket
grpc/grpc-web
socks

写在最后

代理是一种技术，网络分析/前端开发都是具体的一种应用。so，代理问题搞清楚还是有一定用的。

Alfred打磨之路-Remote App

Sat, 23 Jul 2022 23:22:34 +0800

Alfred除了Mac版之外，对于iPhone/iPad也有移动App版，经过一段时间使用，这里将个人的实践总结下

下载/资费

付费/4.99刀，国区有上架，不需要走外区，下载地址
未提供Android版，且作者无计划支持
remote使用并不要求Mac版必须购买了powerpack license，但想通过workflow trigger实现复杂功能的话，还是需要购买为好，因此非powerpack用户，remote可玩性不高

定位

The ultimate iOS command centre for Alfred. Your iPhone or iPad now becomes a perfect day-long companion to your Mac.

官网介绍如上，可以了解到，Alfred remote定位是Mac版Alfred的控制中心，借由remote操作桌面版Alfred下的命令/workflow，从而实现Mac的远程操作。

局限性

当前Alfred Remote没有支持同步Mac系统剪贴板，做到iOS上也有剪贴板历史支持

配置

Mac版开启Remote Server

iPhone/iPad Remote App下添加设备

如果Wi-Fi网络下寻找不到该Mac可以直接输入IP/端口添加，根据提示输入短语即可添加成功，添加成功后即可在首页面板上看到对应Mac设备

定制化remote操作面板

在Mac Alfred Remote下按需定制面板，比如添加系统命令/workflow等。添加完成后，iPhone会自动同步更新
remote系统设置

为了更好的使用remote app，推荐设置中心开启以下设置项

使用场景

这里列举下当前我的一些贫瘠的使用场景

在利用Mac看电影时，可以通过remote来操作音量或者网页滚动操作
打开常用app/网页

写在最后

一开始是冲着Alfred的喜爱购买，在吃灰多年之后，现在决定用起来，发现还是有场景需要的，毕竟可以远程操作Mac。
希望作者可以继续维护下去吧，期待能出些新的玩法/特性

iTerm2打磨之路

Sun, 12 Jun 2022 00:00:00 +0800

iTerm2相比较Mac自带的Terminal个人觉得还是很强大的，这里总结下使用中的一些设置/技巧。

App完整设置过多，这里并不一一赘述，只hightlight下我个人认为重要的一些设定

基本设定

主题推荐设置为`Minimal`

终端会有沉浸式体验，没有独立的头部工具栏

badge设置

每个profile进行badge设置，便于区分会话/机器，注意badge设定是by profile，并不对所有机器work。

缺省显示timestamp

很多时候我想知道命令执行的大概时间，因此默认开启了右侧的时间戳显示

Status bar开启

终端会话可以显示部分数据信息，比如内存占用情况/电池电量等

设置同步/保存

比如我自己有多台Mac设备，我希望iTerm2设置可以多设备自动同步，因此这里可以进行下设定，只需要将配置文件保存到iCloud的云盘，另一台Mac-iTerm2下加载即可。

多台Mac针对iterm2这里的配置要一致

无限回滚-Unlimited scrollback

有时，我们的终端输出错误很长，如果想上滚动，看到完整的输出，需要进行下设定 Unlimited scrollback

Cursor guide设定

光标所在行会有不同背景色进行高亮显示

Color Presets

集成工具

iTerm2强大除了本身这些feat外还可以再集成下以下几个工具，变的更好用

oh my zsh

zsh是很强大的shell，而oh my zsh让这一切更好用，更好看。

访问官网
安装推荐主题即可

zsh插件推荐

git
git-extras
zsh-syntax-highli
zsh-autosuggestio
autojump
jhipster
docker
docker-compose
spring
cask
macos
colored-man-pages

tmux

tmux可以解决会话保存/恢复，详细介绍可以看下我的另一篇总结，这里简单描述下

iTerm2下全局设定

目标机器安装tmux
profile登录机器时设置命令进行开启

ssh -p 22 -t root@188.146.132.160 "tmux -CC attach || tmux -CC"

Alfred

Alfred用户集成后，可以直接在输入框里输入命令后唤起iTerm2执行

拷贝脚本内容
Alfred- Features-Terminal

其它

Dynamic Profile

iTerm2下经常多服务器终端操作存在一个问题即如何复用profile配置，比如szrz的trigger支持，比如按键设置。

解决方案就是iTerm2 Dynamic Profile

配置

cd ~/Library/Application\ Support/iTerm2/DynamicProfiles
创建iterm2-profile-template.json
配置iterm2-profile-template.json，具体profile配置项，可以UI上配置一个目标的，选择导出json，拷贝需要的配置项到template文件中去
- 放置一个我的模版，供参考
UI操作拷贝目标配置项
- 选中模版profile
- 选中需要拷贝的类别项目当前profile也并非所有配置都支持拷贝
- 选中拷贝到的目标profile，支持多选

如此一来，即解决profile配置的复用问题

Dynamic Profile Parent Name

profile模版本身也支持动态继承，配置方式如上，只是多了2个字段Dynamic Profile Parent Name和Dynamic Profile Parent GUID来标明继承关系

name/guid任选其一配置即可
template中profile为list，因此需要注意配置放置顺序，父在前，子继承在后
GUID的生成可以使用命令行工具uuidgen

推荐将profile作软链接，同步到云盘，方便复用。

ln -s "$HOME/Library/Mobile Documents/com~apple~CloudDocs/conf/iTerm2/iterm2-profile-template.json" "$HOME/Library/Application Support/iTerm2/DynamicProfiles/iterm2-profile-template.json"

Semantic History

iterm2终端下点击不同文件时，执行不同动作。🚀

脚本安装，戳这里

Triggers

简单的文件上传下载使用SZRZ会比单独使用FileZila方便的多

写在最后

如何iTerm2还是很强大的吧，搞起。

Alfred实现一键加入会议

Sat, 28 May 2022 12:33:25 +0800

工作中经常使用会议App，我当前工作中使用腾讯会议，之前工作中是Zoom。

常见的场景是同事会发出来会议邀请信息，我需要这样操作，手动拷贝其中的会议ID=>手动唤起会议App=>输入会议ID，如果拷贝到输入中出现空格/特殊字符等，还需单独处理下。由此可见这个过程麻烦，因此这里考虑使用workflow优化下整个流程。

效果

选中会议信息文本，唤起text action，选择join meeting即可。当然也可以拷贝会议文本信息，唤起Alfred，输入关键词 meeting 回车。

下载链接

实现基础

唤起某个App且执行某个操作，一般是URL Scheme或者就是AppleScript。

比如腾讯会议/Zoom均提供了URL Scheme支持，所以有实现基础，但TeamViewer/Teams没有提供，所以目前无法支持。


wemeet://page/inmeeting?meeting_code=$CODE

zoommtg://$org/join?action=join&confno=$confno&pwd=$pwd

依赖NodeJS

个人相对熟悉JS，因此这里使用JS解决文本匹配转化问题。

Alfred实现一键提取短信验证码

Wed, 06 Apr 2022 12:12:12 +0800

现在很多站点服务有2FA机制，登录或者在线支付等服务都需要发送短信》接收短信后输入其中的验证码。

针对这个机制，iPhone上支持自动提取，点击即可填充，而Mac上只有Safari下有类似体验，假如使用Chrome等其它App就失去了该体验。为了解决这个不足，这里开发个workflow来优化下体验。

下载地址：戳这里

效果

如上，当发送信息后等几十秒，当短信收到后，输入2fa唤起workflow，选择验证码项，回车即可拷贝到剪贴板，⌘ + v填充到目标输入框。

注意

不同验证码有效期存在差异，因此workflow提供有效期设置选项，默认查询10分钟以内接收的短信验证码
为了保证读取Mac下短信，Alfred需要具备磁盘访问权限

原理

iPhone下可以设置接收到的短信包含iMessage均转发到Mac设备下，这样保证了Mac可以获取到验证码短信
Mac下的短信信息均存储在/Library/Messages/chat.db，Alfred设置权限读取该DB文件即可拿到短信信息
利用正则进行验证码提取

写在最后

如上操作后，方便些吧。

iTerm2下实现点击文件唤起IDE

Fri, 04 Mar 2022 00:00:00 +0800

终端下光标移动到文件路径上，⌘+click可以触发执行某个命令，比如点击一个项目文件夹，触发WebStorm，但是有时我希望不同的文件类型，触发不同的动作，这样就需要自定义脚本进行拓展。

解决方案

实现方案如下，因为个人Shell渣渣，为了方便，实际打开IDElogic使用JS编写，只是在shell中执行nodejs

贴下部分代码，完整代码戳这里

iterm2-trigger.js

/**
 * 调试脚本 ./iterm2-trigger.sh '/git/chainmaker-go'
 * 设置各种文件的默认打开程序
 * key为条件，value为执行命令，缺省使用默认打开程序
 * 项目文件夹名称命中go词汇的，使用goland打开
 */
const commandMap = new Map();
commandMap.set((_filePath) => utils.isDirectory(_filePath) && utils.suffixMatch(10, _filePath, ['.go']), '/usr/local/bin/goland');
commandMap.set((_filePath) => utils.isDirectory(_filePath) && utils.suffixMatch(10, _filePath, ['.js', '.jsx', '.ts', '.tsx']), '/usr/local/bin/webstorm');
commandMap.set((_filePath) => true, 'open');

(function init() {
 let commandStr = '';
 for (const fn of commandMap.keys()) {
 if (fn(filePath)) {
 commandStr = commandMap.get(fn);
 if (utils.checkAppExist(commandStr)) {
 break;
 }
 }
 }
 execSync(`${commandStr} ${filePath}`);
})();

iterm2-trigger.sh

#!/usr/bin/env bash
DIR="$(dirname $0)"

/usr/local/bin/node "$DIR/iterm2-trigger.js" $1
exit 0;

iTerm2下进入Preferences=>Profiles=>local Profile=>Advanced=>Semantic History，配置如下

$HOME/bin/iterm2-trigger.sh \1

当然如果只想所有文件都走WebStorm或某程序打开，直接如下配置即可

/usr/local/bin/webstorm \1

写在最后

有了这个设定脚本，就可以灵活控制文件点击的动作了。

关闭恼人的微信网址拦截

Sun, 27 Feb 2022 00:00:00 +0800

在微信中打开一些网页时总会出现以下拦截提醒，遇到这种情况时必须点击继续访问。技术人不忍这种流氓事，于是着手从技术上解决这个体验问题。

Tampermonkey浏览器插件

首先想到的是这个方案，解决步骤如下

Chrome浏览器下安装插件Tampermonkey（油猴）

插件中增加如下脚本，该脚本我已已经开源，不想了解具体实现的直接安装即可。

// ==UserScript==
// @name Redirect URL
// @namespace https://1991421.cn
// @version 0.1
// @description 解决恼人的网页拦截，比如微信打开链接
// @author Alan He
// @match https://weixin110.qq.com/cgi-bin/mmspamsupport-bin/newredirectconfirmcgi*
// @icon data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==
// @grant none
// @run-at document-end
// ==/UserScript==

(function() {
 'use strict';
 function htmlDecode(input) {
 var doc = new DOMParser().parseFromString(input, 'text/html');
 return doc.documentElement.textContent;
 }

 if(window.location.href.match(/^https:\/\/weixin110.qq.com\/cgi-bin\/mmspamsupport-bin\/newredirectconfirmcgi/)){
 window.location.href=htmlDecode(cgiData.url);
 }
})();

如上操作后，当访问拦截被拦截，也会快速跳转到目标网页。

如上可行的实现基础是这样子

Chrome插件有能力在网页上下文下执行指定脚本
查看微信拦截网页源码，发现JS上下文中存在对象cgiData，而cgiData.url存储了目标网页地址，因此只要确保网页DCL后，脚本直接执行跳转目标网页即可。

问题到这里已经解决，但是这个方案有些许不足，整个跳转逻辑是在网页加载后，因此用户还是会揉眼可见这个跳转过程。

如果想继续提升体验🚀，是否有更好的方案呢？YES！

MiTM(中间人攻击)-浏览器代理

上述方案弊端是处理是在浏览器网页完全加载后进行，如果增加代理，在微信返回的响应体HTML在到达浏览器之前就在代理层面解析，拿到cgiData.url，然后构造重定向请求响应，使其重定向到Location: cgiData.url，不就解决了吗？是的。

同时注意，微信拦截网址是HTTPS，因此想要解析，还需要代理支持MiTM，否则只可以看到域名，无法解析具体请求参数。

确定了如上解决思路，具体只剩下实现了。

代理App有很多，比如Charles/Surge/Whistle，平时使用Surge多些，所以这里就尝试使用Surge解决。

开启系统代理，从而确保Chrome走代理
开启MiTM，增加weixin110.qq.com域名，测试开启生效的办法是，访问拦截网页，点击证书发现变成Surge签发的即OK
增加模块，编写脚本，从而实现重定向。该脚本模块我已开源，不想了解具体实现的直接安装即可。

跳转脚本如下：

 /**
 * 获取微信拦截网页中目标网页地址，直接返回重定向
 */

 (function redirectUrl() {
 try {
 let cgiData = $response.body.match(/(?="url":").+(?=","btns)/)[0];
 cgiData = cgiData.substring(7).replace(new RegExp('&#x2f;', 'g'), '/');
 $done({
 headers: {
 Location: cgiData
 },
 status: 301
 });
 } catch (e) {
 $done({});
 }
 })();

如上操作后，再次在微信中点击网址，就会直接跳转目标网页，相较之前体验更好些了。

回顾下该方案的实现基础是这样子

系统代理App确保请求/响应都会经过软件，因此也就有机会可以处理
MiTM解决HTTPS的解析
代理App获取/修改请求响应

对比来看，方案2体验明显更好些，当然成本也更高，因为你需要在代理App层面做这些设定才可以解决。

除此之外，虽然这个方案可以解决问题，但要了解，MiTM并非永远work，如果一个网页安全升级，增加了HPKP/Certificate Pining，那么就可能会遇到MiTM failed，比如Apple AppStore商店的搜索服务，当开启MiTM时会发现失败，请求无法正常响应了。索幸大多数站点并没有开启该功能，比如这里的微信拦截服务。

HPKP

HPKP由于各种原因，浏览器现在都放弃了支持，更多存在于面向非网页服务里

比如nginx下想实现可以进行如下设定

add_header Public-Key-Pins 'pin-sha256="YLh1dUR9y6Kja30RrAn7JKnbQG/uEtLMkBgFF2Fuihg="; pin-sha256="klO23nT2ehFDXCfx3eHTDRESMz3asj1muO+4aIdjiuY="; max-age=2592000; includeSubDomains';

完整操作步骤，可查看这里

写在最后

done。

线上问题-WEB页面卡顿

Sat, 12 Feb 2022 23:57:00 +0800

现象

进入页面后，一段时间内网页交互操作延时响应明显，比如光标移动到链接上，也并没有手型图标出现，同时更没法点击。等一段时间后，页面数据都完全显示出来，恢复响应。

针对这个问题，需要解决下。

首先先梳理下当前WEB页面加载后的几个操作

请求后台数据
数据进行base64解码
表格渲染显示数据

分析

以下为接口请求数据

数据确实挺大，请求该数据花费了2+秒，但卡顿感明显是超过了该时间，且当数据已返回，页面还是无法操作。

之后针对数据进行base64解码，这里用console.time计时器测试发现花费时间如下。同时该部分数据经过base64解码，大小从7.9MB变成了14MB。

但根据解码完成的时间及网页效果来看，解码完成，网页并没有迅速渲染出数据，而是过了一段时间。因此大致可以确定直接原因是14MB的文本显示造成了页面的卡顿。

为了证明这点，将数据在解码完成后进行字符串截取，比如substring(0, 256)，测试发现确实快多了，因此症结就是这里。

解决方案

产品层面调整，比如该种数据如果并没有必要非得完整显示，可以截取下显示，而对于存在想完整获取数据的诉求，可以考虑下载文件这种形式。

如上问题虽然到此已经解决了，但假如之后遇到了性能问题，如何快速诊断是哪个方向的问题呢。于是要考虑下如何性能分析。

Chrome开发者工具-性能分析

Chrome开发者工具面向开发者提供两个常用工具来分析网页性能- Performance/Lighthouse

Performance下可以看到加载/指定时间段录制的性能开销
Lighthouse是给站点加载进行整体性能评估打分，并且给出优化建议。

但采用Performance对于问题网页进行录制分析后，发现base64解码之后卡顿的这段时间，main主线程上看不出干了什么，到此才明白performance对于性能分析是有盲区的。

tracing

一个同事的提点，让我找到了办法，Chrome下除了以上两个工具外，还有个性能分析工具tracing。使用该工具重新进行录制，终于找到了这段渲染卡顿的时间段，而对应在做的事是layout.

如下图棕色的Layout即卡顿的时间段。

使用说明

地址栏输入chrome://tracing/
录制时，如果不清楚类别选择，可以点击Edit Categories，全选种类，为了查看目标网页，在Processes下根据站点链接标题，按需选择即可

写在最后

经过这个问题，有以下几点收获

高耗时JS运算可以使用worker/后台运算等手段
Chrome下这三个工具灵活使用，从而进行性能分析/问题排查

Mac下制作Windows启动盘

Thu, 03 Feb 2022 00:00:00 +0800

准备工作

下载Tuxera NTFS for Mac软件，有15天试用，因此够用
- 选择该软件是因为Mac系统磁盘工具没有提供NTFS格式化选项
- NTFS默认为只读，利用该软件改为读写支持
格式化移动硬盘/U盘
- 如果盘里有数据，使用工具，格式化磁盘，格式为Microsoft NTFS
- 不要选择FAT格式，ExFAT不能正常引导，FAT要求文件大小小于4GB，超过了Windows10文件大小
下载Windows镜像
- https://www.microsoft.com/zh-cn/software-download/windows10ISO
挂载系统镜像到Mac上
- 双击ISO镜像文件即可
打开终端，输入如下命令，前者为挂载的镜像文件路径，后者为挂载的硬盘/U盘路径，执行该命令
```
cp -rp /Volumes/CCCOMA_X64FRE_ZH-CN_DV9/* /Volumes/THINK_DISK
```

OK后系统盘即制作完成

Thinkpad重装系统

开机-连续敲击F12进入引导盘选择页面
选择上面制作的USB启动盘，回车
按照提示安装即可

补充

F1进入BIOS设置页面
Windows做下制作系统启动盘,推荐老毛桃，免费/简单。

Alfred实现一键获取AppID等信息

Sat, 29 Jan 2022 09:57:41 +0800

有时想获取Mac下App的ID/版本等信息，finder中来回查看拷贝低效，因此利用Alfred Universal action实现下一键获取。

效果

回车即拷贝至剪贴板

原理

AppleScript可以方便获取指定App的版本/ID信息

set appId to name of application "/Users/alanhe/Applications/JetBrains Toolbox/WebStorm.app"
copy appId to stdout

具体可以获取哪些属性查看这里

Mac自带Ruby/Python环境，因此都可以读取/Applications下App程序

require 'json'
require 'open3'
require 'pathname'

apps = Pathname('/Applications').children
 .concat(Pathname('/Applications/Utilities').children)
 .map(&:to_path)
 .sort_by { |p| File.basename(p).downcase }
 .select { |e| e.end_with?('.app') }

script_filter_items = []

apps.each do |app|
 version = Open3.capture2('mdls', '-raw', '-name', 'kMDItemVersion', app).first
 next if version == '(null)'
 name = File.basename(app, '.app')
 script_filter_items.push(title: name, subtitle: version, arg: version, icon: { type: 'fileicon', path: app })
end

puts({ items: script_filter_items }.to_json)

写在最后

如何，就问你Alfred香不香。

命令行工具-dig

Tue, 18 Jan 2022 22:48:52 +0800

逛Surge社区时看有人提到了dig命令，因此学习了解下

简介

摘自 WIKI，dig是一个网络管理命令行工具，用于查询域名系统（DNS），英文单词dig也有寻找的意思。因此很好记忆，dig就是查询目标域名相关信息。

使用

$ dig 1991421.cn @119.29.29.29

; <<>> DiG 9.10.6 <<>> 1991421.cn @119.29.29.29
;; global options: +cmd
;; Got answer:
;; ->>HEADER<<- opcode: QUERY, status: NOERROR, id: 45826
;; flags: qr rd ra; QUERY: 1, ANSWER: 1, AUTHORITY: 0, ADDITIONAL: 1

;; OPT PSEUDOSECTION:
; EDNS: version: 0, flags:; udp: 4096
;; QUESTION SECTION:
;1991421.cn. IN A

;; ANSWER SECTION:
1991421.cn. 600 IN A 108.160.132.49

;; Query time: 91 msec
;; SERVER: 119.29.29.29#53(119.29.29.29)
;; WHEN: Tue Jan 18 22:53:26 CST 2022
;; MSG SIZE rcvd: 55

如上为我查询我的博客域名的DNS记录的操作

119.29.29.29是腾讯云 DNS，之所以用这个DNS解析，是因为我的域名是国内买的。
之所以指定DNS Server是因为Mac使用Surge且开启了增强模式，默认DNS Server是Surge下的，因此查询到的A记录不真实。

dig查询使用的协议？

默认是UDP，但是可以通过增加参数使用TCP。比如dig 1991421.cn @119.29.29.29 tcp

dig vs ping

了解了dig之后发现可以完全替代ping，毕竟查询的DNS信息足够详细，且可以指定DNS Server

so，可以习惯使用dig，而非ping了

安装

Mac下自带dig，因此不用care，直接用。
Linux下需要手动安装sudo yum install bind-utils

写在最后

用好常见命令工具，对于日常一些问题排查起来更方便。除了dig，还有telnet，curl等也很常用。

Chrome插件开发

Wed, 12 Jan 2022 21:47:20 +0800

最近一直在开发插件，踩了些坑，这里总结下。

popup程序化弹出？

popup不支持程序化弹出，曲线解决的方案是，开启新window，打开popup.html即可。

 chrome.windows.create({
 url: `popup.html`,
 type: 'popup',
 height: 640,
 width: 357,
 left: 100,
 top: 100,
 focused: true,
})

window resize禁用

const size = [document.body.clientWidth, document.body.clientHeight];

/**
 * 禁止修改 popup弹窗大小，new window时无法直接设置禁用resize，因此通过该方法解决
 */
function resizeThrottler() {
 window.resizeTo(size[0], size[1]);
}

window.addEventListener('resize', resizeThrottler, false);

消息通讯

chrome extension中资源分三种，popup/content/background，能够与网页直接通讯的是content，因此如果是popup向网页发消息。可以发给content，然后content转发消息给网页即可。

content.js中接收消息使用chrome.runtime.onMessage，而发送消息给网页使用window.postMessage

chrome.runtime.onMessage.addListener(
 (message, sender, sendResponse) => {
 window.postMessage(message, '*');
 return true;
 },
);

popup向content.js发送消息使用chrome.tabs.sendMessage

 chrome.tabs.sendMessage(tabId, message);

同时，Chrome也可以接收网页发送过来的消息

网页发送消息给extension使用chrome.runtime.sendMessage

var hasExtension = false;
const extensionId = 'bmkmhpkgcbigmdepppdpdhlifcgoibph';
chrome.runtime.sendMessage(extensionId, {operation: "installCheck"},
 function (reply) {
 if (reply && reply.data.version) {
 hasExtension = true;
 } else {
 hasExtension = false;
 }
 });

extension-background接收消息使用chrome.runtime.onMessageExternal.addListene

chrome.runtime.onMessageExternal.addListener((request, sender, sendResponse) => {

})

chrome.runtime返回undefined

网页向拓展发送消息，需要确保设置中externally_connectable能够命中网页，否则chrome.runtime返回undefined

举个配置例子

 "externally_connectable": {
 "matches": [
 "https://*.19991421.cn",
 "http://127.0.0.1/*"
 ]
 }

http://*/*，https://*/*无法命中IP地址及localhost域名，因此内网网址这些，需要单独配置，
端口号不需要考虑，默认都是通配。
这里并不建议配置http://*/*，https://*/*，虽然它可行，但浏览器插件中会提示errorWildcard domain patterns such as "http://*/*" are not allowed

popup最大宽高

宽度最大800px，高度最大600px。HTML标签层面会强制给予该大小，如果子标签宽高大于该值，会滚动显示。

推荐尺寸600px高，357px宽

DevTools failed to load source map: Could not load content

Chrome插件只支持inlinemap，因此需要修改构建工具配置，不要使用分离的source map配置，使用比如inline-source-map

hot reload

插件不同于普通的WEB开发，所以热更配置不同，这里推荐使用ExtensionReloader插件，配置如下

new ExtensionReloader({
 port: 9090, // Which port use to create the server
 reloadPage: true, // Force the reload of the page also
 entries: {
 popup: "popup", background: "eventPage", contentScript: "contentScript"
 }
 })

注意entries中属性值即webpack中entry下配置的入口名，非物理文件路径名。

插件模版-实践

以上这些配置都可以在模版中查看

插件更新

官方商店分发该方式下，插件会自动更新，关于自动更新频率，可能是5小时
自行托管分发包
- update_url字段，但方式下，托管的是crx已经签名分发的包，如果是未签名的不行。
- 更新包必须是CRX文件

{
 "name": "My extension",
 ...
 "update_url": "http://myhost.com/mytestextension/updates.xml",
 ...
}

<?xml version='1.0' encoding='UTF-8'?>
<gupdate xmlns='http://www.google.com/update2/response' protocol='2.0'>
 <app appid='aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa'>
 <updatecheck codebase='http://myhost.com/mytestextension/mte_v2.crx' version='2.0' />
 </app>
</gupdate>

开发包自定义逻辑实现check，比如popup弹出时提示或者定时器check，有更新推送notification。用户下载新包进行覆盖即可。覆盖后重启浏览器或插件页面手动点击更新

manifest.json配置修改

修改后，浏览器需要重启生效

修改页面window

写在最后

先写到这儿，持续更新

Chrome Extension打包发版

Wed, 05 Jan 2022 00:00:00 +0800

Chrome插件开发中关于打包发版会有些坑，这些总结下。

安装方式

Chrome插件上架谷歌商店的话就意味着用户具备访问谷歌服务的能力，但国内环境下，对于一般用户而言困难，因此如果面向国内用户需要另辟路子进行安装，目前有2种方式

文件夹形式

文件夹

针对文件夹形式拓展加载步骤，操作如下。

安装

开启开发者模式

加载拓展插件文件夹

选中插件文件夹点击确定即可，注意文件夹中一定直接包含manifest.json等必备资源，安装成功后会直接看到该插件。

CRX

CRX文件我们必须走商店上传ZIP包之后再下载才行，注意并不一定需要上架，草稿版即可下载CRX

安装方式

如上也需要开启开发者模式，拖拽CRX文件到chrome://extensions/即可。如果是在该页面下开启的开发者模式，拖拽安装存在问题，遇到该情况，重启浏览器。

正常安装下，会提示如下弹窗，确定即可。

本地打包CRX

CRX除了商店支持生成下载之外，也可以工具生成CRX。这种方案并不能完全走通，仅供了解即可。

如果是本地执行打包工具，比如npx crx pack -p ./key.pem -o ../dist/boilerplate.crx，生成的crx安装OK，但不可用。具体报错如下。

因此CRX方式下，走商店下载是唯一路。

变化的Extension ID？

Chrome官方对于Extension ID的介绍

每个应用和扩展程序在 Chrome 网上应用店中都有唯一标识符 (ID)（不会因为版本的不同而发生变化）。因此，如果有用户在多台设备上安装了某个应用或扩展程序，那么这个应用或扩展程序在所有设备上的 ID 都是相同的。每个 ID 的长度为 32 个字符。

按照方案1去做，解决了用户安装拓展的诉求，但还存在一个问题，拓展ID会变化，这样带来的问题即如果做站点到拓展存在通讯就不行，毕竟ID解决唯一识别拓展。

举个例子，在不同版本情况下，安装同一个拓展，这里出现ID不同。

固定extension ID

了解了问题，对应如何解决呢，方案如下。

本地构建/走商店草稿方式得到CRX文件，
访问https://robwu.nl/crxviewer/，逆向解析得到key值
打开控制台，得到key值

拷贝到manifest.json文件中

如上操作之后，无论任何设备/任何版本拓展，安装后都会是唯一extension ID了。之前生成的CRX文件可以不要删除掉了，针对PEM私钥，单独另存不需要放在项目里。

关于key

关于extension id生成的链路应该是这样，用户私钥=>>公钥=>>extension key=>>extension id，商店形式下，这3次转化是黑盒，不需要用户关心，因为发布上传时，我们提交的只是ZIP-程序源文件。

如果ZIP包让用户安装，因为不包含extension key信息，所以id就不固定。而如上提到的crxviewer做了逆向工程，读取CRX文件得到了extension key=，并且解析到了与manifest.json的关联，因此我们做到了ZIP包也可以固定key-id了。就是这么个事。

印象剪藏插件

国内Chrome插件我了解的并不多，印象剪藏算是相对熟悉的，剪藏插件除了谷歌商店安装外，就是压缩包/文件夹形式安装了。基于这种形式也可以印证以上方案选择的合理性。同时查看配置发现没有key，个人认为印象笔记没有网页到拓展的通讯需求，因此没有选择固定ID。

对于插件配置开发，倒可以下载下作为参考。https://www.yinxiang.com/new/product/webclipper/install/chrome/

总结

综上，方案二对于用户来说更为方便些，毕竟只需要拖拽CRX进行安装，但开发版本维护就需要每次需要手动上传到商店再下载，较为麻烦，因此权衡下，方案一ZIP/文件夹会更好些。

Alfred实现工蜂项目检索

Mon, 06 Dec 2021 23:55:40 +0800

工作中需要经常检索工蜂上的仓库代码，快速执行某些操作，直接浏览器多次操作，还是不够效率，因此做个workflow。大致效果就像GitHub for Alfred。

workflow下载地址

实现基础

工蜂有提供API，比如模糊搜索项目，因此可以实现关键词搜索项目功能，具体API可以参考这里

只要申请对应账户的访问token，即可直接调用API获取结果。这里我通过Mac paw验证了下OK。

实现

这里利用我之前开发的CLI很快就实现了，因为平时工作中存在访问多个工蜂服务[内网版，社区版等]需求，因此workflow中支持了下多套工蜂服务配置支持。

现在支持最多2个工蜂服务的检索，当然原理一致，只是并发请求了2个地址而已，因此未来如果想支持更多，只需要增加下并行请求地址数量即可。

使用

访问工蜂服务，比如https://git.code.tencent.com/profile/account，点击Create temporary token
将token，git地址配置到workflow环境变量中即可

Workflow除了满足搜索，也对应提供了常用的功能

gc+关键词进行模糊检索
⌘ C直接拷贝repo的WEB地址
⏎ 浏览器访问repo的WEB地址
⌘ ⏎ 拷贝SSH repo地址
⌥ ⏎ 选择MR，再⌥ ⏎，显示repo打开的 Merge Request，同时支持关键词检索

整体设计，⏎均是浏览器打开对应URL，⌥为进一步操作。

写在最后

有了该workflow之后，访问repo入口便是先检索，回车访问具体repo，相较之前还是方便了些。

开发Alfred JS SDK - CLI开发

Sun, 05 Dec 2021 17:34:58 +0800

之前已封装了Alfred sdk，使用方式是在具体的workflow js中，手动安装包，然后require对应模块。常用的script filter构建，筛选，quicklook都已封装了fn，使用起来还算省事。但还没有CLI支持，为了进一步提升效率，CLI的开发可以驱动出来了。这里就mark下，些许体会。

解决痛点

利用CLI可以自动安装Alfred SDK包
生成缺省或者指定的JS文件，代码层面也内置了模块装载，这些都不需要手动写了。

这样以后只需要npx @stacker/alfred-utils init，然后打开index.js进行业务编写即可。

CLI原理

bin

package.json中bin字段定义的命令将会在安包阶段，自动安装到系统path环境变量下，安装后便可直接使用。
bin下支持单个shell或者多个命令定义。
npx直接使用包bin时，对于bin名称不同，会有区别
1. bin下的命令名称如果与包名一致，则在npx方式使用时可以直接使用包名即可，比如npx @stacker/alfred-utils --help，可以发现执行的即同名命令注意这里的一致排掉@scope，包名@stacker/alfred-utils，bin命令为alfred-utils即一致
2. 如果bin下的命令与包名不同，则使用时需要明确命令，比如npx -p @stacker/alfred-utils alfred-utils-test --help
如果是全局安包后，则无论是哪个bin，直接输入bin名称即可使用。

模版

CLI帮助生成部分代码，做的已经是脚手架的事了，基本的原理即CV样本代码，同时根据输入的参数做部分替换工作。

写在最后

借助该CLI，以后开发workflow会更高效了。
以后只要出现了代码层重复问题，则只需要不断丰富该SDK即可。

Mac外接摄像头

Sat, 20 Nov 2021 00:00:00 +0800

最近社区项目接到一个需求是用户Mac连接外置摄像头，希望Alfred中支持一键切换不同的摄像头。因为平时很少有开视频的需求，还没注意过Mac怎么使用外置，这里就捣鼓下。

摄像头安装

想起，曾经买过一个罗技网络摄像头C110，于是找出来尝试，USB接口，我通过拓展坞USB=>TypeC转换连接，然后开启腾讯会议或者Facetime，在摄像头选项中即可看到插入的新设备。选择发现work。

经过捣鼓发现几个问题

Apple设置中心没有选择缺省摄像头/禁用某摄像头等设定。
只能在腾讯会议等用到摄像头的App中对应进行设定，且该设定并不共享

使用场景

在家里，Mac很多时候我是以主机模式运行，主机模式下，mic/camera都是不可用的，这时如果有视频需求，外置摄像头的价值就出现了，且Mac本身的摄像头画质也谈不上来多好。

Alfred支持

解决了外置摄像头的使用姿势，回头看网友的这个效率插件支持，必须得Mac GUI有设置的地方，或者终端/命令有对应支持才行。

查询资料发现，通过Mac自带的命令system_profiler SPCameraDataType -json，我可以获取到Mac连接下的所有摄像头设备，但是想脚本控制开启某个摄像头并不支持，因此也就做不到在Alfred中一件切换摄像头这个需求。

最后，结论即可以展示摄像头列表，但具体操作开启某个摄像头并不OK。

写在最后

在Mac合盖情况下，外置摄像头开启依然需要在具体的app中操作，当前这个没办法自动化解决。

使用开源项目申请1Password License

Mon, 08 Nov 2021 00:00:00 +0800

一直使用的1Password个人版，资费大概是35.88刀/年。最近看到有免费申请License的机会，本着能省则省的态度试了下还行，于是又节约一笔钱了，同时赠送的还是Team License-正常资费大概240刀/年，很有吸引力。

申请条件

申请门槛儿如下

开源项目作者/协作者/核心贡献者
开源项目创建时间至今至少30天
开源项目已经标明开源license，比如MIT
开源项目活跃

注意，目前赠送的开源license永久有效，如果是2021/11/26之前获得的license会提示2年后到期，这种的在过期前，邮件opensource@1password.com 可换成永久license。

如果项目不active了，1p有权回收license

申请步骤

1password 创建Team
邀请团队成员(最多10人)
1. 添加团队人邮箱地址，发出邀请
2. 对方点击同意
GitHub fork仓库，填写信息readme尾部及PR模版，提交PR
- 还不明白的，可参考我的PR
等待审核
- 我是周六提PR，周一通过

具体可参考官方文档

1P使用说明

数据迁移

因为要迁移到这个新账号下，因此要做数据迁移，1P下选择要迁移的item，点击菜单，选择移动后的目标Vault即可。

目前没看到直接迁移Vault，只能全选或选择部分item进行迁移

Android

发现1P仅支持在Google Play商店下载，这点很坑，比如女友手机是小米手机，那就没法玩了

Team vs Personal

使用后发现Team账号完全cover个人账号的需求，并且可以设定一些vault，对指定team成员进行共享。

写在最后

个人理解，现在订阅制盛行，很多企业因此也得以盈利发展，，回馈开源也是应该的。
1P Team账号还是蛮香。

Alfred实现一键find iPhone

Sun, 07 Nov 2021 20:00:59 +0800

Mac的Find My功能挺常用的，选择某个Apple设备播放声音，同时查看设备的大致位置及在线状态。但无论是网页版还是app版，操作体验还是繁琐了些，并且加载也很慢。

个人是Alfred效率粉，借着周末，尝试开发workflow解决使用效率问题。

实现基础

Find My有App版及Web版，App版没有提供Apple Script支持，同时 GUI自动化体验也并不好，因此放弃。

Web版iCloud- find，可以抓包分析接口请求，这样就可以利用workflow进行实现。

遇到的坑

iCloud登陆如果是第一次在新的web客户端下登陆会开启MFA，且请求中牵扯到很多认证信息参数，因此决定了首次登陆必须在Web站点下进行，从而使iCloud信任该设备，同时通过抓取请求获取了认证信息相关的所有参数
iCloud接口- cookie有效期极短，每过一段时间，认证信息都会刷新，因此如果cookie作为Alfred参数，需要不断更新值，同时为了避免用户每次手动拷贝信息到workflow配置中，需要存储iCloud ID及密码，从而在请求失效时自动登录从而获取新的cookie信息
持久化存储cookie等认证信息比较好的方式是存储在workflow环境变量中，当然也可以文件存储。这里选择workflow环境变量，为了永久/动态写入新的值workflow中，需要执行Apple Script命令来解决
不同设备需要显示对应设备图片，好在有开源项目整理了Apple设备编号/名称，这样方便查询图片

实现效果

下载地址：戳这里

⌥ ⏎ 播放声音
⌘ ⏎ iCloud Web浏览
绿色及白色小点代表设备当前状态，绿色表示在线

配置

因为iCloud的安全性较高，因此 workflow也无法做到安装即可使用，需要进行一些参数的配置。

为了使得iCloud信任，必须首先登录一次web版，同时获取访问iCloud- find my后的任意请求中的部分参数配置到workflow- environment中。同时登录信息有效期极短，为了实现免登陆，因此需要配置iCloud账户/密码。

写在最后

如上实现后，即可高速唤起某Apple设备了，perfect！

Alfred打磨之路-Universal Action

Fri, 24 Sep 2021 11:06:21 +0800

Alfred推出Universal Action也有几个月了，我也已经习惯用它来解决部分场景诉求，这里就总结下action在我的效率使用中扮演的角色。

Universal Action的定位

这里谈下个人对于这种交互方式与之前Alfred提供的关键词，热键场景的区别

主要区别

Universal Action与之前的场景根本区别在于触发条件的不同，Universal Action的触发条件是你选中任意一个元素【文件/链接/文本】，基于这样的输入值从而执行某个动作，比如你可以选中一段文本自动发Twitter，发邮件，选择一个URL自动打开浏览器链接等等，而之前的场景是你直接关键词又或者热键。所以区别主要在这里。

因此当有某个需求时只需要考虑其交互场景是什么即可选择合适方式解决。

定位

基于某个元素【文件/链接/文本】而进行某个操作都可以使用Universal Action

共同点

本质都是workflow，比如自己开发的话，都是创建个Workflow，主要区别只是交互/触发方式不同

常用Action分享

如上述没有完全理解，看我的常用场景

String Manipulation自己开发
- 有时对于选中文本希望改变格式，比如改成大驼峰，烤串，大蛇等，这时我只需要选中目标文本，⌘\唤起，选择对应的action回车即可修改成功
- 如果是常用的编辑器其实一般都有该feat，但是考虑到没有IDE的场景，比如浏览器，因此这个还是有需求的
  
  下载地址
Open with 内置
- 有时我想个性化某种格式的打开App，比如PDF我并不希望使用preview，因此，我可以唤起，选择Open with，再选择目标App回车即可
- 注意，Open with只是改变这一次的打开App，并非永久有效，如果需要改变某个文件类型的打开App，需要在文件详情中修改缺省打开App

热键设定

我的热键设定如下

Alfred的热键是⌘ double tap即双击⌘
Universal Action的热键是⌘ \

考虑点：两种类型触发都归属于Alfred，因此热键设定接近，同时⌘是高频使用的修饰键

写在最后

好久没写过Alfred使用指南，因为不断的使用中已经打磨出符合自己习惯的效率workflow，并没有多少新鲜东西
Universal Action从一开始个人并不觉得有用，但是在尝试几次后逐步发觉到了其还是有一定使用场景的，因此对于新鲜事物还是需要尝试去使用下，否则可能丧失提高的机会

参考资料

https://www.alfredapp.com/universal-actions/

程序文件中添加版权归属

Mon, 20 Sep 2021 11:48:57 +0800

最近在做开源项目，临上线前被告知，需要在每个程序文件追加下版权归属。由于时间紧，我也就放弃了寻找自动化的办法，选择了人工编辑，一番体力操作，花了几分钟时间解决该问题

但为了以后可以高效解决同类问题，还是需要寻找下高效/自动化的办法。因为程序文件动辄百十个，人工编辑麻烦且存在失误可能。

借着节假日研究了下IDE下操作的可行性，发现还真有办法。

以下办法是建立在使用JB公司的IDE，比如WebStorm，Intellij IDEA等。

为多文件统一追加版权归属

如果是想为项目中已经存在的文件统一追加版权说明，可以如下操作解决

配置Copyright，Editor-Copyright-Copyright Profiles
Copyright配置Scope，Editor-Copyright

如果要求很简单，所有程序文件同一个Copyright，那么如下配置即可
应用版权配置到所有文件
- 资源目录下，选择根文件夹，单击右键，选择Update Copyright...，则IDE即会自动追加版权说明到所有程序文件。
- IDE默认会自动排除掉非VCS下的文件，比如node_modules，同时非程序文件比如JSON也会自动排除掉

如上操作后，会发现所有程序文件都会追加成功，so easy。

版权更新

有时会出现版权信息需要更新

如果是只想更新修改的文件，可以在提交时勾选Update Copyright，但这种方式即会自动将修改中的文件版权信息更新
如果想所有文件更新，只需要在资源目录下选中文件夹，右键Update Copyright即可

多项目共享配置

当前WebStorm等并不支持跨项目共享版权设定，有需求不得不手动在项目间拷贝

针对此已经有人提了相关Issue，感兴趣可以跟踪下

https://youtrack.jetbrains.com/issue/IDEA-243167?_ga=2.243406598.2075586931.1632032900-927496416.1626448071

写在最后

了解这个使用后，以后版权信息问题再也不需要手动批量编辑了。

参考文档

https://www.jetbrains.com/help/idea/copyright.html

Chrome下访问WEB遇到307重定向HTTPS报错

Mon, 06 Sep 2021 21:52:00 +0800

今天访问Web突然报错，原来是网站被重定向到HTTPS，而请求API服务仍然是HTTP，Chrome安全策略进行了拦截，从而报错。

为什么会突然出现重定向到HTTPS呢，经过排查，最终发现原来是Chrome下的HSTS导致。

这里围绕着这个问题排查过程总结梳理下。

307

通过network，查看请求在发起后307重定向到HTTPS。而HTTPS安全链接下发起不安全的HTTP请求，浏览器会实现拦截，报错即如此。

307是由谁发起的呢，理论上后台/浏览器都可以做到，查看response ，发现header中有这样一个字段

Non-Authoritative-Reason: HSTS

查询发现这是浏览器的一个安全策略，同时询问运维得之服务并没有开启HTTPS，那就肯定是我本地的问题，综合断定是这里的问题

HSTS

HTTP严格传输安全（英語：HTTP Strict Transport Security，縮寫：HSTS）是一套由互联网工程任务组发布的互联网安全策略机制。网站可以选择使用HSTS策略，来让浏览器强制使用HTTPS与网站进行通信，以减少会话劫持风险。

也就是说通过HSTS设定可以强制让某域名站点一定使用HTTPS进行通讯。我这里的问题便是浏览器对该域名开启了HSTS。

从HSTC Domain列表中删除某站点

明确了问题，那如何删除该站点配置呢。

访问 chrome://net-internals/#hsts
在表单项Query HSTS/PKP domain，输入目标域名，点击搜索，如果能搜索到，证明安全策略起作用
在表单项Delete domain security policies，输入目标域名，点击删除即可

删除成功后，重新HTTP访问站点，发现不会重现重定向HTTPS问题了

有效期

发现HSTC删除域名后过一段时间还是会出现自动切换到HTTPS，看来存在有效期问题，目前没找到办法，遇到该情况，重新执行上述操作。

写在最后

该方法仅用于解决网站没有开启HTTPS，但浏览器却强制要求走HTTPS进而报错问题。
虽说解决了问题，但仍然建议上HTTPS，毕竟安全提升了不少。

GitHub Action实践-更新workflow badge

Sat, 03 Jul 2021 12:56:20 +0800

编写Alfred Workflows已经快30个，在使用中，我也会根据遇到的问题及不足进行版本迭代，然后更新到GitHub上，方便他人下载使用。但GitHub中存储的是workflow文件格式，没办法直接看到版本信息，除非下载安装。这样就无法直观确定，版本问题。

手动维护更新？no，太浪费实践。

因此我需要CI帮我读取workflow的版本，更新到对应的readme文件中，这样我就可以很快确定本地安装的与仓库托管的版本是否一致，是否需要更新。

可行性基础

Alfred的workflow文件本质是一个zip压缩文件，解压后，会看到一个plist文件，其中就记录了版本信息。

确定了可行性就好说了

方案设计

因为个人更擅长JS，所以关键的执行过程采用JS编写。整体的方案如下。

监听所有workflow文件变动，一旦有变化，执行JS
遍历所有文件夹，获取文件夹中的workflow文件
拷贝文件重命名为zip后缀，执行解压缩，
读取plist文件中的版本信息，替换readme文件中原版本信息即可
提交更新到仓库

遇到的几个问题

实现中还是踩了点坑的

workflow有些文件名包含空格。markdown链接中如果包含空格，解析会有问题，因此需要提前做转译处理。关于转译，因为是NodeJS，所以无法使用encodeURIComponent，可以使用queryString.escape解决。
本地调试时，明明安装了plist到全局模块中，但是IDE还是报Module is not installed ，原来nodejs require第三方模块并不会去全局模块文件夹下寻找，因此需要安装到项目下或者使用npm link plist

写在最后

搭建这样的机制后，以后只需要更新仓库里的workflow，CI机会自动更新新的版本号到readme中，nice！

Alfred实现一键切换Whistle代理规则

Thu, 17 Jun 2021 22:32:59 +0800

当前工作中经常使用Whistle代理来进行Web模块开发，因为环境不同，项目不同，经常需要切换代理Rule。采用网页GUI操作还是过于低效，于是决定做个workflow来提升切换效率。

效果

操作指南

⌥ ⏎ 访问WEB管理页面
⏎ 切换rule选择状态
⌘ C拷贝当前Rule具体配置项
⌘ Y或者⌘ L进行Rule预览

Workflow下载地址，戳这里

实现细节

这里贴下实现的关键点

为了实现⇧进行预览，我将规则本地文件化，因为quicklook必须指向HTTP网络文件URL或者本地资源URI。因为整体速度很快，所以用户无感。不过相比较⇧，我更喜欢⌘L进行放大预览，效果更赞
Workflow本质只是换了个方式调用API，只要whistle关键规则获取及规则选中/反选API通过GUI请求捕获找到即可。

写在最后

实现较为简单，但是着实提高了平时开发效率，nice。

Alfred实现一键GIF压缩

Mon, 10 May 2021 10:31:51 +0800

个人博客中经常需要贴一些录制的GIF动画，考虑到GIF大小会影响页面加载体验，我需要手动进行GIF压缩，压缩过程乏味且浪费时间，因此动手写个小工具来提升操作效率。

效果

选中文件，唤起Alfred，输入gif，选中Compress GIF，回车即可。

Workflow下载地址，戳这里

注意

当前workflow支持scale/colors个性化参数设定

scale
- 比例，比如0.5 指的是宽和高缩小为原来的 0.5 倍
colors
- 调色板长度，值为2-256之间，数字越小，压缩率越高，图片质量的损失度也越大

实现细节

聊聊工具实现的关键部分，完整源码直接查看workflow即可。

Gifsicle是个开源工具，可以实现GIF的个性化压缩，比如比例缩放，颜色调整等，这样就可以实现体积压缩
AppleScript来获取当前选中文件完整路径

写在最后

以后GIF压缩，只需要选中文件，唤起压缩命令即可，再也不用访问第三方工具网页上传下载压缩了，效率还是明显提升。

Alfred实现一键开关防扰模式

Fri, 23 Apr 2021 23:46:03 +0800

好久没更新过Alfred Workflow相关文章了，这里就贴下最近的一个小开发。

工作中为了聚焦码字，我经常开启Mac的防扰模式，这样不会被微信/或QQ等高频信息轰炸，但比如下班又需要关闭。鼠标移动到右侧去关闭显得低效，设置热键开关又需要记忆一组较为复杂的，这两种方式都很不程序员，于是，我决定做个workflow来快速开关。

效果

输入disturb,回车即可开关

Workflow下载地址，戳这里

实现细节

网上查找半天，发现AppleScript/Shell都没有很好的口子支持，最终发现了这个包@sindresorhus/do-not-disturb，于是简单几句代码调用即可实现。

翻了下源码，底层是swift实现的，对外只是JS形式调用其执行。

写在最后

如此一来，不离开键盘即可完成切换，nice。

Chrome拓展程序开发之Jira Tool

Sun, 04 Apr 2021 22:50:23 +0800

JIRA作为我们团队的项目管理工具是工具链中的一环。平时站会每个人也是基于JIRA上的看板来陈述自己做的事情及遇到的问题，但JIRA还是有体验差的地方，比如说Kanban board中的Quick Filters，不支持单选，每次选择都是叠加，这点并不利于我们去快速切换不同filter下的card。

烦不胜烦，借着节假日，我就索性利用Chrome extension来解决下。

解决问题

quick filters实现单选

效果

如上，当开启Single Filter后，如果点击新的filter，之前的会自动取消。如果关闭开关，则恢复默认的设置，每次点击新的filter都是追加。

应用商店地址

实现

完整实现代码直接查看仓库即可，这里就不再说明。

这里只说下Chrome拓展该功能的原理，即当网页完全加载后，追加开关按钮，对于quick filters中的点击事件进行事件捕获，如果点击某个filter，对其它选中的filter自动点击进行反选。

Chrome拓展安装

走商店安装，但国内用户需要科学上网
crx安装，但前提也是需要上架商店，否则安装会报错CRX_REQUIRED_PROOF_MISSING
源代码安装，比如这里下载jira-tool，访问chrome://extensions/，选择加载未打包版，选择chrome-extension文件夹即可

插件转交

https://support.google.com/chrome_webstore/contact/one_stop_support?visit_id=638072966381024510-3990006698&rd=1

写在最后

插件本身较为简单，但却一定程度的提升了使用JIRA的效率。

Visual Studio Code插件清单

Sat, 06 Mar 2021 00:00:00 +0800

JetBrains WebStorm作为code开发主力，更适合完整项目开发，而VSC作为轻量级开发编辑器，比如有时候处理一个Nginx配置，一个HTML测试文件等，因此两者不矛盾，一个重型武器，一个轻量级冲锋枪。

将VSC打造成一款利器更需要点成本，因为本身并不自带很多功能，因此需要安装相对较多的插件，这里列举下我安装的几款插件。

持续更新调整

Auto Rename Tag

自动重命名配对标签。

Darcula IntelliJ Theme

IDEA主题，这样可以确保与IDEA有一样的代码风格。

EditorConfig for VS Code

EditorConfig配置支持，确定文件基本编码，格式。

HTML CSS Support

id，class属性提示。

IntelliJ IDEA Keybindings

最大程度的保持与IDEA一块的快捷键。

JavaScript (ES6) code snippets

高亮输入JS代码片段。

NGINX Configuration

conf文件语法高亮。

open in browser

浏览器中打开。

WakaTime

编程活动追踪。

Python

py语法支持。

Code Spell Checker

单词拼写检查，避免typo。

GitLens — Git supercharged

打开git文件远程地址等等。

写在最后

so，每个人都有不同的喜好，你有哪些插件呢？

从输入URL到页面展示，这中间发生了什么

Fri, 05 Mar 2021 22:24:51 +0800

最近项目并不紧张了，于是得空把一些基础理论梳理下

当用户URL输入一个网址，浏览器根据用户输入的信息判断是关键词还是网址，如果是关键词则利用默认搜索引擎拼接输入的关键词形成网址，如果输入即是有效网址，则加上协议形成URL，用户输入完内容，按下回车
回车前，如果当前有页面存在则，执行beforeunload方法
浏览器导航栏显示loading
浏览器进程构建请求行信息，以IPC方式将请求行信息发送给网络进程
网络进程接收到该URL请求
网络进程中查询该URL资源是否有缓存(强缓存)，如果有则相当于请求结束拿到响应数据，直接返回200响应头给浏览器进程，如果没有，则继续发起网络请求
网络进程中查询DNS确定URL对应的真正IP地址，如果是HTTPS，建立TLS连接
通过IP地址和端口与目标服务器建立TCP连接【TCP连接三次握手】，成功后开始构建请求头(附带Cookie)，向服务器发送HTTP请求【单个域名TCP连接数量限制，比如Chrome是6】
服务器获得信息后，会构建响应信息，发送给网络进程
网络进程获得响应信息，解析响应行的状态码来确定下一步的动作，如果是301，302则获取location，然后重复执行接收到一个URL之后的一系列动作，如果是304说明客户端有缓存，则返回304头部到浏览器进程，如果是200则继续
根据响应头的内容类型来确定下一步的动作，如果是下载类型，则唤起浏览器下载器进行下载，如果是HTML则继续
渲染进程存在打开新进程的情况，如果是新开的页面，开启新的渲染进程，如果是A页面打开的B页面，同站点，且没有开启noopener则复用A的渲染进程
浏览器进程接收网络进程的响应头数据，向渲染进程发送【提交文档】信息，渲染进程接收到【提交文档】信息后，与网络进程建立传输数据管道
渲染进程接收完毕，向浏览器进程发送【确认提交】
浏览器进程接收【确认提交】信息后，进行安全栏，前进后退界面更新
渲染进程：DOM生成=>样式计算=>布局=>分层=>图层绘制=>分块=>光栅化=>合成绘制
渲染进程渲染完成后，向浏览器进程提交页面加载完毕

参考资料

Chrome下的MemoryCache,DiskCache

Tue, 02 Mar 2021 22:46:07 +0800

Chrome DevTools下调试前端请求时，会注意到缓存分为两种MemoryCache，DiskCache，针对两者区别和Chrome是如何选择缓存介质的，这里基于我的认知总结下。

概念

单说区别，简单，仅从名字上也可以看出两者的区别，MemoryCache是从内存中存取，因此速度快，但生命周期短，而DiskCache是磁盘存取，因此读写较慢，但生命周期相对较长，属于持久化存取。

缓存介质选择

对于两种缓存介质的选择，官方权威资料并没有找到，于是我只能做了下测试，同时得出以下的结论。

当用户第一次加载网页时，如果资源没有标注禁止缓存，则一般都会持久化缓存资源到磁盘
当用户重新访问同样的URL资源时，无论是强缓存还是协商缓存一旦确定要加载缓存时，Chrome会将请求加载顺序靠前的资源从磁盘拷贝一份到内存，之后从内存加载，而队列靠后的因为内存空间有限则直接从磁盘加载。
由此可以得出缓存方案选择更多是考虑的资源本身的加载顺序，即急人所急，并非资源的类型。

写在最后

不得不说Chrome东西挺多的，多注意这些细节才能更好的了解Chrome，了解Web。

思维导图选择

Wed, 17 Feb 2021 22:17:03 +0800

个人习惯，同一类型的软件喜欢多家对比尝试，选择最合适的，然后熟悉，打磨，最终成为这个领域独一无二的生产力工具。比如Alfred作为Mac系统搜索入口，再比如Things作为Todo List,Apple Notes作为日常笔记记录等等。印证了那句话工欲善其事，必先利其器。好软件值得寻找，更值得打磨。

思维导图哪家强，之前一直很纠结，前后也用过很多，最近因为在整理个人技能图，就重新调研对比了下，最终敲定在了mindmaster，这个选择至少短期不会再更换了，这里就Mark下为什么选择它，兴许可以帮助些朋友。

软件对比

XMind
- 国产
- 价格偏贵，388CNY/year
- 跨平台
MindMaster
- 国产
- 可订阅，可永久买断，680CNY/永久，11.1CNY/Month
- 跨平台，有Web版
- 免费版良心，基本功能得到保证
OmniGraffle
- 国外
- 价格贵，124.99USD/Year
- 跨平台
MindNote
- 国外
- 价格适当，19.99USD/Year
- 跨平台
Draw.io
- 国外
- 免费
- 跨平台
- 开源项目

综上，权衡了下，最终选择Draw.io，主要是考虑跨平台，免费，功能足够用。

Draw.io的优势与不足

已使用几年了，这里列下优缺点。

优势

不足

操作体验有不合理的，如果是空格键作为拖拽移动整个图就更合理了，而现在的设计是光标移动到中心节点上才行
note编写，不支持markdown
软件GUI整体还是略显粗糙，没有OmniGraffle的精美

使用建议

如果是Mac用户，个人建议将文档直接存放在iCloud中，这样多设备直接就可同步编辑浏览，如果只是为了多设备同步，可以不用订阅会员了。

写在最后

得承认我个人不喜欢使用国产软件，1是安全性，2是稳定性，但也要承认国产软件确实有做的出彩的，比如MarginNote，滴答清单，所以也不能一巴掌打死。
在思维导图选择调研中，发现做的相对最好的都是国产的，XMind，MindMaster，当然Draw.io是国外的，so，国产继续加油，少点流氓特性，好好做产品。
基于个人使用场景，这里我选择了Draw.io，但不代表别的就真的不好，最终还是要根据需求下选择，当然随着使用时间的增加，也会调整选择。

Alfred实现快速获取Mac系统信息

Thu, 11 Feb 2021 10:40:46 +0800

有时需要快速查询Mac系统版本信息，或者内存信息，常规操作是点击屏幕顶部右上角Apple图标=>About This Mac=>然后在对应的Tab页寻找信息=>选择拷贝，这样做未免麻烦了些。

于是，趁着节假日，我快速做了个workflow，目标快速获取系统基础信息。

效果

说明：选择单个项，回车即可拷贝到系统剪贴板。

下载地址：https://github.com/alanhe421/alfred-workflows/tree/master/about-mac

实现原理

Apple Script获取系统信息
Shell拼接及打印Alfred支持的列表结构

之所以选择Apple Script及Shell，好处是系统内置，这样不依赖任何环境。感兴趣的安装后可查看源码。

Apple Script学习

做workflow开发，有时绕不开Apple Script，因为AS可以方便的获取系统层面的一些信息，同时可以自动化很多App操作，比如Chrome新开标签页等。

所以如何学习Apple Script是个问题，我在开发时多次尝试看官方doc，但最终发现文档还是太烂，看不进去，这里推荐直接学习较新的Apple Script书即可，毕竟作者已经总结归纳了，可以快速学习上手。不得不说，官方文档永远是第一手资料这句话是不一定对的，因为有时官方写的文档不一定行。

这里推荐一本我看过的书Learn AppleScript: The Comprehensive Guide to Scripting and Automation on Mac OS X, Third Edition，内容还算全面，可以作为入门。

写在最后

这是我写的第20个workflow了，根据自己的需求不断开发新的小工具，还是很有成就感的
写工具本身也是一种学习和锻炼，so，keep

Alfred实现GIF动图搜索

Sat, 09 Jan 2021 23:16:54 +0800

微信支持添加GIF到表情包，为了丰富下自己贫瘠的表情包，需要方便的找到新的动图GIF。国外有个网站Giphy还不错，并且提供了API支持，于是花了点时间实现了搜索表情包的Workflow。

效果

输入gif或sticker即可进行搜索，回车即可复制到剪贴板，然后⌘ V即可。当然还有些其它一些操作，比如⌥选择即可浏览器浏览，⌘在访达中浏览等。

于是乎，再也不担心找不到酷酷的表情包了。

Workflow下载地址，戳这里

实现细节点

为了实现这个workflow还是踩了点坑的，这里Mark下

Alfred的Script filter Input中的icon目前不支持GIF动态显示，即使是动态GIF。如上可看出搜索结果列表的GIF都只是第一帧静态图
GIF拷贝到剪贴板使用Apple Script解决，关键代码如下，目前测试，粘贴微信，Typora，印象笔记等均OK
```
set the clipboard to POSIX file thePath
```
Giphy返回GIF的URL会有一些参数，需要去掉才可正常下载，否则会报403
下载的GIF动图属于缓存资源，Alfred针对缓存有推荐位置

Cache: ~/Library/Caches/com.runningwithcrayons.Alfred/Workflow Data/[bundle id]，对应环境变量alfred_workflow_cache Data: ~/Library/Application Support/Alfred/Workflow Data/[bundle id]，对应环境变量alfred_workflow_data

当前我选择alfred_workflow_cache，但对应workflow文件夹，Alfred默认并不会创建，需要自己手动创建。
alfred_workflow_cache等路径存在空格，作为quicklookurl时需要进行下编码空格替换为%20才可正常使用
Giphy国内被墙，Mac需要走系统代理，同时Alfred也需要走代理，才可正常使用
Giphy提供了各种平台的SDK，但这里因为是做workflow，因此使用WEB API
Giphy API Key分为Production及beta，Production Key申请审核，5个工作日内即会回信，经测试,申请门槛儿不高。

终端下利用Touch ID，Apple Watch实现sudo授权

Thu, 10 Dec 2020 10:48:57 +0800

一直很喜欢Mac的Touch ID及Apple watch的解锁体验，但身为开发，日常还经常会使用到shell sudo，这时也会提示输入Mac密码，于是我在想是不是也可以用Touch ID及Apple watch实现授权呢，惊喜发现还真可以。

配置方式

注意：这里因为我要实现同时支持Touch ID及Apple watch，因此安装以下两个库，只需要一种的，安装目标库及配置即可。

下载这两个仓库，推荐Git Clone方式
- https://github.com/Reflejo/pam-touchID
- https://github.com/biscuitehh/pam-watchid
install package

在每个仓库目录下执行
```
$ sudo make install
```
编辑sudo配置，开启授权

 $ sudo vi /etc/pam.d/sudo

增加以下配置，在头部
```bash
$ auth sufficient pam_touchid.so "reason=execute a command as root"
$ auth sufficient pam_watchid.so "reason=execute a command as root"


 执行`wq!`保存


## 注意

 1. 上面命令中的`sudo别少`
 2. 配置修改后，`即时生效`，不需要重启终端或执行其它命令
 2. 配置文件中认证授权`顺序`很重要，建议如上即可，个人认为在确保笔记本开盖的模式下，Touch ID比Watch ID高效，毕竟手不用离开键盘
 3. 如Mac在盒盖模式下，自然会切换到下一种认证方式，比如密码
 4. 该配置直接走的是sudo，`与终端App类型无关`，因此iTerm2，IDEA中的terminal均work

## 效果


 ![终端下利用Touch ID，Apple Watch实现sudo授权-图1](https://static.1991421.cn/2020/2020-12-10-174011.gif)

## PAM-科普
好奇模块为什么都以PAM前缀，于是查了下,PAM全称[`Pluggable authentication module`](https://en.wikipedia.org/wiki/Pluggable_authentication_module)

> Sun提出的一种认证机制，
通过提供一些动态链接库和一套统一的API，将系统提供的服务 和该服务的认证方式分开，使得系统管理员可以灵活地根据需要给不同的服务配置不同的认证方式而无需更改服务程序，同时也便于向系统中添加新的认证手段。

点到为止。。

## 写在最后
如上设定，方便多了。但也请注意，安全记录Mac密码，总有需要输入的场景。

Alfred实现一键切换Mac上声音输入输出设备

Sun, 06 Dec 2020 00:44:03 +0800

随着围绕着Mac生态的外设越来越多，经常需要切换声音输入输出设备，GUI操作效率太低，于是借着周末时间，做个workflow来提升切换效率。

实现基础

调研了一番方案，发现选择不多

命令行模块有个方案是switchaudio-osx，但不支持AirPlay，作者也不打算支持，改造的话需要C语言开发基础，为此放弃
AppleScript+Shell，好处是环境Mac内置，无依赖，直接安装运行即可

最终选择了方案2，为此系统学习了下AppleScript，总算搞定，花费也就几个小时。

当前效果

下载地址：戳这里

写在最后

程序员的高效，其中一个标志就是手不离开键盘，有了这个workflow加持，切换声音设备就不需要动用鼠标了，nice！

日常高频使用的Alfred workflow

Sat, 05 Dec 2020 11:11:51 +0800

对于Alfred实在太爱，以至于一旦发现了自己的一个效率需求，就会研究Alfred的可行性，可行就立即寻找第三方的或者自己定制开发，直到今天，我也已经开发了N个workflow，经验贴也很多，给自己点个赞。

无论是自开发的还是第三方的，大部分我在日常会高频使用，这里share下，兴许帮到些朋友。

说明

点击workflow标题链接即可访问下载页面，下载页都会有介绍，因此这里不再赘述，仅以GIF动画展示主要功能。

Workflows如下：

2FA-Read Code

About Mac

App ID

Coinc

Airdrop

Dash

Eudic Tools

GitHub

JetBrains - Open Project - v3

New File

OCR

Pic Uploader

Surge

写在最后

效率工具没有最好，合适即可
在实际安装和使用中，兴许会遇到坑，有以下办法解决
- 这里，我维护了大量我在实际使用中遇到的一些问题点，检索是否有相关的问题，也欢迎提issue
- 在上述workflow的下载页对应提出问题，社区热心爱好者或者作者会回复

Apple系统的文本替换与Alfred的Snippet

Mon, 30 Nov 2020 00:00:00 +0800

一直以来很喜欢使用Alfred的Snippet，将常用的文本块录入，同时还支持配置一些参数，平时可以节约输入重复文本的时间。比如之前我们经常进行CR,结束后需要一个简单的总结，为了提升总结效率，我就做了Snippet。

但是Snippet的弊端是Alfred只存在于MacOS，身为Apple全家桶用户表示不爽。因为Apple系统本身就存在文本替换支持，于是我不得不将一部分的文本块放在系统层配置，这样才可以跨Apple设备支持。但两者的同时使用也必会带来使用混乱问题。于是，我思考了两者的协作问题，这里mark下。

Alfred Snippet VS Apple Text Replacement

首先先梳理下两者的不同。

平台局限性
- Alfred仅支持Mac，没有iOS版，有一个remote App，但本质只是远程操控了下Mac版App的一些功能，非真正的iOS移植版
- Apple的文本替换，会利用iCloud同步到各个设备，一经修改，所有设备都可即时使用
功能局限性
- Alfred的Snippet本身支持各种变量，另外可以借助workflow，实现更强大的替换，且也可以控制最终光标的位置，总之强大
- Apple的文本替换就比较简单，仅仅只是字符串之间的替换
- Mac系统上，文本替换在EN状态下输入不是所有App下都work，比如MacDown，或者Chrome的地址栏，而上述App在中文下Work.对比设备，比如iPhone，iPad则EN还是中文都work。估计是文本替换是存在App适配问题。

统一约定

文本前缀

文本替换虽然好，但是如果本身文本比较没有特征，在实际的高频输入中就会经常意外触发。为了解决这个问题，就必须制定一个前缀，这里我采用t,比如codereview，就会是tcodeview。

之所以这么制定也是有些考虑因素

字母优于特殊符号

因为这套文本替换方案也会经常在iPhone中使用，而手机键盘的布局决定字母前缀的话，可以在不切换键盘的基础上快速实现文本替换，这样效率更高
t means text，也更好联想记忆，具备友好性

文本短语划分

如上所说Alfred并不跨终端，因此对于日常简单的文本短语，比如手机号，家庭地址，邮箱等高频输入的简单文本，在Apple系统层面进行配置
对于工作中使用的复杂的，且主要在桌面端解决的，在Alfred中配置

效果

Alfred Snippet

Apple Text Replacement

写在最后

不断打磨工具，高效才是王道

Alfred实现一键Airdrop

Sun, 29 Nov 2020 10:26:10 +0800

Airdrop算是Apple生态一个重要的体验了，便携的在各个设备之间传输文件，但是呢，离高效还差些，比如总是需要鼠标移动，点击share->airdrop。效率为王的时代，我还是选择自动化这个流程。

当前效果

选择文件或链接，唤起Airdrop进行分享

下载地址：戳这里

使用注意

需要先终端下安装依赖工具库，执行sudo gem install terminal-share

实现基础

AppleScript支持脚本化形式操作App，部分没有函数直接支持的App，可以自动化
- 吐槽下Apple Script官方文档过时且不友好
Mac内置了共享工具函数，借助第三方terminal-share库实现脚本化

当前不足

Airdrop share窗体没有置顶，造成有时候会觉得没唤起，其实在浏览器后面

写在最后

利用这个workflow又可以提升些许效率了，nice！

Alfred实现一键发布Hexo MD文章到Medium

Wed, 25 Nov 2020 23:31:16 +0800

一直在自己搭建的平台书写博客，但是同时也希望能够同步发布到medium。因为medium的社区用户质量较高，积极参与其中既可以大幅度加强我的博文的热度，同时增加与社区大佬们的交流频次，当然也可以提升我贫乏的外语，好处多多。

Medium上，一直以来我是人工进行的文章发布，并且WEB编辑页面不直接支持markdown，所以对我来说effort很高，因此也就没怎么发布几篇。随着medium的不算熟悉，了解到medium提供了API，同时我又是Alfred深度爱好者，因此绝对造个轮子来做到一键发布。

Workflow下载地址：戳这里

实现说明

Medium提供了部分API，当前支持直接创建Story，因此可以做到
- API需要的认证信息有两个token及authorid，而authorid是根据token请求获取的，并且唯一不变。因此这里我已经在首次自动请求获取
Alfred支持file action，可以实现对指定MD文档，实现特定操作
- Alfred下可以做到利用脚本化设置全局变量，这样即可解决authorid的存储问题，避免二次获取

设计

如上即为整体design，感兴趣的下载安装后可以查看具体code

效果

使用

搜索任何一篇Hexo格式的MD文档 => 右箭头=>执行deploy action即可。

不足

由于Medium的API还是支持的太少，如博客后期文章需要修改，那么就需要人工编辑了，这点只能等待官方API的进一步丰富，比如可以更新指定文章
Medium官方支持响应很慢，客服邮箱是yourfriends@medium.com，我曾邮件过询问关于API的使用问题，但石沉大海
Medium国内是被墙的，如果需要正常使用workflow，需要确保终端代理OK
因为使用的Node进行的开发，Yarn进行的包管理，因此如果需要使用该workflow，就需要安装Node，Yarn及该workflow目录下，执行yarn install。考虑到使用用户不一定是Node爱好者，这个安装体验需要改进

写在最后

写这个workflow还是花费了几个小时的，一方面是熟悉MediumAPI，一方面是Alfred Workflow的部分技巧还有盲点，解决完之后也是一种提高，类似问题就没什么effort了。
workflow的开发解决了个人在同步发表文章到Medium的痛点，正如上文提到，更新文章还需要人工，但至少整个方案是当前条件下的最佳结果了，也算是节约了一部分的体力工作量。

so，继续努力！

Alfred实现Surge Workflow

Mon, 16 Nov 2020 00:00:00 +0800

对Surge的使用一直有个痛点，就是比如我想切换系统代理开关状态，或者出站规则，我需要光标移动到右上角，点击，再点击，整个操作流程一点也不高效。之前曾考虑过Apple Script操作GUI来解决问题，但是编写较麻烦。

最近刷推发现Surge Mac4.0发版了，并且提供了HTTP API支持，对于我这样一个Alfred爱好者，我看到了自动化的希望。于是快速入手，花了半小时，便实现了workflow。

资费

Surge Mac4.0，我这次没用之前的号升级license，而是选择全新购买了单设备license 39.99刀，八折活动截止11月20日

资费详情，请戳官网

实现基础

Surge Mac 4.0.0、Surge iOS 4.4.0开始提供HTTP API，API详情戳这里
Alfred Workflow，支持各种脚本语言操作，这里我使用nodejs来实现

实现细节

Surge开启HTTP API

http-api = examplekey@0.0.0.0:6171

利用JS请求API

效果

workflow下载地址-戳这里

我想说妈妈再也不用担心我操作Surge抵消了，对于IT人来说，键盘一顿操作才是王道，才是高效。
据官方作者所说，后期还会开放更多API，期待ing

当前的不足

因为API提供的还不够全面，比如无法获取当前选中的profile

写在最后

如上实现后，即可高效切换Surge的功能模式了，perfect！

Mac外接麦克风

Sat, 14 Nov 2020 00:00:00 +0800

在家因为有了大屏显示器，所以Mac喜欢走主机模式，不使用屏幕。但注意到假如盒盖模式，Mac本身的mic是不可用的，扬声器还可以正常使用。如果想正常的使用mic，直接切换到耳机就行，但是如果不想使用耳机呢，那问题就来了，如何外接mic？

购买mic及耳机转接线

成本如下

阿斯泛（XFAN） D1 机顶麦克风 153RMB
绿联（UGREEN）耳机麦克风一分二转接线 21RMB

安装

注意

以看到Mac正常识别外接mic为连接成功如上图
要使用XFAN的相机连接线即两阶线连接到UGREEN转接线的mic输入端
虽然这里我没有连接耳机，但在Mac-声音-输入设备中也会看到外接耳机，忽视即可
网上看到一些介绍说必须保证转接线的耳机也需要有接入才可以保证Mac正常检测到外接mic，经检测是不需要这样

桌面固定

因为我是用在桌面Mac上，所以需要固定下。

研究下了可以使用以下两个方案

蓝丁胶解决
迷你便携三脚架，1/4螺口即可

当前我采用方案1

写在最后

如上简单设置后

在Mac盒盖情况下，可以使用Mac的内置喇叭+外接mic了，nice！
当然你也可以单独使用外置的喇叭比如HomePod，灵活即可。

Alfred实现一键翻译

Sat, 03 Oct 2020 09:51:01 +0800

应一个朋友的诉求，实现了基于百度翻译API的workflow，这里简单share下

翻译服务

因为朋友的明确需求是百度翻译，所以这里也就选择了百度。但个人更喜欢谷歌翻译，因为确实翻译质量相对好些。

使用百度翻译服务需要以下两点

注册百度账号
获取APP ID，密钥，对应的API服务确保开通

开通地址：https://fanyi-api.baidu.com/product/113

Workflow实现

整个实现很简单，无非是请求API，获取翻译结果，友好展示。

感兴趣的看源码，不感兴趣的直接下载我做的即可。

下载地址：戳这里

坑-52003错误

在实际开发中遇到了个问题，吐槽下。百度的垃圾果真是出了名的，按照官网API，使用POST，报一下错，但是GET却可以。我一度以为是我姿势不对，看了几回API，对比发现是百度的锅。

data: { error_code: '52003', error_msg: 'UNAUTHORIZED USER' }

效果

写在最后

毕竟是免费的东西，所以如果出现不稳定，大概率是百度了。

个人iPhone软件清单

Thu, 17 Sep 2020 00:00:00 +0800

梳理下个人iPhone软件，留作记录，也能为部分朋友提供参考

说明

部分为付费APP，对应也有很多免费开源的，但APP最终是看产出价值，这些APP对我的工作生活有了很大的帮助，还是值得的。
因个人贫穷，部分付费APP，采用学生license或者试用解决。学生认证可以免费，功能是完整的。试用版功能也完整，只是有时间限制，但是有办法清除掉试用记录，则可以一直使用了,当然这招不好使，你只能TNT了
对于付费APP，在经济可接受的范围内，在力所能及的范围内，能买则买，支持正版。
不定期更新，So部分APP会被替代。
在不断的选择和打磨APP时，我有一点感受，APP之于我们，就如同宝剑之于剑客，不在多，在其顺手及锋利。所以挑选出合适自己的,然后深入了解学习，最终提升自己的效率，让工作生活因之变得更美好。

App清单如下

Claude

功能: AI聊天/翻译/deep research
资费方案: 付费/订阅/月
备注: Claude比GPT，少了中文语音等，但没办法为了Coding能力，选Claude。一般用户的话，更推荐GPT。目前谷歌搜索的使用频次明显下降，AI是我的高频使用工具了。

YouTube

功能: 视频
资费方案: 付费/月订阅
备注: 视频丰富全面，学习娱乐两不误

X

功能: 刷推关注最新资讯，比如OpenAI官方推特
资费方案: 免费

Things

功能: GTD
资费方案: 付费/买断
备注: 颜值最高的TODO App。

微信

功能: IM
资费方案: 免费

微信读书

功能: 阅读书籍/杂志
资费方案: 付费/年订阅

功能: IM
资费方案: 免费
备注: 迄今为止体验最好的通讯App

支付宝

功能: 支付
资费方案: 免费

招商银行

功能: 金融理财
资费方案: 免费

掌上生活

功能: 金融理财
资费方案: 免费

京东

功能: 电商购物
资费方案: 付费/年订阅

拼多多

功能: 电商购物
资费方案: 免费
备注: 与京东互补，满足shopping需求

闲鱼

功能: 二手买卖
资费方案: 免费
备注: 快速回血好方式

1Password

功能: 密码管理
资费方案: 付费/年订阅

Surge

功能: 网络代理
资费方案: 付费/年订阅
备注: 极度值得购买

欧路词典

功能: 单词查询
资费方案: 免费
备注: 支持第三方词典导入

携程

功能: 旅游
资费方案: 免费
备注: 很喜欢一生的旅行这个feat，不过真正订酒店还是推荐对比下去哪等平台的价钱，选价低的。

滴滴

功能: 交通出行
资费方案: 免费

高德地图

功能: 地图导航
资费方案: 免费

Google 相册

功能: 图片
资费方案: 免费
备注: 托管所有的图片，存储空间不限

Fantastical

功能: 日期
资费方案: 免费
备注: 日历事件管理

GitHub

功能: 玩转GitHub
资费方案: 免费
备注: 官方App，有时候处理开源项目PR或查看repo等

Spotify

功能：听歌App
资费方案：订阅
备注：对比国内音乐App，纯粹的多，也没广告/社交。个人走的付费版，当然免费版也可以听，功能受限且有广告。

写在最后

还有几款App，Kindle，Medium，Oreilly比较喜欢，但阅读类App现在个人倾向在iPad mini下使用，毕竟屏幕较大。
App合适顺手即可，使用得当即是生产力

Chrome开发者工具使用小技巧

Thu, 30 Jul 2020 23:00:13 +0800

熟练Chrome小技巧，可以提升开发效率，这里记录下平时摸索到的一些技巧

拷贝请求部分数据

比如拷贝返回body体，可能习惯了在请求详情的response tab页，双击全选，但是操作实际上不方便的，最快的方式如下。

选择多个资源类型

按住⌘，即可选择多个

designMode

控制台开启后，可以直接编辑页面，有时基于页面编辑修改后，直接给业务演示还是比较方便的，省下来截图PS的麻烦。

document.designMode='on'

网络全局搜索

我们经常使用filter来进行请求过滤从而找到目标请求，但是filter只支持URL，状态码及方法，有时我们只知道整个请求URL中的关键词，或者响应体中的关键词，那么可以利用全局搜索会更高效些。

检查难以捕获元素

如果一个元素只依赖hover等条件才显示，那简单，开发者工具选择元素，强制元素状态为hover即可。但有时条件化显示元素并不好捕捉，鼠标移动过去元素就消失了，很恼怒。这时可以利用debuger进入断点来解决。

setTimeout(function() { debugger; }, 5000);

控制台执行该代码开启定时器，5s内操作到显示出目标元素，之后页面进入断点，这样就可以继续使用inpect来查看目标元素和上下文状态了

console

在console中如果想查询元素时，除了直接写JS提供的API，比如Document: querySelector() ，还可以使用Chrome提供的。比如$(selector)。

常用的是

$(selector) ，看作querySelector的函数别名。
$$(selector)，看作queryAllSelector的函数别名。

注意，$并不总是jQuery，除非页面本身加载了jQuery。

Apple新系统升级到降级之路

Fri, 10 Jul 2020 00:00:00 +0800

WWDC结束，我便快速的升级了iPhone,iWatch,Mac，以为会是一直升一直爽，然而心情就像过山车，先让我哭一会儿。

虽然多少对内测试版的不稳定有些心理准备，但真升级后，不得不说心情就像过山车。

如何升级

访问该网页，按照提示下载安装Profile，之后就会有新版提醒，直接安装即可升级。

https://betaprofiles.com

注意

beta版，Apple基本上两周一更新，直到秋季发布会
升级前一定要备份，比如Mac进行Time Machine备份，推荐NAS方案，性价比很高，iPhone的话有iCloud备份

升级后各个设备出现的问题

升级带来的新鲜感还是有的，比如iPhone的Widget，Mac的新UI。但伴随新鲜感的同时带来的问题也是蛋疼的。

Mac

bartender彻底废掉
terminal经常不work，只能重启解决，beta2好转
关机经常失效，搞的我经常强制关机
欧陆词典崩溃
内存经常爆满。。。

iPhone

微信闪退
AirPods hey siri失败

iWatch

毕竟功能较少，也就看个时间，卡路里，还好

升级一时爽，建议高频日常通勤设备不要升级测试版了，问题太多，影响日常工作生活。

macOS Big Sur降级

因为我的主生产力工具是Mac，但新系统的不稳定已经严重影响我的效率，所以决定降级，同时因为有TM的不间断备份，所以理论上是可以完美还原的。

当然实际的降级恢复不是很顺利，因为姿势不对。

注意

直接本机器重装系统是没用的，因为会以电脑中的最新版系统比如Big Sur进行安装
当前Big Sur连接Time Machine是会报错的

降级的正确步骤

开机按住⌘ ⇧ ⌥ R，进入网络装机
格式化硬盘
选择重新安装系统
启动机器，选择Time Machine-具体的日期备份-恢复

写在最后

这次升级带来了诸多的麻烦，但同时也有2个收获认识。

高频使用的生产力工具在盲目升级后带来的严重后果，给自己一个严重的警告和批评，以后再也不犯这种错误了。
备份及云端存储的重要性，NAS开启Time Machine，可以作为系统层面的备份，iCloud同步苹果设备的一些数据备份，One Drive进行Alfred配置备份，Google Photos照片备份，印象笔记本身的云笔记存储，Jetbrains IDE 进行的GitHub设置同步备份等等，这些服务一开始的规划也是花时间的，但是当这些都形成体系规则后，妈妈再也不用担心我的数据丢失，即使是一台新的Mac，新的iPhone 11拿到手，也可以利用这些云端数据快速的打磨出一台跟以前一样好使的设备。

谷歌浏览器遇到Failed to load response data

Tue, 30 Jun 2020 00:00:00 +0800

最近测试团队提出一个问题-Web有个请求Failed to load response data

于是开始了分析及解决，这里Mark下

排除情况

response.status是200，说明请求正常发起及返回
该请求的返回体为空，但面对空返回体，Chrome显示是This request has no response data available，而这里显示并不同，所以不是这个问题

原因确定

因为排除掉了上述的原因，那么敲定一定是浏览器端的代码问题了，然后发现问题请求的代码执行后，紧接着是页面刷新。由此确定了====》是因为立即刷新导致请求的response没有来得及加载造成的。

问题复现

比如发起一个异步请求且没有返回体，响应回复后直接刷新页面，发现问题完美复现，但是比如刻意增加延迟2秒，则显示为This request has no response data available. 到此问题彻底搞明白了。

延伸

Canceled

我们平时谈到的请求状态是围绕着请求回复成功握手，进而返回的哥哥状态。但初次之外还有些其它情况，比如上述这种，还有canceled状态，该状态一般是因为JS脚本中人工中断了请求，或者请求还在处理中，而页面刷新所造成的。

写在最后

关于该问题的资料，在网上搜索发现并没有提到这种情况，因此记录下，兴许帮助些朋友。

参考文档

Chrome dev tools fails to show response even the content returned has header Content-Type:text/html; charset=UTF-8

Alfred实现一键连接蓝牙设备

Mon, 01 Jun 2020 22:45:35 +0800

个人是AirPods等无线设备的强烈支持者，很多年不曾使用过有线鼠标，耳机了。但日常使用存在这样一个场景，平时AirPods是连接的iPhone，但有时比如要开会，我需要快速连接到Mac上去。当前的操作是，滚动鼠标到屏幕右上角蓝牙图标=》点击蓝牙图标，选择AirPods=》选择连接。OK，操作繁琐，于是我想做个workflow来快速连接断开蓝牙设备吧。

当前效果

当你选中一个断开连接的设备，则设备就会连接，反之，则会断开。妈妈再也不用繁琐的操作蓝牙连接了。

下载地址：戳这里

使用注意

配对还是需要自己手动在系统蓝牙面板中操作，这里只列出配对的蓝牙设备
选中一个蓝牙设备，回车即可连接或断开蓝牙设备
支持AirPods左右耳机电量显示

实现基础

第三方类库blueutil，本身workflow只是执行了该命令进行设备展示和连接而已。
hammerspoon读取系统蓝牙设备电量信息，用于AirPods电量显示，假如不需要电量信息展示，不安装即可，我做了容错处理。

当前的不足

为了确保及时显示蓝牙设备的电量信息，只能依赖了hammerspoon，毕竟Alfred本身是不具备访问系统信息能力的，都需要借助AppleScript，Shell，等。
局限在Alfred的Script Filter设计，我必须要确保显示设备前拿到最新的电量信息。所以设定了2个关键词，用户必须要多回车一次，这也是没办法的办法。

首次开发Chrome拓展程序

Sun, 31 May 2020 22:21:25 +0800

一直没做过Chrome拓展开发，最近发现京东跟阿里一样，在一些权益上刻意为用户设绊子，浪费宝贵的时间，于是顺便做个小工具，也权当Chrome插件开发练手。

工具的目的

自动点击摇一摇
定时自动获取目标金额优惠券

工具作用不大，但节省了几次鼠标点击的体力操作和对于定时才可以领取优惠券的惦记。so,个人觉得有点意义。

不完美的地方

因为是桌面端浏览器打开移动端网页，发起请求，因此还应该要模拟成手机端请求，比如有些活动必须手机端访问才行，应该是可以篡改请求头部来骗过服务端的，这个留待有需求了再解决吧。

拓展下载

这里我做的插件如何下载呢，戳这里

不好用，欢迎吐槽。

扩展开发的几点收获

如何快速开发

要知道扩展开发需要的技术还是网页三元素，所以了解前端的应该是毫不费力。
要知道扩展crx后缀实际上是个压缩包格式，类似于Java的war包，实际上是一堆的class字节码文件，开发版的不需要打包成crx，也可以直接安装。
要知道官网，具体的技术问题谷歌，看几个别人的开源项目，三者结合足够了。
个人在开发中看了一本EBook-Creating Google Chrome Extensions，看完觉得该书一般，很多的细节点事没有讲述的，但鉴于这类书籍确实不多，假如想通过书籍学习，就了解下，权当做个粗粒度参考

扩展的能力范围

既然做，就知道扩展能干什么，比如扩展能像Alfred一样锁屏Mac吗，我想不可以。so，知道一个技术的能力范围即局限性很重要。

拓展打开的网页功能，比如扫描DOM结构，生成目录弹窗，比如修改浏览页面样式，比如操作元素行为都是可以的，因为扩展可以在目标页面加载一段自定义的JS，那么不就为所欲为了吗。
操作Chrome本身的一些功能，比如tab,比如开发者工具，比如主题，再比如notification

写在最后

最近半年个人很迷恋小工具的编写，比如IDEA的插件已经写了4个以上，Alfred的workflow写了6个以上，这次又了解了Chrome的扩展开发。这些工具形态虽有所不同，但本质都是我在实际工作生活中为解决实际的诉求，而进行的尝试。这些工具给我带来的直接和间接收益早已超出了本身对其的投入成本。
一直很羡慕那些有Idea，然后快速做出，并不断持续改进、持续推陈出新的人。现在多少也有点这类大神的一点感觉，当然还差很远，所以继续努力喽。
个人觉得技术人多了解几个方面的技术始终是有好处的。就像你熟悉了B，对于A的问题都会有帮助。知识也许有界限，但知识之间也一定有交集和一定互有影响，

寥寥废话，仅供参考。

学习资料

Alfred实现一键检索印象笔记

Sat, 30 May 2020 13:12:55 +0800

最近思考如何在Alfred中实现印象笔记的检索功能，好在社区中已经有好人实现了一版，但其支持的是Alfred3及Evernote，所以需要进行下改进。当然如果功能有不满意的，还需定制自行改进下，不过问题不大，开搞。

当前效果

下载地址：戳这里

想知道如何做到的，继续看。

脚本改造

将scpt文件中的两处进行替换

com.evernote.Evernote替换为com.yinxiang.Mac
com.runningwithcrayons.Alfred-3替换为com.runningwithcrayons.Alfred

查看APP签名

如何获取目标APP的签名信息呢？命令如下

codesign -dv --verbose=4 /Applications/印象笔记.app

写在最后

在前人基础上，2个替换就实现了印象笔记的支持，还是比较简单的
为何Alfred能够做到印象笔记检索呢？背后的可行性是在于，Evernote本身开放了部分API，本身就提供了apple script的支持，具体可查看Evernote开发者API。
印象笔记是Evernote的中国区本土化产品，但核心的功能毕竟还是Evernote，所以也就支持了。

参考文档

Alfred实现一键OCR截图识字

Sat, 30 May 2020 00:00:00 +0800

最近在刷题，发现很多公众号为了保护个人知识版权，都是用图片来发题，这样在测试时，每次都需要从零手写，这样就很浪费时间。于是考虑搞个截图识字来节约时间。

OCR服务-百度

OCR服务商还是挺多的，谷歌，腾讯，百度等。因为百度的SDK支持NodeJS，而腾讯不行，谷歌毕竟在墙外，可靠性弱一些。所以选择百度。

个人不喜欢百度，但是毕竟OCR服务有限量免费，不用白不用。

Workflow实现

原理是获取系统剪贴板中图片，API请求百度OCR服务，进而返回文本显示。具体安装后查看配置即可。

下载地址: 戳这里

如何安装

workflow文件

双击workflow文件即可安装。但还需要做些环境配置。

系统环境

假如没有安装node,需要先装下

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.3/install.sh | bash

nvm install 12


brew install pngpaste
npm install baidu-aip-sdk -g

workflow配置

登陆百度智能云，选择文本识别，创建应用,将高亮的三个值配置在workflow中

当前效果

Alfred实现一键登陆OpenConnect VPN

Tue, 26 May 2020 00:00:00 +0800

经常需要登陆公司VPN，一直使用脚本登陆，但还是不够高效，于是为了节约时间，利用Alfred来实现一键VPN。

Workflow

workflow中的关键点有以下几步

keyword获取用户输入的手机验证码
临时存储keyword到变量中，原因是还需要用户进一步选择服务器节点
list filter的keyword随便输入一个且与第一步的keyword不同即可
脚本使用了expect，所以最终执行需要terminal command,无法选择Run Script
因为系统密码及VPN账户我走的workflow环境变量而command是不支持环境变量解析，所以增加Run Script解析变量

shell脚本

Run Script

echo "/Users/qhe/Documents/Shell/vpn.sh $code {query} $mac_password $username $password"

变量解释

query即验证码
mac_password即Mac笔记本密码
username即vpn登录用户名
password即vpn用户密码

注意

workflow中的变量和环境变量在shell解析都是$name来解析
如上，这里打印出最终终端想执行的命令，包含了变量
注意Shell脚本如果没有执行权限了，需要+x

Terminal Command

只需要解析了query即可，{query}，即上一步打印的结果

#!/usr/bin/expect
set code [lindex $argv 0]
set url [lindex $argv 1]
set macPassword [lindex $argv 2]
set username [lindex $argv 3]
set password [lindex $argv 4]

spawn sudo openconnect "$url"
expect "Password" {send "$macPassword\r"}
expect "Enter 'yes' to accept" {send "yes\r"}
expect "Username:" {send "$username\r"}
expect "Password" {send "$password\r"}
expect "Password" {send "$code\r"}
interact
~

写在最后

之前一直不懂如何在Alfred中让用户进行多次输入操作，现在明白了，如上keyword加listFilter即可实现。而为了保存用户每次操作后的值，使用var and arg进行保存。

Mac下快速拷贝文件路径

Wed, 29 Apr 2020 21:04:02 +0800

有这样一个需求，我希望在finder中快速拷贝选中的文件或者文件夹路径。

不满意的方法

当然有第三方的APP比如Easy New File可以，但是为了一点需求，而安装一个臃肿的APP，实在不愿意
Alfred解决也可以，选中文件，或者文件夹，一个热键触发，搞定路径。但Alfred是无法拓展右键菜单的，我需要记忆一个快捷键。

那么有没有办法可以自定义右键菜单，提供一个拷贝路径的操作呢。YES-Automator

Automator介绍

Automator是苹果公司为他们的Mac OS X系统开发的一款软件。只要通过点击拖拽鼠标等操作就可以将一系列动作组合成一个工作流程，从而帮助你自动的（可重复的）完成一些复杂的工作。Automator还能横跨很多不同种类的程序，包括：访达（Finder）、Safari网络浏览器、iCal、地址簿或者其他的一些程序。它还能和一些第三方的程序一起工作，如微软的Office、Adobe公司的Photoshop或者Pixelmator等。

初步了解后，我们就可以知道它的能力上限，和能力范围。

Alfred的不足

Automator是可以节省很多重复操作，Alfred也类似，但是Alfred有先天的一些不足。

定时任务不支持，这点也与这款产品的设计理念有关。Alfred的唤起无非是关键词，或者快捷键，这些都是主动触发的
不支持自定义菜单

以上2点，Automator却可以，不得不说真香。

制作Workflow

知道了它能做什么，那就开搞。这里就不详细介绍了，因为官网写的很明白。戳这里

当前效果

选中文件夹或者文件，右键-service中即可看到自定义的菜单项-Copy Path，完美

这里贴出我做的，戳这里,下载安装即可使用

写在最后

看似一小步，但类似的需求就知道了实现手段，所以值了。

Alfred实现一键上传截图到图床

Sat, 04 Apr 2020 22:19:29 +0800

因为个人博客从国内迁移到了国外，服务器销毁，备案域名也就失效了，博客中的图片等资源一直走的七牛云图床+自定义域名，因此受牵连不起作用。在考虑新图床时，尝试使用了下imgur，但该服务却是被墙的，总之各种不爽。

忍受一段时间后，决定自建图床，同时将七牛云的历史图片资源进行下迁移，保证之前博客中图片资源可以正常访问。同时为了快速上传图片资源，利用Alfred创建便捷workflow。

这里就简单Mark下整个过程。

批量下载七牛图床资源

关于七牛云上托管的的图片，发现不可以预览和下载，实在无语，还在客服服务还不错，经过咨询，了解到了解决办法。

七牛客服给出的完整方案看这里

VPS实现静态资源托管

自己实现图床，实际上也不过是有台公网环境可以访问的WEB服务即可，因为我的博客本身就托管在一台VPS上，于是只需要再改下配置即可

DNS增加域名解析，比如我这里static.1991421.cn
Nginx进行下配置即可，详细自行查找资料

Alfred实现一键图片上传

之前一直使用的iPic无法支持自定义图床。于是只有放弃，自己造轮子了

这里我是用Alfred的Workflow实现下。

如何使用

应用截图或者选中图片文件，⌘ C拷贝，然后一键⌥ ⌘ U上传，⌘ V得到的markdown格式WEB地址。

效果如下

需要Alfred Workflow的戳这里

写在最后

经过一番折腾，之前无法访问的博客图片资源终于找了回来，且恢复了正常
写作中图片资源终于可以自己掌控管理了，imgur，七牛都不再需要了
Alfred的加持确保了上传体验与原先基本一致，对整个操作上没有造成新增的成本开销。

so，值得折腾一把。

参考资料

Mac下Dash使用指南

Fri, 28 Feb 2020 00:00:00 +0800

今天花了点时间，研究了下Dash的使用，以前的使用还是不够系统和清晰，经过调整，打磨，进而提高效率和生产力。

注意，Dash Mac版付费。

功能点

查询语言API

作为一个前端er,经常查询HTML，JS的兼容性等，有了dash就可以很方便的查看。虽然只是简单的将MDN的文档爬了下来，但确实节约了大量的检索时间。
Annotation

有时对于一些细节点，可以添加笔记加入自己的理解，写下来，就跟以前看书做笔记一样。
~~Snippet~~

该功能，个人废弃不使用。

个人实践

关于Snippet，我推荐使用Alfred和系统设置层面文本替换进行管理。snippet目前划分两类，前缀一致都是t开头，只是动态的，放在Alfred，静态的优先配置到文本替换里。
- t means text，文本，比如手机号，住址等信息，都可以配置成snippet。
- 系统的文本替换会同步到各个苹果设备。
- 这里的Alfred也可使用同类App如Raycast替代即可。

写在最后

经过如上的设计，关于代码这块也可以更为高效复用了。
还是老话，工欲善其事，必先利其器。这里目的仍是为了打磨利器，进而提升生产力。

利用Alfred实现欧陆词典高效查词

Sun, 03 Nov 2019 00:00:00 +0800

欧陆词典是我现在查词的唯一词典，但整个操作体验上还是不高效，于是打算花点时间打磨下

吐槽下当前欧陆

打磨前，先吐槽下个人觉得不爽的地方

取词查词方面，自动取词设置的话，则每个地方都会一直显示着查词图标，对于追求简洁的我非常反感，手动取词的话，每当想查词时，就自己再输入一次单词检索。
无法做到一键发音，要么选择查词后自动发音，要么就需要光标操作去选择触发发音

使用流程设计

既然要打磨，就先定个目标，下图为我设计的操作流程。其中解决2个痛点

唤起欧陆词典后，不用再手动输入一次目标词汇
一键美式发音

技术

Apple Script实现操作APP查词及发音
Alfred实现获取光标选择内容及热键

Eudic设定

关闭热键设定

自动执行单词检索


tell application "Eudic"
 activate
 show dic with word "{query}"
end tell

一键发音

on alfred_script(q)
tell application "Eudic"
 activate
 set windowName to the name of the front window
 speak word with word windowName
end tell
end alfred_script

备注:欧陆一键发音是美式发音,正好是我需要的，假如不是，那就不能使用这个方式，需要实现操控光标操作GUI元素的方式解决。

最终的Alfred workflow

注意

快捷键之所以这么设定是因为，目前我的设计方案是⌘ ⌥ 组合来实现系统级快捷键，而⌘ ⇧组合实现应用级快捷键。E means eudic,s means speak
之所以第一个workflow还要再加上launch是为了置顶app,网上提到的方案set frontmost to true不起作用。

Workflow下载地址：戳这里

最终效果

第二个一键发音的效果无法展示，自行感受。

AppleScript使用技巧

这番打磨顺便了解了Apple Script，资料其实很少，这里也记录下常用的技巧。

Apple Suite

针对单个APP，我们能做哪些动作，取决于Apple Suite。打开Script Editor,按下⌘ ⇧ O，选择具体APP，可以看到对应的类属性和函数。

log打印

log hello

变量设置

set name11 to "1111"

写在最后

如今查词比以前又高效些了，Perfect！

一键连接Cisco AnyConnect Secure Mobility Client

Sun, 06 Oct 2019 00:00:00 +0800

因为最近众所周知的原因，上不了外网了，so开始使用公司VPN，但是公司VPN连接起来总是很费时间。步骤繁琐，于是考虑如何解决。

公司的一封邮件给了很大的帮助，测试成功，这里我也总结一番。

繁琐的启动步骤

启动Cisco AnyConnect Secure Mobility Client
输入账户密码
选择手机短信验证码校验
手机查收短信验证码
客户端输入验证码
点击确定

如何自动化呢

安装oath-toolkit
```
$ brew install oath-toolkit
```

编写shell脚本

比如叫vpn.sh

#!/bin/bash

killall 'Cisco AnyConnect Secure Mobility Client' 2>/dev/ null
/opt/cisco/anyconnect/bin/vpn disconnect >/dev/null

code=`oathtool --totp -b **secret_key**`

/opt/cisco/anyconnect/bin/vpn -s connect $1.company.vpn.com << EOF | sed 's/Password: .*/Password: ********/g'
**username**
**password**
**second_authentication_method_index**
$code
EOF
open -g '/Applications/Cisco/Cisco AnyConnect Secure Mobility Client.app'



3. 填写变量信息

 - secret_key为我们vpn登陆认证的secret key，比如我司用的Okta Verify，则登陆网站，在修改密码=>Extra Verification=>Okta Verify Mobile App=>Setup=>Next=>Problems scaning barcode=>找到Secret Key，记住这个key.点击返回可继续增加手机App校验。记住两者不影响
 - username即VPN用户名
 - password即VPN用户密码
 - second_authentication_method_index指的是当我们VPN登陆时，选择的校验类型，选择对应的即可，我们既然选择了Secret key，找到对应的序号填入即可

 到此，最麻烦的手机校验码通过这个secret key搞到了

4. shell增加执行权限

 ```bash
chmod +x vpn.sh
 ```

5. 执行脚本

 ```bash
 ./vpn.sh bj

 ```
 这里为什么会有个bj变量，是因为我司的VPN有多个节点服务，如上脚本对应的是`$1.company.vpn.com`中的变量，假如不需要,去掉这个变量即可。

脚本会自动启动cisco客户端并且连接OK。这样每次就可以不用执行繁琐的步骤了，至少节约2分钟*N次。另外启动时，会杀掉客户端的其它进程，客户端运行中，我们重新执行这个脚本，也不会有问题。

## 锦上添花
做到了自动化，每次手动去打开终端，执行脚本还是不够优雅。怎么更好呢，利用Alfred配置个workflow，比如唤起Alfred，输入VPN，回车自动执行脚本，岂不美哉？

## 写在最后

重复操作即是体力，学会用工具去解决体力劳动，加油！

个人Chrome插件清单

Thu, 03 Oct 2019 23:55:57 +0800

之前梳理过，自己常用的APP，常用的硬件。这次梳理下Chrome日常使用的插件，并且分享点自己的使用心得。

对于我所使用的插件，大致可以分为两类。

持续更新

日常使用

1PasswordX -Password Manager

配合1Password Mac，iPhone多端App使用,平时就是快捷键唤出，快速填充密码。

AdBlock

鼎鼎大名的广告拦截工具，当然有些是拦截不掉的，比如知乎/爱奇艺等等，有些服务如果刚需，还是适当付费。

Vimium

对于网页一些操作，可以使用vim习惯，比如G快速移动到底部，yy复制当前网址。这些操作熟练后，可以提高部分效率。

注意，由于快捷键与GitHub网页快捷键存在冲突，所以需要添加排除规则

Tampermonkey 这个插件，个人觉得作为所有插件的补充，利用JS来实现对制定目标网站集的个性化操作。比如，我经常上的一个电影下载网站，它加载了一些广告JS，导致进入网站，点击电影，总是先跳到一个流氓网站，烦不胜烦。于是这个插件就派上用场了。
```
(function() {
 'use strict';
 window.setTimeout(()=>{
 const ads = document.querySelectorAll('a[id^="cs_ap_"],div[id^="cs_DIV_cscpvric"],iframe');
 ads.forEach(item=>{
 item.remove();
 });
 document.body.onkeydown=null;
 },200);
 })();
```
uBlacklist

屏蔽部分站点搜索结果，不支持垃圾某度。

Modern for Wikipedia

Wikipedia UI美化。

Image downloader - Imageye

快捷/批量下载网页中图片，支持快捷键Command Shift Y唤起图片下载器，下载器里支持图片尺寸筛选、右键拷贝到剪贴板等很多实用功能。平时获取图片素材很方便。
Copy as Markdown 选中文本右键转换为markdown格式，平时需要markdown格式文本的话，这个很高效。
Video DownloadHelper 自动捕获网页中视频，点击即可下载，比如一些产品介绍网页/推，测试都可以，注意，使用时会提示安装本地App搭配使用。

开发者

Wappalyzer

Web开发者必备，可以一览目标网页所用到的技术
Open SEO Stats

对于一个正在访问的网站，有时需要了解站点的基本信息，比如对应服务在哪个国家，IP信息等等。

React Developer Tools

react开发者必备，毋需多言。

Redux DevTools

redux开发者必备，毋需多言。

插件下载-CRX

因为众所周知的原因，我们正常是无法访问谷歌的，so更是没法进入商店下载插件了。但chrome是可以离线安装插件的。那如何找到插件的crx文件呢。

推荐这样一个网站，输入插件的商店地址，点击即可下载文件。另外这个站点没有被墙。

https://crxextractor.com/

插件安装

点击chrome的拓展程序，拖拽crx文件进入chrome，即会自动安装

虽然上述方案可以解决，无法谷歌情况下的插件安装问题。但衷心希望大家解决掉谷歌问题，这样才是根治。

写在最后

以上就是我常用的插件，还是那句话，不要为了工具而工具，不要为了效率而效率。找到适合自己的，并且熟悉之后解决了实际的问题，那才是最好的。

利用Hammerspoon做些自动化

Sat, 28 Sep 2019 16:08:52 +0800

之前知道Hammerspoon，但没玩过，最近看了下，试着写了些脚本，觉得有点意思，这里Mark下

以下我用hs来代指hammerspoon

小工具制作

实现功能

系统自动静音
MVN切换设定

上代码

-- audio mute 
-- change mvn setting 

local workWifi = 'company-wifi'
local outputDeviceName = 'Built-in Output'
hs.wifi.watcher.new(function()
 local currentWifi = hs.wifi.currentNetwork()
 local currentOutput = hs.audiodevice.current(false)
 if not currentWifi then return end
 if (currentWifi == workWifi and currentOutput.name == outputDeviceName) then
 hs.audiodevice.findDeviceByName(outputDeviceName):setOutputMuted(true)

 local changeMvnCommand="ln -sfn ~/.m2/settings_company.xml ~/.m2/settings.xml"
 hs.execute(shell_command)

 hs.notify.new({title="HS Robot", informativeText="Connect to Company"}):send()

 end
end):start()

与Alfred的不同

Alfred是提供固定的交互方式，比如关键词，比如快捷键来实现一些功能，从而提高生产力。
hs是以Lua语言为口子，基于Mac系统的底层API封装一套API来帮助我们实现一些功能，比如上述的监听WI-FI变化，执行shellm命令，或者实现分屏等，这些是alfred所做不到的。
Alfred与hs实际上可以做到互补，作为自动化，效率化的两款神器。

参考文档

这种简单工具使用，没有什么比官网更合适的资料了。

VPN下访问内网域名服务

Sun, 22 Sep 2019 00:00:00 +0800

最近因某原因，我的SS集体阵亡，只能换方案了。没招，决定用公司VPN，但内网域名服务却无法访问了。

so,开始了解决之路。

VPN下内网域名服务为何不起作用

为了找到解决之路，先搞明白，为什么VPN下内网域名服务不可用。

我们就拿如何上谷歌来举例子，我们请求代理服务器，代理服务器帮我们解析域名请求找到对应IP，进而请求谷歌服务器，拿到请求结果，返回给我们。so，问题出现在代理服务器肯定解析不出我们的内网域名服务IP。so.问题的关键点在，如何让这些请求不走VPN代理？

办法就在hosts文件。

hosts文件

hosts文件（域名解析文件[1]）是一个用于储存计算机网络中各节点信息的计算机文件。这个文件负责将主机名称映射到相应的IP地址。hosts文件通常用于补充或取代网络中DNS的功能。和DNS不同的是，计算机的用户可以直接对hosts文件进行控制。

打开hosts文件会看到一条记录

127.0.0.1 localhost

搞开发的应该很熟悉，我们经常localhost访问本地WEB项目，其实这个就是域名。假如这个请求在各级DNS也解析不到IP吧。那怎么没事呢，就是因为这里有这条记录，但同时是不是也说明DNS查询优先级低于hosts呢，是的！

hosts文件 VS DNS查询优先级

hosts文件仍然保留在操作系统中，hosts文件的优先级高于DNS查询。操作系统首先会在hosts文件中找域名对应的IP地址，没有找到它才会去问DNS服务器。

解决办法

搞明白了这些，就可以把内网域名服务及IP编辑下了。这里推荐一款APP-iHosts.对于我，只需要在公司开VPN的情况下执行这些host配置。so需要一款App来帮我分组和灵活开关这些设置。

查询域名对应IP

终端执行ping命令，如图即为baidu的公网IP

私有IP区段

TCP/IP协议中，保留了三个IP地址区域作为私有地址：

10.0.0.0/8：10.0.0.0～10.255.255.255
172.16.0.0/12：172.16.0.0～172.31.255.255
192.168.0.0/16：192.168.0.0～192.168.255.255

写在最后

虽然没有了SS，但利用公司的稳定VPN，至少保证还能谷歌，也算是不影响正常工作生活了。

参考文档

Alfred实现一键切换Maven设定

Sun, 18 Aug 2019 23:32:29 +0800

因为公司项目需要使用公司的内部Maven资源，在家里并不需要，这样来回切换设置，很耗时。本着自动化的思想，考虑做个脚本来切换源。

脚本化-初步方案

在网上看到一位道友的文章-脚本切换，给了启发。这里贴下脚本化。

#!/bin/bash

base_dir=~/.m2
setting_home=settings_home.xml
setting_work=settings_work.xml

PS3='Please enter the number of your choice: '
options=("home" "work")
select opt in "${options[@]}"
do
 case $opt in
 "home")
 ln -sfn ${base_dir}/${setting_home} ${base_dir}/settings.xml
 echo "Switched setting.xml to home!"
 break
 ;;
 "work")
 ln -sfn ${base_dir}/${setting_work} ${base_dir}/settings.xml
 echo "Switched setting.xml to work!"
 break
 ;;

 esac
done

如上，即可实现交互式执行脚本来做切换。但这种方案还是需要每次执行下脚本。有办法做到一键切换吗？有的！Alfred就可以。

打造Alfred Workflow-进阶方案

如何做呢？

添加input keyword

添加list filter

添加脚本执行

针对上面的脚本，进行下改进。

base_dir=~/.m2
setting_home=settings_home.xml
setting_work=setting_work.xml

if [ "{query}" == "home" ];
then
 ln -sfn ${base_dir}/${setting_home} ${base_dir}/settings.xml
else
 ln -sfn ${base_dir}/${setting_work} ${base_dir}/settings.xml
fi

mvn setting默认配置

这里贴下maven默认的settings.xml配置戳这里

添加notification

为了提升体验，每次切换成功后，通知下。

最终效果

到这里，我们就可以做到一键切换Maven设定了。完美。

参考文档

Shell 脚本切换 Maven 的 settings.xml

绘图利器PlantUML使用学习

Sun, 26 May 2019 00:00:00 +0800

最近同事推荐了一个工具PlantUML，利用文本来绘制程序的复杂逻辑。体验下觉得不错，这里学习记录下。

插件下载

Visual Studio Code和JetBrains公司的IDEA等都有对应的插件支持，这里贴下链接。

Visual Studio Code-PlantUML
JetBrains - PlantUML integration

上定义

工具有了，开始学习。

UML是啥

统一建模语言（英语：Unified Modeling Language，縮寫 UML）是非专利的第三代建模和规约语言。UML是一种开放的方法，用于说明、可视化、构建和编写一个正在开发的、面向对象的、软件密集系统的制品的开放方法。UML展现了一系列最佳工程实践，这些最佳实践在对大规模，复杂系统进行建模方面，特别是在软件架构层次已经被验证有效。

完整介绍，戳这里

PlantUML

PlantUML是款,可以利用文本语言来绘制UML图形的开源工具。PlantUML的语言是一种领域语言。它使用Graphviz来实现流程图的渲染布局。

完整介绍，戳这里

图种类

这里只列下图类别

时序图
用例图
类图
活动图
组件图
状态图
对象图
部署图
定时图

各个图的使用场景，推荐去找下更详细的文章。

常见问题

在了解了常用图和语法之后，实际使用中还是会有些坑，这里列下常见的问题。

文件后缀

目前支持*.wsd, *.pu, *.puml, *.plantuml, *.iuml

个人喜欢.puml，毕竟带了uml方便了解是UML

文本换行

比如图注释，经常文本需要换行，如何实现呢，\n即可

命令行操作

有时需要利用命令行实现自动化生成图片，命令如下

# 生成UML PNG
java -jar ./plantuml.jar -o "./out-png" -progress -tpng -config "./config.txt" ./internal-quote-btn

jar包下载，戳这里
config.txt用于图表自定义配置，比如DPI，默认生成的图表不清晰，如下配置即可。
```
skinparam dpi 200
```

写在最后

个人觉得plantuml的美妙之处是你可以以代码形式快速生成图片，高效，美观，正如markdown快速排版文章一样。

so,熟悉它即可提高出图生产力，奥利给。

个人Mac软件清单(2025年终更新版)

Sun, 21 Apr 2019 00:00:00 +0800

得空，梳理下个人 Mac 电脑软件，留作记录，也能为部分朋友提供参考

持续更新调整

说明

部分为付费 APP，对应也有很多免费开源产品选择，但 APP 最终是看输出价值，这些 APP 对我的工作/生活有很大的帮助，买单还是值得的。
本着能省则省，部分付费 APP，采用开源 License 申请解决。
在经济可接受的范围内，能买则买，支持正版。
不定期更新，So 部分 APP 会被替代
在不断的选择和打磨 APP 时，我有一点感受，APP 之于我们，就如同宝剑之于剑客，不在多，而在顺手和锋利。所以挑选出合适自己的，深入了解学习，最终提升自己的效率，让工作生活因之变得更美好

清单

Alfred

功能：效率神器，系统主入口
资费方案：付费
备注：推荐购买 Mega 版，如果是新入坑效率启动器用户，更推荐Raycast，如果是更轻度/初级玩家，Mac 自带Spotlight足够。

Claude

功能：AI 工具
资费方案：免费/付费
备注：与 ChatGPT，二选一即可，都属于最棒的 AI 工具，个人 IT 背景，因此更倾向于 Claude。

Dash

功能：文档检索，API 查询神器
资费方案：付费
备注：升级价格较高，建议无特殊需求时不升级，v7 开始 Dash 已更新为订阅模式。

Ice

功能：菜单栏应用图标管理工具
资费方案：免费
备注：完美平替 Bartender，社区一直活跃维护，不用担心新系统适配问题。

Fantastical

功能：日历应用，支持自然语言输入和日历文件订阅
资费方案：付费
备注：Mac 版我还是走的很早的买断版，iOS/iPad 端免费版足够。

Surge

功能：网络分析，代理工具
资费方案：付费
备注：主要用来解决访问谷歌问题

1Password

功能：密码管理
资费方案：付费
备注：在密码管理方面表现强大，不想付费的推荐走 Apple 自带的 Password。

功能：安全通信，迄今为止最棒的 IM 工具
资费方案：免费
备注：机器人/频道都很强大

微信

功能：办公 IM
资费方案：免费
备注：没得选，工作生活都需要用。

Chrome

功能：浏览器及前端开发调试神器
资费方案：免费
备注：无

NetNewsWire

功能：RSS 订阅
资费方案：免费
备注：多 Apple 设备用户，推荐开启 iCloud 同步。

Typora

功能：Markdown 编写，目录功能
资费方案：付费/买断
备注：搭配 iCloud 实现多设备同步

keka

功能：解压缩，支持加密码
资费方案：免费
备注：官网免费，AppStore 付费

Things

功能：GTD，好用的 todolist
资费方案：付费
备注：个人觉得最好用，颜值也在线的 TODO App。

PostMan

功能：网络调试
资费方案：免费
备注：无

iTerm2

功能：终端
资费方案：免费
备注：个人觉得最好用的终端。

Snipaste

功能：截图
资费方案：免费
备注：个人觉得免费版足够了，同时利用 iCloud 做配置多设备同步。

Eudic 欧路词典

功能：词典
资费方案：付费/买断
备注：支持自定义 AI 翻译引擎/自定义词典。

FileZila

功能：FTP
资费方案：免费
备注：选择第一个版本 tar.bz2 格式下载后解压即可

Karabiner-Elements

功能：改键器
资费方案：免费
备注：无

Spotify

功能：听歌 App
资费方案：订阅
备注：个人走的付费版，当然免费版也可以听，功能受限且有广告

WebStorm

功能：IDE，利用插件进一步提升生产力
资费方案：付费
备注：个人很喜欢，但 AI 功能落后一大截，期待 JB 追上。

DataGrip

功能：DataBase，对比 navicat 更为高效，功能丰富，也支持插件开发，拓展性强。同时与 IDEA 设计体验一致，学习成本低
资费方案：付费
备注：个人觉得最好用的数据库管理工具。

Visual Studio Code

功能：轻量级文本编辑，搭配 GitHub Copilot AI 插件辅助
资费方案：免费，Copilot 插件付费
备注：最好的轻量级编辑器。

Docker

功能：管理容器应用
资费方案：免费
备注：无

Draw.io

功能：绘制流程图
资费方案：免费
备注：也有 WEB 版

Screen Studio

功能：录屏
资费方案：付费，订阅/买断。
备注：个人选择的买断，有免费平替，相对差点。

Apple Notes

功能：笔记管理
资费方案：免费，苹果内置 App
备注：印象笔记，有道云笔记等等，兜兜转转，还是选择用自带的 Notes。目前推荐搭配 ProNotes 插件使用，方便 Markdown 格式书写。等 OS 26 发布后原生支持 markdown，则 ProNotes 插件不再需要。

IINA

功能：音视频播放
资费方案：免费
备注：支持在线字幕，插件等，功能足够，颜值在线。

Affinity Photo 2

功能：平面设计，图片编辑
资费方案：免费
备注：官网下载即可，不限制设备数，对比 PS 还是弱些，但够用。

Windows App（原 Microsoft Remote Desktop）

功能：远程桌面
资费方案：免费
备注：国区提供，不需要访问外区商店也可下载

写在最后

没有绝对的最好，只有相对的合适，玩溜即可。

不错的资料

https://github.com/jaywcjlove/awesome-mac

Alfred效率工作流大全：我的效率提升技巧与配置思路

Sat, 06 Apr 2019 11:18:52 +0800

入手Alfred已有几个年头，真心觉得实乃利器一枚，这里梳理总结下目前的常用点，方便自己回顾，兴许也可帮助部分同道中人。

目前Alfred已经是我Mac电脑上检索，查询等的第一入口了。登录电脑之后进行的一切操作，都要从这一个输入框开始。

说明

以下教程适用Alfred 4/5

废话不多说，开搞！

替掉Spotlight,全面接管搜索入口

Mac自带Spotlight其实也蛮不错的，但是奈何Alfred更为强大，所谓一山不容二虎，没办法，干掉.

配置

设定->键盘，Spotlight快捷键取消选择
设定->Dock,选择自动隐藏和展示Dock
Alfred-快捷键设定，推荐 double ⌘,选择登录启动

设定后，你会发现桌面会很干净，双击⌘，将会弹出Alfred输入框，一切将从这里开始，即使是各个APP的启动，也从这里可以方便执行。

网页搜索

对于常用的网站检索服务，可以将其配置为搜索，比如我这里经常进行京东，和NPM，直接配置下，以后只需要唤起Alfred, 输入关键词，回车即可直接进入到相关网页的检索结果页。

配置

效果

文件及文件夹检索

比如我经常需要寻找文件，翻看finder各种去找实在太不方便了，这时你需要这么做，唤起Alfred，输入 ’ 或者空格，然后输入文件部分名称，回车即可打开。或者 ⌘ ⏎，在finder中打开

注意

支持文件及文件夹，文件夹默认⏎即打开
’ 为英文字符，中文不work，so采用空格比较方便
按住⌥回车，则会在finder中打开选中的项
检索APP时，假如想浏览最近打开的文件列表，只需要在选中特定APP时，按➡️，选择recent documents，再➡️即可

Web书签

这个功能之前太不重视了，现在用的不亦乐乎。本质就是同步了浏览器书签记录，以前我们打开一个网页需要，浏览器-》书签中的找到收藏网页-》回车浏览，现在呢，当你输入的时候，直接匹配书签网址，选择目标网址，回车即可。

比如我在Chrome下添加收藏了redux网址https://github.com/camsong/redux-in-chinese，平时想打开时，只需要这样

效果

剪贴板历史

有时需要复制微信中的消息-用户名，密码，切换到网页进行使用，来回复制粘贴，切换窗口效率很低。这个功能就可以临时保存了多条剪贴板信息，选择性粘贴，效率瞬时提高多倍。

效果

Tips

⌘ S唤起保存历史记录到snippet。
⌘ delete删除单条历史记录。
唤起Alfred输入框，输入clear，可以快速清空剪贴板历史。

计算器

日常计算，我们即可直接在输入框中进行计算，不用再单独打开计算器。

联系人

快速搜索联系人资料、拨打电话或者发短信等。

为了更好的使用，建议进行以下设置

使用Spotlight搜索数据

如果不够选，会有搜索不到情况出现，但实际上通讯录里是有该联系人的。
自定义action设定，比如支持发送短信等，因为电话属于低频操作，这里我增加修饰键配置。

Music

个人不喜欢用Apple Music，因此这里选择禁用该功能

针对其它听歌App，比如Spotify需要下载workflow配合使用。

Snippets

这个功能话说，也是神器啊。就是特定文本关键词的输入，触发文本拓展。比如我平时经常很多地方，比如家庭地址，烦不胜烦，利用Snippet就好解决了

配置

效果

注意

前缀很重要，这样可以避免无谓的文本拓展，同时Snippet支持一些变量，比如日期之类的，这些都很实用，比如我每天项目CodeReview做会议记录，需要记录开始时间等参数，就会写个Snippet。
关键词太多也记忆不过来，因此低频的一些不开启关键次展开，而是通过历史记录面板/或者snippet关键检索命中来选择触发即可。

1Password

集成1P后可以快速访问存储的网页，并且自动支持自动填充账号密码

设置

需要在1P中开启第三方集成设定，否则，Alfred该页面下底部会显示 Unable to find 1Password Data
在Alfred开启书签搜索
- 不要勾选Show in default results
- 点击Advanced，开启Discover Automatically，这样就不需要手动输入1P数据路径
- Alfred v5新版已不内置 1Password8支持，需要安装workflow解决，具体介绍戳这里

效果

系统

这个也是蛮不错的哟，比如锁屏，重启，弹出硬盘，软件等，都是常用命令。

之前遇到过，输入lock回车锁屏，不起作用的问题，发现是因为与QQ中的快捷键冲突了，遇到这个，索性直接去掉QQ的快捷键设定。关于这个问题，还有问题，可移步这里

终端

Alfred中也可以直接输入终端命令，这个对于程序猿实用些，如果你不是猴子，请跳过这一节吧。

设置

因为我平时使用Iterm2替代了系统终端，所以这里需要设定下。关于设定，请移步这里

注意，集成只是解决了快速浏览器访问1P存储的站点，具体的账户密码输入还需要浏览器本身集成1P来解决。

效果

Workflows

以上的功能还不是最强大的，最强大的就是workflow了。

官方商店

Alfred终于推出了官方商店了，访问进行检索，点击安装即可唤起本地Alfred进行安装

第三方Workflow推荐

里贴出我常用的几个workflow

Dash Dash的使用需要搭配Dash APP，搞开发的，强推，这样文档API检索，效率会翻翻。
GitHub

GitHub repo检索
JetBrains - Open Project

JB- IDE项目检索打开
Coinc

汇率转换
Share with AirDrop

选中文件，直接唤起Airdrop

不够? 自己写！

关于我写的Workflow，可以移步这里，不知不觉已经写了50+workflow了，给自己一只🍗。

其它问题

取消shift预览

Alfred输入框，按Shift会预览当前选中的条目结果，比如我们执行 yy 屠龙,因为参数为中文，而输入法切换中英文默认是Shift，所以会造成困扰，解决方法如下

终端执行结果作为下一步的输入

比如终端执行结果会打印111，那么111可以作为参数，继续接下来的指令吗？可以的。比如bash，你需要echo输出，比如JS，你需要console.log输出即可。

剪贴板历史触发排除特定APP

因为我本人是开发者，平时经常使用IDEA，DataGrip这些开发APP，其中也有剪贴板历史，快捷键默认是⌘ ⇧ V，习惯性对于Alfred这种全局剪贴板热键也想设置成如此，但假如这样设置后，就会导致IDE中的失效。如何解决呢。

首先，Alfred中剪贴板历史，目前只有排除特定APP复制内容的设定，没有排除特定APP触发热键的设定，所以只能绕弯子解决。

删除剪贴板原热键
创建热键Workflow，触发快捷键就设定为⌘ ⇧ V
相关APP中设定，IDEA，DataGrip不聚焦，热键才触发
创建Key Combo,设定快捷键⌥ ⌘ ⇧ V，这里越复杂越好
剪切板热键设定为⌥ ⌘ ⇧ V

这样，当我们在非IDEA，DataGrip聚焦的情况下，按下⌘ ⇧ V，就可以触发Alfred的剪贴板历史，当在IDEA或者DataGrip中时，就可以继续使用软件本身的剪切板历史。一样的快捷键，不一样的剪切板。完美衔接！

设置Alfred的默认键盘语言

因为Alfred的各种命令都是英文，即使是搜索中文文件名的文件，也是可以拼音检索的，所以默认Alfred是英文较为方便。否则每次唤起Alfred，我们都需要先按⇪切换输入法，这点非常麻烦。

好在Alfred支持缺省语言设定。

注意

默认为EN，但我们还是可以通过⇪切换键盘语言
如果该选项为空，则会走当前系统键盘语言

双击热键设定

双击热键只对特定修饰键modifier keys[⌃ ⌥ ⌘ ⇧ ]支持，比如双击t是不支持的。

为什么要这么设计

因为比如连续输入t这种操作是很常见，假如我们实现双击T唤起某个操作，那么将会与日常操作冲突。

Alfred代理设定

部分workflow服务会使用到GitHub/Google这类国外服务，为了正常使用，需要进行代理设定。这样Alfred会走系统代理，也可以明确所走代理服务具体地址，关于代理疑问可以看这里https://github.com/alanhe421/alfred-workflows/discussions/199

设置同步

如上，我们辛辛苦苦打磨的工具并不容易，假如系统损坏，或者误操作软件崩溃，配置丢失都是有可能的。为了确保安全，建议做下同步备份。推荐使用DropBox，注册即送2G空间，够用。

设置：进入高级=》同步=》选择同步文件夹即可。

注意

Alfred官方及我个人都不推荐使用iCloud
部分设置比如Alfred启动热键/代理设置等并不会同步

预览版下载-尝鲜

Update界面=》下拉选择 pre-releases

Alfred设置搜索

比如想搜索自己的某个workflow，后者某个snippet。输入?即可关键词检索，搜索范围将是Alfred中的所有设定项。

还有?

等待遇见

招式太多，无法一文覆盖完整。部分使用技巧，戳这里
我的部分workflow，戳这里
推荐关注官方论坛，戳这里

Alfred的局限性

以上的功能点涵盖了Alfred所有，你可以不断摸索Alfred的各种拓展来支持做什么。但这里我来描述下Alfred的局限性，也就是它做不到什么。

Alfred的设计决定了它的触发无非是一个组合热键，一个特定文本snippet表达式，当然还有外部脚本触发。但它不能是一个菜单项，也就是它的入口是固定的。比如我想在finder中实现右键菜单项，实现一键拷贝当前目录路径，可以吗？不可以。但是热键实现呢，可以，但是谁又能记住这么多的快捷键呢，所以不现实。
触发都是即时性的，假如我想定时打开一个网页，发送一封邮件呢，单单靠Alfred可以做到吗？显然是不现实的。

补充软件

以上两点是它的设计短板，也或者是设计天花板。这里我推荐两款软件可以互补它的不足，解决类似如上我提到的需求。

Automator 系统自带

Hammerspoon开源免费

Windows平台？

Alfred仅支持Mac平台，且无win计划。假如你也想在Win平台有相类似软件体验，有以下几个选择。具体好坏靠自己甄别了。

https://u.tools
- 支持插件开发-开发语言JavaScript
http://www.wox.one/
- 支持插件开发-任意开发语言均可，但C#，Python最方便
- 开源

Powerpack License购买

License购买在本文最后说明，觉得刚需的话，就可以考虑购买了。

License购买推荐官方购买，价格为单用户License34欧元(246.377CNY)或终身License(427.536CNY)，推荐不熟悉的先购买单用户即可，真的喜欢上之后再升级为永久License。
License针对激活设备数有限制
- 普通单用户license，两台
- 终生license，四台

Alfred热键

使用Alfred时除了唤起workflow的热键和workflow自定义热键，还有一些内置的热键操作。习惯使用热键可以提高操作效率。

⌘ F

检索设置项。
⌘ D

workflows面板下，热键唤起debugger，调试workflow。
⌘ 9

workflows面板下，toggle切换动作面板。
⌘ ⇧ F

workflows面板下，进入左侧workflow检索。
⌘ + / ⌘ - / ⌘ 0

workflows面板下，缩放workflow流程图。
唤起Alfred后，输入?+关键词

直接检索Alfred中相关设定。

写在最后

讲了这么一堆，一句话，Alfred，效率人值得拥有。还有什么好玩的呢，且玩且探索吧。

晒下我的用量报告

参考资料

Chrome开发者模式静态资源修改保存

Mon, 22 Oct 2018 00:00:00 +0800

有这样一个场景，我们Chrome下打开开发者模式修改某网页的前端资源，进而达到某个效果，但是刷新即丢失，有办法可以保存吗？yes!Chrome 65更新了一个功能叫local overrides

看效果

做法

添加override文件夹

存储到override

比如我们访问百度搜索，选择baidu这个html网页，单击右键，选择save for overrides.我们会在overrides栏目下及物理磁盘选择的文件夹里看到这个html文件

修改文件

我们可以在chrome下修改，你会发现这个文件浏览状态下是可以修改的，俨然就是个编辑器，同时也可以直接修改本地系统下的文件。修改后，在打开开发者模式情况下刷新页面，会发现修改成功。

目前使用，只可以修改静态资源，比如XHR异步请求是不可以修改的。

Mac下常用快捷键

Sun, 09 Sep 2018 00:00:00 +0800

最近做项目，看到大神们把快捷键玩的666，昏天黑地，膜拜的同时也看到了巨大的差距。你还在迟钝的鼠标移动呢，大神可能就高效的切换编辑了N个文件，执行了N个动作。这差距是成倍的，假以时日，差距又有多大的。正因为看到了差距，所以决心开始熟练记忆各种常用快捷键，这里记录下，便于自己翻看，也兴许能帮助些人。

声明

因本人是Mac党及角色为Developer，所以整理涵盖的软件及技能偏重于此。
部分快捷键加*标注，means该快捷键是自己设定的，非软件缺省，仅供参考~~。
操作姿势在实际也需要不断调整和丰富，so 本文持续更新
F媒体键我设定为功能键，这样低频的媒体键操作需要加Fn，但其它高频操作就简单了

Mac键盘符号

⌘ ——> Command
⇧ ——> Shift
⌥ ——> Option（或 Alt）
⌃ ——> Control（或 Ctrl）
⇪ ——> Caps Lock
␣ ——> Space

官方文档:戳这里

系统级

操作	快捷键
切换APP	⌘ TAB
切换输入法	⌃ Space
App内多Window切换	⌘ `
应用全屏	⌘ ⌃ F
屏幕捕捉	⌘ ⇧ 5
屏幕捕捉结束录制	⌘ ⌃ Esc
屏幕截图	⌘ ⇧ 3
区域截图	⌃ ⌘ A
唤起Alfred`自定义`	double ⌘
进入`Moom`窗口调整模式	⇧ ⌘ M
上传图片到图床`自定义`	⌥ ⌘ U
打开AI App`自定义`	⌥ ⌘ G
打开Calendar`自定义`	⌥ ⌘ X
显示或隐藏欧陆词典窗口`自定义`	⌥ ⌘ E
打开Things`自定义`	⌥ ⌘ H
打开表情符号弹窗	⌃ ⌘ Space

Finder

操作	快捷键
隐藏和显示隐藏文件	⌘ ⇧ .
拷贝文件路径	⌘ ⌥ C
获取文件信息	⌘ I

Chrome

官方文档:戳这里

操作	快捷键
新开标签页	⌘ T
关闭标签页	⌘ W
左切换标签页	⌥ ⌘ ⬅️
右切换标签页	⌥ ⌘ ➡️
跳转到特定标签页	⌘ 1 到 ⌘ 8
跳转到地址栏	⌘ L
历史记录	⌘ Y
下载管理	⌥ ⌘ L
打开开发者工具	⌘ Option I
重新加载当前网页（忽略缓存的内容）	⌘ ⇧ R
显示当前网页的 HTML 源代码（不可修改）	⌘ Option U
在无痕模式下打开新窗口	⌘ Shift N
开启开发者工具，选中元素	⌘ ⇧ C

开发工具

官方文档:戳这里

操作	快捷键
打开命令行工具	⌘ ⇧ P
暂停/继续脚本执行	F8
越过下一个函数调用	F10
进入下一个函数调用	F11
跳出当前函数	⇧ F11
添加或删除断点	⌘ B

同时推荐安装Vimium，可以使用Vim部分热键

WebStorm`JB IDE系列`

keymap选择的是Mac OS X 10.5+

官方文档:戳这里

操作	快捷键
project视图	⌘ 1
favorites视图	⌘ 2
debug window	⌘ 5
todo window	⌘ 6
version control window	⌘ 9
terminal	⌥ F12
导航到类	⌘ O
文件或者文件夹	⌘ ⇧ O
相关单元测试	⌘ ⇧ T
跳转到导航栏	⌘ 🔼
类层级查看	⌃ H
方法层级结构查看	⇧ ⌘ H
方法调用层级查看	⌃ ⌥ H
文件结构	⌘ F12
最大化编辑器切换	⇧ ⌘ F12
下一个高亮错误	F2
上一个高亮错误	⇧ F2
下一个方法	⌃ ↓
上一个方法	⌃ ↑
加入/删除书签	F3
显示所有书签	⌘ F3

编辑

操作	快捷键
跳转到定义处	⌘ B
查询使用情况	⌥ F7
导航返回	⌘ [
抽离方法	⌥ ⌘ M
抽离变量	⌥ ⌘ C
展开/折叠代码块	⌘ 加号/⌘ 减号
展开/折叠所有	⌘ ⇧ 加号/⌘ ⇧ 减号
格式化代码	⌘ ⌥ L
文件内查找	⌘ F
文件内替换	⌘ R
全局查找	⌘ ⇧ F
全局替换	⌘ ⇧ R
创建临时文件	⌘ ⇧ N
打开系统设置	⌘ ，
提交项目到VCS	⌘ K
文件重命名	⇧ F6
查找动作	⌘ ⇧ A
从版本控制器更新代码	⌘ T
VCS弹出框	⌃ V
Git-Revert	⌥ ⌘ Z
插入自定义动态代码	⌘ J
运行/Debug	⌃ R / D
Debug到下一步/进入	F8 / F7
导入类，逻辑反转(光标放在If上)	⌥ Enter
编辑器-放大缩小字体`自定义`	⌘ ⇧ = / ⌘ ⇧ - / ⌘ ⇧ 0
打开最近项目`自定义`	⌘ ⇧ P
扩展选择	⌥ ↑
包围(代码用if try等包裹)	⌥ ⌘ T
剪贴板历史	⇧ ⌘ V
切换大小写	⇧ ⌘ U
高亮元素文件中使用处	⇧ ⌘ F7
去下一个高亮元素使用处	⌃ ⌥ ↓
去上一个高亮元素使用处	⌃ ⌥ ↑
列选择模式	⌘ ⇧ 8

修改

操作	快捷键
移动	F6
内联变量	⌥ ⌘ N

视图

操作	快捷键
弹窗显示定义内容	⌘ Y

工具窗

操作	快捷键
Terminal	⌥ F12
构建项目	⌘ F9

调试

操作	快捷键
越过下一个函数调用	F8
进入下一个函数调用	F7
选择进入的函数，执行进入	⇧ F7
跳出当前函数	⇧ F8
查看所有断点	⌘ ⇧ F8

其它

操作	快捷键
finder中查看	⌘ ⇧ J
滚动到底部`自定义`	⌃⇧⬇️
滚动到顶部`自定义`	⌃⇧⬆️
拷贝当前文件/文件夹仓库下路径	⌘ ⇧️C

DataGrip

官方文档: 戳这里

操作	快捷键
查看表结构	⌘ F12
表数据检索	⌘ F
search every where	双击⇧
最近文件	⌘ E
最近位置	⌘ ⇧ E
打开Console	⌘ ⇧ F10

编辑

操作	快捷键
创建(表，字段，记录等)	⌘ N
提交修改	⌘ ↩
编辑最大化	⇧ ↩
单元格内回车`没错，跟上个一致`	⇧ ⏎
去到某行列	⌘ L
单元格内容对比	⌘ ⇧ D

其它

操作	快捷键
文件预览`搜索支持`	⌥ ␣

Visual Studio Code

官方文档: 戳这里

操作	快捷键
Debug	F5
git.openFile in isInDiffEditor`自定义`	⌘ ⬇️

iTerm2

操作	快捷键
面板-垂直分割	⌘ D
面板-水平分割	⌘ ⇧ D
上一个面板	⌘ [
下一个面板	⌘

Postman搭建mock server

Sun, 29 Jul 2018 17:11:53 +0800

mock这词其中一个意思是模仿。在进行前端开发的时候，为了不依赖后端的进度，我们可以根据既定的API规范，搭建mock server，这样可以独立进行开发。等后端开发完毕，只是需要将请求地址由mock请求地址修改为后端服务地址既可。 postman是个厉害的API工具，除了可以调试API之外，也支持创建mock服务。最近因为在做前端开发，利用postman搭建了mock服务，这里记录下。

postman下载地址-戳这里

创建mock server

respone body中填写返回结果(创建成功后，也支持修改)

点击关闭，点击单个请求发送，我们会看到返回结果集。 mock服务创建成功之后，也会给我们提供请求的完整地址，鼠标移动到地址栏${{url}}上即可查看。

增加请求

想增加请求，点击加号进行添加，save保存到我们刚才创建的mock collection下。返回结果添加与下面的修改请求结果实例类似操作。

修改请求结果实例

有时想修改设定的返回结果，点击例子，点击默认例子，即可修改，save即可。

在线mock服务推荐

除了postman客户端搭建mock之外，也有在线mock服务，最近使用easy-mock，觉得还不错，这里贴下，有其它好的mock服务，也欢迎留言推荐给我。本地与在线mock各有优缺点，大家自行选择合适的吧。

iOS从Beta版降级回正式版

Sun, 17 Jun 2018 16:15:30 +0800

6月份WWDC要老来了，新版iOS也快到了，估计到时候还是会忍不住升级新系统的，毕竟手机不换换个系统也是很有新鲜感的。不过尝鲜的同时，问题也会接踵而至，比如常用的App直接卡的没使用，总会出现闪退等等，总之你会从开心到想摔手机，到舍不得摔，再到后悔。

为了既能尝鲜又可以快速回滚到老版本，这里你就需要做下备份，我这里就将N年前就总结过12降级到11的办法，重新整理下当前iOS/Mac的新操作方式，但大体其实与老版并没有太大区别。

系统备份

手机连接电脑端，打开电脑端Finder
点击备份

系统降级还原

如何降级呢?其实还是挺方便的，具体如下

手机连接电脑端，打开电脑端Finder
按住电源键 + 音量加键几秒，关闭手机
快速按一下音量加 → 快速按一下音量减 → 长按电源键约 10 秒，直到看到连接电脑图标，松手
finder中点击恢复模式，即可回退到正式最新版

经过半小时的降级，手机成功回到了iOS11.4,晒个简洁的手机主屏

惨痛教训

主力机型，还是不要尝鲜
大的升级之前，利用电脑端做下备份，不然一旦想要降级，数据就没了。

Chrome device mode 截图白屏问题

Thu, 28 Sep 2017 00:00:00 +0800

测试网站或者制作移动网页截图，使用对应真机设备是一种方式，但在特定场景下也不免效率和成本偏高，Chrome浏览器自带的device mode可以完美模拟各种移动设备的分辨率，另外还Chrome提供了截图功能。

问题

由于Chrome提供的设备毕竟有限，所以有时会需要添加自定义设备，但是最近在使用自定义设备，进行截图的时候，发现截图出来的是空白页面。

效果如下图

看了一遍自定义设备参数，对比测试，最终找到了原因，原来添加自定义设备这个时，Device pixel ratio这个参数是不能为空，否则即会出现截图为白屏即空白的情况。如下图，我手动设定为1

关闭标签页，重新打开网页，按F12，点击设备模式，还是刚刚自定义的设备，点击截图，发现OK了。

说明

Device pixel ratio

devicePixelRatio是设备上物理像素和设备独立像素(device-independent pixels (dips))的比例。在视网膜屏幕的iphone上，屏幕物理像素640像素，独立像素还是320像素，因此，devicePixelRatio等于2。

注意细节

修改了自定义设备参数，比如宽高等，刷新当前标签页是不起作用的，必须切换模拟设备或者关闭标签页，重新打开。

手机投射到电脑工具

Mon, 26 Jun 2017 11:52:36 +0800

结合形式

安卓手机+MAC笔记本-itools
安卓手机+Win笔记本-screen
iPhone手机+MAC笔记本-自带quicktime
iPhone手机+Win笔记本-itools

下载地址

expressjs获去请求IP问题

Wed, 31 May 2017 23:06:05 +0800

在实际开发中遇到这样的情况，比如一些外企企业，使用了网络代理，我在后端获取IP，发现存在空的情况。分析下，原因如下: 当我们应用设定了信任代理的时候，直接使用req.ip获取的会是客户端的真实IP，但是信任代理的话，代理是会修改XXF头部信息的，比如我遇到的情况就是代理修改请求头，导致我获取的req.ip为空，其实代理改了头，隐藏了真实客户端IP的话，的确我们是不可能得到真实的客户端IP了，但是代理本身的IP还是可以得到的，所以，我就封装了我自己的获取IP方法，

/**
 * 获取客户端IP地址
 * req.ips would be ["client", "proxy1", "proxy2"]
 * 优先取客户端真实IP或最接近客户端一级的代理IP
 */
util.getClientIP = function (req) {
 let ip = req.ip;
 if (!ip) {
 for (let item in req.ips) {
 if (item) {
 ip = item;
 break;
 }
 }
 logger.info('req.ips');
 logger.info(JSON.stringify(req.ips));
 }
 return ip;
};

这个方案主要是弥补了我单纯使用req.ip获取客户端IP，会存在空的问题。当然我们也可以设定不信任代理，但是这样子就意味着只获取客户端IP，永远不会知道代理环节的IP，所以代理信任设定，要看实际场景了。

app.enabled(’trust proxy')

当设定了信任代理时，express会获得客户端连接请求中的IP地址。

req.ip

使用req.ip获取请求IP地址，当设定了信任代理时，这个值会是X-Forwarded-For header中的最左边值。

req.ip
// => "127.0.0.1"

req.ips

当设定了信任代理时，这个值会是个IP地址数组，req.ips会是这样 ["client", "proxy1", "proxy2"]

ShadowSocks自定义规则

Fri, 07 Oct 2016 00:00:00 +0800

点击ss,选择编辑用户规则格式如下

! Put user rules line by line in this file.
! See https://adblockplus.org/en/filter-cheatsheet
||amazonaws.com
||atom.io

保存即可。

规则大概描述如下

通配符支持，如 *.example.com/* 实际书写时可省略 * 如 .example.com/ 意即 *.example.com/*
正则表达式支持，以\开始和结束， 如 \[\w]+:\/\/example.com\
例外规则 @@，如 @@*.example.com/* 满足@@后规则的地址不使用代理
匹配地址开始和结尾 |，如 |http://example.com、example.com| 分别表示以 http://example.com 开始
和以 example.com 结束的地址|| 标记，如 ||example.com 则 http://example.com 、https://example.com 、ftp://example.com 等地址均满足条件，只用于匹配地址
开头
注释 ! 如 ! Comment
分隔符^，表示除了字母、数字或者 _ - . % 之外的任何字符。如 http://example.com^ ，http://example.com/ 和
http://example.com:8000/ 均满足条件，而 http://example.com.ar/ 不满足条件

搬瓦工简介 搬瓦工（BandwagonHost）是美国IT7公司旗下的一家提供便宜年付OVZ架构的VPS主机方案的服务商。因其价格便宜、且依托的商家比较靠谱，具有较高的性价比。 https://bandwagonhost.com/