时间长了,浏览器插件总是越装越多,有一些插件的功能其实通过浏览器本身可以很轻松地实现。当然,插件有插件的好处,小技巧也有小技巧的好处。今天就来介绍一些平时个人常用到的一些技巧。
以下技巧以 Mac 上的 Safari 为例,Chrome 和 Windows 上其它浏览器应该是通用的,可能具体细节上略有区别。
修改链接地址
一般我们看到一个链接地址,就只把它当做一个点击可以跳转的一串字符,实际上这些字符隐含了不少信息。通过修改链接的部分内容,可以很方便地达到一些目的。举几个例子:
切换 App Store 应用的国家地区
例如:少数派 App 的链接
https://itunes.apple.com/cn/app/id1191720421?mt=8
其中的 cn
代表就是中国区,将其替换成 us
jp
等就可以切换至美区、日区商店的少数派 App 页面。

获取网页图片的原图
少数派文章的题图链接:
https://cdnfile.sspai.com/article/db0af0a4-2b14-1be8-45c9-070493359535.jpg?imageMogr2/quality/95/thumbnail/!700x233r/gravity/Center/crop/700x233
尾部的 「crop/ 700x233」告诉我们这张图片被裁成了 700x233 分辨率,我们只取链接前部的
https://cdnfile.sspai.com/article/db0af0a4-2b14-1be8-45c9-070493359535.jpg
就可以获取该图片的原图了。
推特图片的链接一般是:
https://pbs.twimg.com/media/DJi67myUIAAOOg3.jpg
也有时候会看到这样的:
https://pbs.twimg.com/media/BZT4IH5CYAACkrz.jpg:large
添上或者把后面的 :large
改成 :orig
,就得到了 4095 × 2303 的原图。

下载软件的旧版本
当前最新 6.0.1 版本的 Mac QQ 下载地址:
http://dldir1.qq.com/qqfile/QQforMac/QQ_V6.0.1.dmg
我们只需要将版本号修改成你要的版本号,放到地址栏按下回车就能下载了。

右键检查元素
获取当前网页所有图片
B 站视频封面图怎么拿?弹幕里会告诉你在 Chrome 浏览器里右键检查元素,第 xx 行代码……如果你用的是 Safari 浏览器就更简单了,右键检查元素切换到「资源」选项卡,左侧列表选「图像」,然后所有图片都很直观的显示出来了。

点击图片,左侧列表会定位到这个文件,右键它进行更多操作。

右键无法保存的单张图片也可以在上面的「图像」页找到。或者直接右键这张图片,检查元素找到其链接。

获取网页音视频
这次我们切换到检查元素的「网络」选项卡,由于此时网页已经加载完成,当前资源页为空。

这个时候点击音频开始播放,右边出现了资源文件,我们找到想要的音频文件,在新标签页打开。


右键播放器选择「下载视频」,随后本地就会出现这个 mp3 文件。此方法同样适用于唱吧的网页。

视频同理,不过多数视频网站都对此方法做了处理。下图为微博秒拍视频。


去除网页元素
偶尔会有这个需求,比如,我想截一张某篇文章的图,发现因为是自己的文章而出现了一个只有自己能看到的数据。

那么,右键它检查元素,自动定位到对应的代码。不需要懂代码,直接按 delete 删除就好了。

最后的结果图。

当然,这个情况下,我直接截图然后用白色涂掉它就好了。在更复杂一些的情况下,去除网页的元素会更加方便。
以上仅举了部分例子,实际使用起来有规律可徇,可举一反三。本人不是前端工程师,如有错误或需要补充的内容,请务必在评论里指出。