0
都9102年了，Evernote以及OneNote等笔记软件依然不支持Google开发的webp格式。
在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
