如何剪藏含.webp格式图片的网页(微信、豆瓣等)

0

都9102年了,Evernote以及OneNote等笔记软件依然不支持Google开发的webp格式。

在2016年7月,我找到了一种妥协的方法。

如何剪藏含.webp格式图片的网页(微信、豆瓣等)_第1张图片
我2016年7月的微博

然而,昨天在整理一大波去年收藏的文章时,有些受不了了。

遂寻求一键解决方法。

1 启发

首先在知乎上遍寻一遍后,Rescribir enlaces webp creados por KN3 en Taringa!这款油猴脚本进入我的视线。

它是为西班牙某社交网站适配的。

(function() {
    var rx = /https?:\/\/ugc.kn3.net\/i\/(?:origin|760x)\//;
    main();
    window.$(document).bind('ajaxComplete', main);
    
    function main() {
        var imgs = document.querySelectorAll("img");
        var i = 0;
        
        for (i=0 ; i

粗略一看,利用中学html和大学七十多分c语言的知识,大概知道是把里的一些特征flag去掉?

2 豆瓣√

然而微信公众号和豆瓣里图片不是这种链接格式。

不过这倒是启发了我在Greasy Fork里寻找其他油猴脚本。

以webp为关键词,找到了一款ac_webp_url_fix脚本。是用来给acfun修改图片后缀名的。

// ==UserScript==
// @name        ac_webp_url_fix
// @namespace   fishcan
// @description acfun webp url fix
// @include     http://www.acfun.cn/*
// @version     1.0
// ==/UserScript==
var all_img = document.getElementsByTagName("img")
for (var i=0;i

这个代码我都看懂了。

检索img里src中.webp,改成.jpg。

豆瓣里的图片是.webp格式,include*.douban.com后,直接可用。

3 微信×

依葫芦画瓢,微信公众号里图片代码链接是酱婶儿的:

https://mmbiz.qpic.cn/mmbiz_png/t1LajichOAKib4ibibEdyjjib34nbTM6Yo2r3Diaia1Wk8j9M8PclmTn2hHyKxia8o8D5Y47DhbP3PyeXEal4oawrBCjpw/640?wx_fmt=png

其结尾是wx_fmt=png

新标签打开后是酱婶儿的:

https://mmbiz.qpic.cn/mmbiz_png/t1LajichOAKib4ibibEdyjjib34nbTM6Yo2r3UzIAdyHH2LtoBLo5S78V09GHoLQMvnuYBgEqnuibmvfFPGPxK9Fd6sQ/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1

在wx_fmt=png后加了&tp=webp&wxfrom=5&wx_lazy=1&wx_co=1

干脆把endswith .webp改成startswith或者include 图床链接https://mmbiz.qpic.cn。

末位直接加上.jpg

然而还是不行。

打开源码一看。

豆瓣里图片直接在img下src=后面;而微信里图片链接是data-src=后面的,然而油猴里貌似不支持data-src

all_img[i].data-src.startsWith('https://mmbiz.qpic.cn')

4 微信-曲线救国

沮丧,睡觉。

一觉醒来,想着Chrome插件有没有转换webp的插件。

于是搜索到了一个WebP Highlighter

能够标记网页中的webp格式图片
如何剪藏含.webp格式图片的网页(微信、豆瓣等)_第2张图片
关闭插件
如何剪藏含.webp格式图片的网页(微信、豆瓣等)_第3张图片
打开插件

神奇的是,标记之后,再使用印象笔记剪藏,就能成功地显示了。然而这一方法却不支持豆瓣这种直接将.webp暴露在src中的网站。。。剪藏后看到的是

如何剪藏含.webp格式图片的网页(微信、豆瓣等)_第4张图片
这样的

5

总的来说。

对于豆瓣文章,使用油猴脚本替换后缀名法即可,transfer-webp-to-jpg-in-douban脚本发布如下:
https://greasyfork.org/zh-CN/scripts/377838-transfer-webp-to-jpg-in-douban

对于微信公众号文章,则用webp-highlighter曲线救国。
https://chrome.google.com/webstore/detail/webp-highlighter/aonapkfkfneahhaonjjpmcabpnbdmojl/related

你可能感兴趣的:(如何剪藏含.webp格式图片的网页(微信、豆瓣等))