我有一个程序,它接受用户输入的 URL,从页面中抓取图像,并将这些图像保存到我的 CDN。这通常可以正常工作,但是当尝试在此 URL上使用它时,它会保存图像 - 但是当我使用该图像引用我的 CDN 链接时会出现一些奇怪的行为。值得注意的是,高度和宽度设置为 0,并且应用了其他样式。当我在 Chrome 调试器中检查图像时,我得到以下样式:
element.style {
-webkit-user-select: none;
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
background-position: 488px 600px;
}
img[Attributes Style] {
width: 0px;
height: 0px;
}
我不知道为什么会这样,但是有两个链接与图像一起加载,而且这只发生在 chrome 中,所以我不知道为什么 Chrome 决定这样做,但 FF 没有:
<link type="text/css" rel="stylesheet" href="chrome-extension://cpngackimfmofbokmjmljamhdncknpmg/style.css">
<script type="text/javascript" charset="utf-8" src="chrome-extension://cpngackimfmofbokmjmljamhdncknpmg/page_context.js"></script>
您可以在此处查看行为。我不知道为什么会发生这种情况,我使用 ImageFormat.Jpeg 将图像保存到我的 CDN,所以我有点困惑,这适用于其他站点/图像就好了。
我宁愿不写一堆 javascript 来抵消这些样式,所以任何指针都会很棒!谢谢!