javascript - 将页面上所有带有“.jpg.webp”文件扩展名的图像转换为“.jpg”的方法？

Question

为了工作，我处理了很多带有 .jpg.webp 文件扩展名的图像的页面。当尝试保存这些图像并在其他不接受 .webp 文件扩展名的平台上使用它们时，这可能会很痛苦。我正在尝试找到一种方法来自动将特定页面上的所有图像设置为仅 .jpg 文件扩展名（而不是 .jpg.webp）。

我有单独的代码将图像转换为 .jpg 文件，但仅限于在新选项卡中单独打开图像时。该 URL 仍然包含 .jpg.webp 作为新选项卡中的结束文件扩展名，但保存时默认为 .jpg 扩展名。

// ==UserScript==
// @name          JS
// @match         https://example.com/*
// @author        erosman
// @version       1.0
// ==/UserScript==

document.querySelectorAll('img[src$=".jpg.webp"]').forEach(item => 
    item.src = item.src.replace('.webp', ''));

基本上，在页面加载后，我只想右键单击图像（在本例中为 .jpg.webp）并将其另存为 .jpg。我希望脚本将页面上每个图像的所有 .jpg.webp 文件类型扩展名都转换为 .jpg（最终使 .jpg 成为右键单击后弹出菜单中的默认保存选项）。

我不太确定如何弥合上述代码之间的差距，并将页面上的所有图像仅转换为 .jpg。没有 .webp 扩展名。

任何和所有建议将不胜感激。

标签： javascriptgreasemonkeytampermonkeyuserscriptswebp