Javascript 在鼠标悬停期间替换URL的一部分以获得原始大小的图像

适合紫罗兰猴子或油腻猴子

我想在鼠标悬停期间替换URL的一部分，这样我就可以将图像的原始大小而不是提供的大小复制到内存中。图像URL模式是不变的。需要替换的文本始终位于相同的位置，可能类似于模板

blogspot.com页面示例：

上面页面中的图像URL示例：

来自上面的图像URL的示例，现在s1600更改为s0：

如果我在一个论坛或任何页面，我希望任何现有的图像张贴在那里的用户，因为它是。我希望在鼠标悬停期间图像的原始大小的URL，以便保存internet数据。复制时，我的下载程序将从内存中截取图像的URL。因此，我可以反复访问论坛/页面，查看其现有图像

到目前为止，s1600在鼠标悬停期间未更改为s0

// ==UserScript==
// @name        My orig image sizes
// @description Get orig image sizes.
// @namespace   My monkey scripts
// @version     1.0
// @grant       none
// @match       *://*.blogspot.com/*
// @run-at      document-start
// ==/UserScript==

document.addEventListener("mouseover", myFunction);

function myFunction() {
  var url = 'https:\/\/.\.bp.blogspot.com\/.\/.\/.\/.\/s1600\/.\.jpg'
  url = url.replace('s1600','s0')
}

---

您可以通过DOM引用来处理这个问题，这实际上就是JavaScript在必须修改或引用DOM时的工作方式

const images=document.querySelectorAll（“img”）；
设imagesData=[]；
images.forEach（（i，x）=>{
imagesData.push（i.src）；//保存img标记的每个DOM引用
i、 addEventListener（“mouseover”，（）=>{toggleImage（x，true）；}）；
i、 addEventListener（“mouseout”，（）=>{toggleImage（x，false）；}）；
});
功能切换图像（e，h）{
图像[e].src=h？///placehold.it/150/00F/FFF/？text=Hover:imagesData[e]；
}

---

您可以通过DOM引用来处理这个问题，这实际上就是JavaScript在必须修改或引用DOM时的工作方式

const images=document.querySelectorAll（“img”）；
设imagesData=[]；
images.forEach（（i，x）=>{
imagesData.push（i.src）；//保存img标记的每个DOM引用
i、 addEventListener（“mouseover”，（）=>{toggleImage（x，true）；}）；
i、 addEventListener（“mouseout”，（）=>{toggleImage（x，false）；}）；
});
功能切换图像（e，h）{
图像[e].src=h？///placehold.it/150/00F/FFF/？text=Hover:imagesData[e]；
}

您的意思是，当您将鼠标悬停在blogspot页面上的狗图片上时，如果“复制链接位置”显示的是s0而不是1600，您希望复制（或导航到）的链接吗？这还不完全清楚me@CertainPerformance我想他是想在鼠标放在图片url上时替换它。我是对的@Wankilya？@CertainPerformance是的，这样我就可以将图像的原始“s0”url复制到内存中（而不是提供的“s1600”），这将被我的下载程序检测/截获。因此，我会保存互联网数据，因为网页的图像仍然是原来的样子。谢谢。@k3llydev是的，同上。谢谢。为什么只在鼠标悬停时更换，而不是永久更换？这不是容易多了吗？你的意思是，当你把鼠标悬停在blogspot页面上的狗图片上时，如果你“复制链接位置”显示s0而不是1600，你想复制（或导航到）链接吗？这还不完全清楚me@CertainPerformance我想他是想在鼠标放在图片url上时替换它。我是对的@Wankilya？@CertainPerformance是的，这样我就可以将图像的原始“s0”url复制到内存中（而不是提供的“s1600”），这将被我的下载程序检测/截获。因此，我会保存互联网数据，因为网页的图像仍然是原来的样子。谢谢。@k3llydev是的，同上。谢谢。为什么只在鼠标悬停时更换，而不是永久更换？那不是容易多了吗？我一直在反复试验。如何将正则表达式放入

图像[e].src

？在上面的

/150/00F/FFF/

示例中，我如何用正则表达式替换150、00F和FFF，以便它们接受任何其他值（就像CMD的星号（*）？谢谢。@Wankilya你到底想做什么？获取并更换

15000F n FFF

？只获得？只替换？我的意思是，原来的URL总是在

images[e].src

中。我一直在反复尝试。如何将正则表达式放入

图像[e].src

？在上面的

/150/00F/FFF/

示例中，我如何用正则表达式替换150、00F和FFF，以便它们接受任何其他值（就像CMD的星号（*）？谢谢。@Wankilya你到底想做什么？获取并更换

15000F n FFF

？只获得？只替换？我注意到的意思是，原始URL将始终位于

图像[e].src

中。