如何解决Tampermonkey 方法删除页面上所有“.jpg.webp”和“.png.webp”图像的“.webp”扩展名?
我必须下载并重新上传大量图片才能工作。一般来说,我从网页/服务器下载的图片格式为“XXX.jpg.webp”和“XXX.png.webp”。不幸的是,在其他地方重新上传它们时,我使用的系统将不接受“.webp”文件扩展名。下载文件类型为“.webp”的图像后,我必须将它们转换为纯“.jpg”和“.png”无“.webp”格式,以用于我的目的。
就目前而言,我已经编写了一个 Tampermonkey 脚本(在 Javascript 中)以试图解决这个问题,但它只有在我在单独的选项卡中打开给定的“.webp”图像然后右键单击并保存时才有效.此方法在保存时删除“.webp”的图像,但当且仅当我在单独的选项卡中打开它并右键单击以保存时。相反,我想在我找到它们的页面上剥离“.webp”扩展名的图像并将它们转换为它们的“.png”或“.jpg”格式,而不必在单独的选项卡中打开图像根本。这是我正在使用的当前脚本 - 同样,它仅在我在单独的选项卡中打开图像时才有效:
document.querySelectorAll('img[src$=".jpg.webp"]').forEach(item =>
item.src = item.src.replace('.webp',''));
document.querySelectorAll('img[src$=".png.webp"]').forEach(item =>
item.src = item.src.replace('.webp',''));
以下是我执行此操作的网页示例:https://www.shareably.net/mom-helps-single-dad-groceries/。请注意图像如何具有“.webp”扩展名。
我如何更改上述脚本或获得在原始网页上而不是在单独的选项卡中转换这些图像的解决方案?它最终会为我节省大量时间。任何和所有的指导将不胜感激。干杯!
解决方法
reddit.com/r/AskProgramming 上一位很棒的用户帮我解决了这个问题。好像我很接近。这是新的工作脚本:
document.querySelectorAll('img[src$=".webp"]').forEach(item => {
item.src = item.src.replace('.webp','');
item.srcset = '';
});
可以在此处找到解决方案的讨论:https://old.reddit.com/r/AskProgramming/comments/lslvvb/tampermonkey_method_to_drop_the_webp_extension/
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。