0

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

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

我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<imgs.length ; i++) {
            if (rx.test(imgs[i].src)) { imgs[i].src = imgs[i].src.replace(rx,''); }
        }
    }
})();

粗略一看，利用中学html和大学七十多分c语言的知识，大概知道是把<img >里的一些特征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<all_img.length;i++)
{
if (all_img[i].src.endsWith('.webp'))
  {
  all_img[i].src = all_img[i].src.slice(0,-4) + 'jpg'
  console.log("webp")
  }
}

这个代码我都看懂了。

检索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暴露在src中的网站。。。剪藏后看到的是

这样的

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