时间长了,浏览器插件总是越装越多,有一些插件的功能其实通过浏览器本身可以很轻松地实现。当然,插件有插件的好处,小技巧也有小技巧的好处。今天就来介绍一些平时个人常用到的一些技巧。

以下技巧以 Mac 上的 Safari 为例,Chrome 和 Windows 上其它浏览器应该是通用的,可能具体细节上略有区别。

修改链接地址

一般我们看到一个链接地址,就只把它当做一个点击可以跳转的一串字符,实际上这些字符隐含了不少信息。通过修改链接的部分内容,可以很方便地达到一些目的。举几个例子:

切换 App Store 应用的国家地区

例如:少数派 App 的链接

https://itunes.apple.com/cn/app/id1191720421?mt=8

其中的 cn 代表就是中国区,将其替换成 usjp等就可以切换至美区、日区商店的少数派 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 删除就好了。

最后的结果图。

当然,这个情况下,我直接截图然后用白色涂掉它就好了。在更复杂一些的情况下,去除网页的元素会更加方便。

以上仅举了部分例子,实际使用起来有规律可徇,可举一反三。本人不是前端工程师,如有错误或需要补充的内容,请务必在评论里指出。