怎样获取当前网站的地址栏图标

怎样获取当前网站的地址栏图标,第1张

看源文件,有类似下面的一行:

<linkrel="shortcuticon"href="/faviconico"/>

其中那个href后面就是图标啦~

看看网站页面的HTML源码,在head标签中寻找link标签,看看是不是有rel属性值为“shortcut icon”的link,如果找到了,就看它的href属性,属性值就是网页标题小图标的来源位置,通常取名为 faviconico,用URLDownloadToFile下载到本地即可

如何读取favicon

根据设置favicon的方式,就有2种读取favicon的方法:

A、默认直接读取网站根目录的faviconico文件。

B、如果不存在根目录下的faviconico文件,就读取页面里favicon的声明。

相比之下,获取网站根目录下的faviconico文件是最简单快捷的,但如果网站根目录下没有该文件,就需要使用后台程序读取网页的源代码,非常的麻烦。

为了克服获取favicon的麻烦,应运而生了一些获取favicon的公共API,如:

dnspod:>

1首先要做一个faviconico格式的(名字必须一样)。

2如果我们是想在网页首页的地址栏、标签位置显示我们刚才制作的小图标,那么我们就打开首页的源代码,找到head部分,并在head部分插入下面这句代码。我选择的是用“计事本”打开的首页源代码。 <link rel="shortcut icon" type="image/x-icon" href="faviconico" media="screen" />

3“href”后面的参数是ico图标的地址,href="faviconico"的意思是说,我把这个图标文件存放在了和首页相同的的位置,也就是网站的主目录,具体根据你网站上存放的位置来写

如果你是自己写的代码。那你就放在网站文件根目录的images文件里面。就ok了。预览的时候就可以看到

把你的网站LOGO图标制作成一个16x16尺寸的icon图标,命名为faviconico,传到网站根目录上。

然后在head区嵌入代码,

如<linkrel=ShortcutIconhref=faviconico/<!--地址栏和标签上显示图标--

<linkrel=Bookmarkhref=faviconico/<!--收藏夹显示图标--

或者你也可以不嵌代码,浏览器也会自己搜索出。ico图标并显示出来。

注意:文件一定要命名为faviconico,文件用专用软件转换而不能直接改后缀名。

随便打开一个网页:比如 >

可以看到在浏览器的标签头上面显示了一个图标,这个图标是:,也就是我们常说的faviconico

很多网站 不设置这些,就不会有这个小图标

以上就是关于怎样获取当前网站的地址栏图标全部的内容,包括:怎样获取当前网站的地址栏图标、怎么提取网站title图标、如何获取不同网站的favicon默认图标等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9719564.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-01
下一篇2023-05-01

发表评论

登录后才能评论

评论列表(0条)

    保存