想要获取网页标签图标,首先要了解favicon有哪几种:
1、像这种favicon.ico图标可以直接用
window.location.protocol + '//' + window.location.host + '/favicon.ico'
获取 ;
2、像这种图标和网站域名不一样的,需要用js来获取,link标签有两种,一种是rel="icon",一种是rel="shortcut icon",
const href = document.querySelector('link[rel="shortcut icon"]')?.href || document.querySelector('link[rel="icon"]')?.href
这样就能获取到 favicon.ico啦,实际第一种也能通过这种方式来获取。
3、在chrome浏览器中,有种更简洁的方法能获取网站favicon.ico图标
chrome://favicon/ + 网站访问地址
使用是请考虑兼容性等问题,如果还有其他类型的,欢迎留言
到此这篇关于获取网页标签图标favicon的文章就介绍到这了,更多相关内容请搜索服务器之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持服务器之家!
原文地址:https://blog.csdn.net/m0_67273164/article/details/132098989