Tag: favicon

HTML图标不会显示在谷歌浏览器: 我正在制作一个未发布的HTML页面。我想做的事情之一是添加一个图标旁边的标题。我正在使用谷歌浏览器，我注意到，其他网站的图标旁边显示的图标，但我试图显示的不会显示。该网站位于我的桌面命名网站上的一个文件夹中。这是代码： <!DOCTYPE html> <html> <head> <title></title> <link rel="shortcut icon" href="/favicon.ico" /> </head> <body> </body> </html>

添加favicon to JavaScript Bookmarklet（使用window.open）: 我有一个小书签，它启动了一个window.open javascript函数，用我的小书签打开一个小窗口 – 一个用于在任何被浏览的网站和我的服务器之间进行通信的外部特征。当书签添加到书签工具栏时，我想要显示一个图标。我意识到bookmarklet是javascript，没有绑定的域名，所以要实现这个目标要么很困难，要么是不可能的。我对这个问题的理解： Favicons很容易理解，是HTML文档头部的一个链接。浏览器可以通过引用为实际网站添加书签时提取此信息。然而，正如你看到我的小书签跑了一个JavaScript的启动代码，不存在HTML，因此没有链接到一个网站图标。我还没有准备好放弃，我觉得有一些注射可以做… 截至目前，bookmarklet启动代码如下所示：当前脚本 – 书签，没有图标（注意所有的代码是用换行符格式化的 – 不会在所有的浏览器中运行，通常是一行代码） javascript:void(window.open( 'http://mydomain.com/bookmarklet/form?u=' +encodeURIComponent(location.href)+ 't='+encodeURIComponent(document.title), 'test','status=0,toolbar=0,location=0,menubar=0, resizable=false,scrollbars=false,height=379,width=379' )); 我发现一个解决scheme最接近的东西如下，但它不会打开一个新的窗口 – 只是创build一个新的选项卡与HTML作为页面：正在工作的图标，没有书签窗口 javascript:'<!DOCTYPE html> <html><head> <title>Hello World</title> <link rel="icon" type="image/png" href="http://www.tapper-ware.net/devel/js/JS.Bookmarklets/icons/next.png" /> </head> <body>Hello World</body> </html>'; 我已经尝试了两者的组合，但似乎没有使用图标。我很想知道是否有人可以看到一种解决方法..我认为这可能是可能的，我只是不认为它正确设置，因为我一直在尝试。我的两个书签的混合，但没有favicon javascript:'<!DOCTYPE html> <html><head> <title>Hello World</title> <link rel="icon" type="image/png" […]

浏览器选项卡上的HTML设置图像: 如何在networking浏览器的标签上的网站标题旁边设置一个小图标？

dynamic生成的图标: 是否有可能只使用JavaScript和HTMLdynamic生成一个图标，使用当前页面的图标作为背景，并在前台随机数字？例如，让我们说当前的图标看起来像这样： ====================== ====XXXXXXXXXXXXXX==== ====X================= ====X================= ====X=====XXXXXXXX==== ====X============X==== ====X============X==== ====XXXXXXXXXXXXXX==== ====================== 如果可能的话，我将如何使用JavaScript和HTML来使它看起来类似于这个： ====================== ====XXXXXXXXXXXXXX==== ====X================= ====X================= ====X=====XXXXXXXX==== ====X=========–111–= ====X=========–1-1–= ====XXXXXXXXXX—-1–= ==============–1111-= 地图： = ：白色背景 x ：原始的Favicon图像 – ：红色与一个数字生成的图像 1 ：白色文字思路：帆布？数据Uri的？

HTML5`<link rel =“快捷键”/>`: HTML5的WHATWG文档指出， rel属性必须包含空格分隔的值，然后给出一个允许值的表格。属性的值必须是一组空格分隔的令牌。允许的关键字及其含义 … link元素的允许关键字列表不包含shortcut ，但它包含icon 。所以我正在看这个全知名的标签 <link rel="shortcut icon" href="/favicon.ico" /> 并想知道它是否符合HTML5。我应该从整个网站的这个标签中删除关键字shortcut吗？

“/favicon.ico”vs <link rel =“快捷图标”/>: 题在网站上创build一个favicon的最佳做法是什么？并且是一个.ico文件，16×16和32×32的图像比只有16×16的.png文件更好？如果今天select正确的方法，不能在合理的旧浏览器中工作吗？方法1 将名为favicon.ico的文件放在主目录中是一种方法。浏览器始终请求该文件。你可以看到，在Apache日志文件。方法2 <head>部分的HTML标签： <link rel="shortcut icon" href="http://img.dovov.comfavicon.png (or ico?)" type="image/x-icon" />

Spring Boot：覆盖favicon: 我如何覆盖Spring Boot的图标？注意：这是我另一个问题，提供了另一个不涉及任何编码的解决scheme：春季启动：是否有可能使用外部application.properties文件在任何目录与一个胖的jar？这是为application.properties，但它也可以应用到favicon。事实上，我现在正在使用该方法来进行favicon覆盖。如果我实现了一个具有@EnableWebMvc的类，那么Spring Boot的WebMvcAutoConfiguration类将不会加载，并且可以通过将其放置到静态内容的根目录中来服务于我自己的图标。否则，WebMvcAutoConfiguration注册faviconRequestHandler bean（请参阅源https://github.com/spring-projects/spring-boot/blob/master/spring-boot-autoconfigure/src/main/java/org/springframework/boot/autoconfigure/ web / WebMvcAutoConfiguration.java ），它提供了放在Spring Boot主资源目录中的“绿叶”图标。我怎样才能覆盖它没有实现一个具有@EnableWebMvc我自己的类，从而禁用WebMvcAutoConfiguration类的Spring Boot的整个默认configurationfunction？此外，因为我想在客户端（networking浏览器）尽快更新图标文件，所以我想将favicon文件的caching周期设置为0.（如下面的代码，我正在使用'静态'webapp内容和脚本文件，在更改文件后，必须尽快在客户端更新。） public void addResourceHandlers(ResourceHandlerRegistry registry) { registry.addResourceHandler("/**") .addResourceLocations("/") .setCachePeriod(0); } 所以，只要find保存favicon.ico文件的地方，Spring Boot的faviconRequestHandler荣誉可能是不够的。 UPDATE 现在我知道我可以通过将favicon文件放到src / main / resources目录来覆盖默认的。但caching期问题仍然存在。此外，最好把favicon文件放在静态网页文件放置的目录下，而不是资源目录。 UPDATE 好吧，我设法覆盖默认的一个。我所做的是如下： @Configuration public class WebMvcConfiguration { @Bean public WebMvcConfigurerAdapter faviconWebMvcConfiguration() { return new FaviconWebMvcConfiguration(); } […]

苹果触摸图标的正确像素尺寸是多less？: 我不确定正确的大小应该是什么。许多网站似乎重复说苹果触摸图标应该是57×57像素，但引用一个断开的链接作为他们的来源。 Hanselman和playgroundblues的评论提出了不同的尺寸，包括163×163和60×60。苹果自己的apple.com图标是129×129！看到我的相关问题：我如何给我的网站一个iPhone的图标？

使用Font Awesome Icon作为Favicon: 是否可以使用Font Awesome图标作为图标？你知道，在浏览器标签中出现在网站标题旁边的小图标？

正确的MIMEtypes的favicon.ico？: 根据互联网号码分配机构（IANA）的规定，所有的.ico文件属于MIMEtypes的image/vnd.microsoft.icon 。（来源）例如<link rel="icon" type="image/vnd.microsoft.icon" href="favicon.ico" /> 然而，精明的互联网大师保罗•爱尔兰（ Paul Irish ）声称这是错误的，而且它实际上是image/x-icon 。（来源）例如<link rel="icon" type="image/x-icon" href="favicon.ico" /> 我知道你可以逃避不包括一个“types”的.ico文件，但如果你打算包括一个，这应该是什么？将其作为官方IANAtypes实际存在任何问题吗？