隐藏损坏的 img chrome 扩展

茱莉亚

我的问题:在 jsfiddle 上,我成功隐藏了损坏的图像图标。但是,当加载到 Chrome 扩展程序时,它不起作用:/

例子: https://imgur.com/a/T6wdnD2

一些背景: “post.url”可能是也可能不是图像文件。如果不是,我想隐藏它。我怎么做?

这是我当前的代码:

$("#art").append('<img id="img" src="' + post.url + '"onerror="this.style.display=\'none\'"/>');
哇哦
  1. 使用正确的 devtools - 扩展弹出窗口有自己单独的一个,可以通过右键单击弹出窗口,然后单击“检查”来访问(请参阅各种浏览器的此答案);
  2. 在正确的开发工具中,您将看到有关内联 JS 被阻止的错误;
  3. 由于默认情况下扩展不能使用内联 JS(这是一件好事,所以不要更改它),
    而是以编程方式附加 onerror 侦听器:

$(`<img id="img" src="${post.url}">`).appendTo('#art').on('error', function() {
  this.style.display = 'none';
});

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

仅在Chrome上损坏了img

来自分类Dev

Chrome扩展程序-修复img标签onerror无限循环

来自分类Dev

Chrome扩展程序-修复img标签onerror无限循环

来自分类Dev

在iOS中从Chrome隐藏动作扩展

来自分类Dev

如何创建隐藏的Chrome扩展程序

来自分类Dev

打开弹出窗口时 Chrome 扩展程序已损坏

来自分类Dev

使用Chrome扩展程序隐藏关键字的父级

来自分类Dev

如何在 Chrome 扩展程序中隐藏 Firebase 凭据?

来自分类Dev

Chrome / Firefox内容脚本:加载图像时隐藏<img>似乎会破坏具有相同src的其他<img>

来自分类Dev

chrome扩展ajax其他chrome扩展

来自分类Dev

Chrome扩展脚本

来自分类Dev

Chrome扩展程序的指标

来自分类Dev

Chrome扩展程序设置

来自分类Dev

Chrome扩展程序的指标

来自分类Dev

Chrome扩展程序-通知

来自分类Dev

Chrome扩展程序选项

来自分类Dev

Chrome扩展脚本

来自分类Dev

Selenium :: Python :: Chrome 扩展

来自分类Dev

Chrome 扩展的旋转效果

来自分类Dev

Selenium:Chrome 扩展的 NoSuchFrameException

来自分类Dev

Chrome 扩展 BackgroundScript 路径

来自分类Dev

外部文件 Chrome 扩展

来自分类Dev

如何使用Chrome扩展程序在页面加载之前隐藏所有内容

来自分类Dev

如何在Chrome扩展程序中隐藏浏览器窗口?

来自分类Dev

Chrome扩展程序:取消隐藏URL字符串匹配中的弹出文本

来自分类Dev

使用Chrome Devtools控制台过滤器隐藏扩展引起的控制台错误

来自分类Dev

切换(隐藏/显示)我的Chrome扩展程序的键盘快捷键

来自分类Dev

如何在Google Chrome浏览器中检索隐藏的扩展程序

来自分类Dev

如何在Chrome扩展程序中使用Java保护或隐藏oAuth CLIENT_SECRET?

Related 相关文章

热门标签

归档