我有一个程序,它接受用户输入的URL,抓取页面的图像,并将这些图像保存到我的CDN。这通常可以正常工作,但是当在this 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>
You can see the behavior here。我不知道为什么会这样,我用ImageFormat.Jpeg将图像保存到我的CDN,所以我有点困惑,这适用于其他网站/图像就好了。
我宁愿不写一堆javascript来抵消这些样式,所以任何指针都会很棒!谢谢!