自用代码css获取任意网址的/favicon.ico的方法教程

尝试过使用网友说的API接口获取 找到的都是失效了

暂时就使用这种办法获取 如果有好的方法望评论告知 谢谢

1
2
<img :ng-src="'http://'+list.url+'/favicon.ico'" :src="'http://'+list.url+'/favicon.ico'" onerror="this.src='https://s2.ax1x.com/2020/02/02/1YRugf.png'" <br>alt="" width="14" height="14" style="display: block;float:left;margin-top:3px;" ng-show="item.littleIcon" class="">
     

  

list.url是网址数据 动态

onerror="this.src='https://s2.ax1x.com/2020/02/02/1YRugf.png'"

原理:利用拼接的方式获取根路径下的favicon.ico

但是有的网址没有存放在跟路径下 所有就用到了 onerror标签 表示加载失败就执行

onerror定义和用法

onerror 事件会在文档或图像加载过程中发生错误时被触发。

在装载文档或图像的过程中如果发生了错误,就会调用该事件句柄。

1
this.src='https://s2.ax1x.com/2020/02/02/1YRugf.png'<br><br>

1
第一个ico是获取成功的 第二个是获取失败的 就赋值
1
https://s2.ax1x.com/2020/02/02/1YRugf.png(存在图床里面 自己随便定义图片ico 或者事件)
posted @   阿浩呗  阅读(1837)  评论(0编辑  收藏  举报
编辑推荐:
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
阅读排行:
· 周边上新:园子的第一款马克杯温暖上架
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· Ollama——大语言模型本地部署的极速利器
· DeepSeek如何颠覆传统软件测试?测试工程师会被淘汰吗?
· 使用C#创建一个MCP客户端
点击右上角即可分享
微信分享提示