相关疑难解决方法(0)
Favicons - 最佳实践
我正试图了解Favicons,Touch图标和现在的Tile图标所需的所有这些不同尺寸和格式.
我已经阅读了这篇文章:http: //www.jonathantneal.com/blog/understand-the-favicon 但我仍然有点朦胧,确切地说在所有设备和浏览器上看起来相当不错> = IE8 .
我想我应该创建以下内容:
ICO
favicon.ico(32x32)
PNG
favicon.png(96x96)
Tile Icon
tileicon.png(144x144)
Apple Touch图标
apple-touch-icon-precomposed.png(152x152)
基于此https://github.com/h5bp/html5-boilerplate/issues/1367
...然后使用此代码为他们服务？
<link rel="apple-touch-icon" href="path/to/touchicon.png">
<link rel="icon" href="path/to/favicon.png">
<!--[if IE]><link rel="shortcut icon" href="path/to/favicon.ico"><![endif]-->
<!-- or, set /favicon.ico for IE10 win -->
<meta name="msapplication-TileColor" content="#D83434">
<meta name="msapplication-TileImage" content="path/to/tileicon.png">
我错过了什么吗？
我不清楚这是否会涵盖IE 10？
推荐指数
解决办法
查看次数
推荐指数
解决办法
查看次数
动态生成的图标
是否可以使用JavaScript和HTML动态生成图标,使用当前页面的图标作为背景,以及前景中的随机数？
例如,假设当前的favicon看起来与此类似:
======================
====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？
推荐指数
解决办法
查看次数
使用类似于Gmail添加计数的图像处理的动态图标
我试着弄清楚看源代码,但我无法理解.
我想知道如何使用Gmail这样的计数制作动态图标.
有关如何做到这一点的任何想法？
推荐指数
解决办法
查看次数
检测浏览器是否使用暗模式并使用其他图标
Google Chrome 73已发布，并为浏览器添加了“暗模式”支持。我注意到许多图标现在看起来很糟。
有没有一种方法可以检测用户是否使用暗模式并更改图标？
推荐指数
解决办法
查看次数
我们可以控制浏览器标签中的"加载"图标吗？
我通过jQuery进行了一系列的AJAX调用.当正在执行ajax调用时,没有可视指示.通常,如果您单击链接或其他非ajax加载,浏览器会在选项卡中显示一个小加载图标.
有没有办法告诉浏览器在选项卡中显示这个小图标？(这些电话大约有30个,所以我希望避免修改每个电话).
推荐指数
解决办法
查看次数
为整个网站设置单个图标
目前我正在使用这段代码将网站添加到网站:
<link rel="shortcut icon" href="https://www.mysite.co.uk/images/favicon/favicon1.ico" />
但是,必须将此代码添加到每个HTML页面.有谁知道如何设置全球图标？
我看过的每个地方都告诉我必须将它添加到每个页面.
更新:
Chrome会在根目录中搜索favicon.ico文件.
Firefox需要在每个页面上显示:
<link rel="icon" type="image/png" href="/favicon.png" />
推荐指数
解决办法
查看次数
当用户更改主题时,是否可以在网站上更改favicon？
我的网站上有2个主题:红色和蓝色.这很好......
当用户改变主题时,我必须知道我是否可以做一些改变图标的东西......
我知道这段代码是用于实现favicon:
<link rel=”shortcut icon” href=”favicon.ico” />
<link rel=”icon” href=”favicon.ico” />
那么......我需要做什么呢？使用jQuery？
我有这个脚本,我用于更改主题:
$("#painel_faccao li a").click(function() {
$("link#faccao").attr("href",$(this).attr('rel'));
$.cookie("css",$(this).attr('rel'), {expires: 365, path: '/'});
return false;
});
我怎么能在这里实现这个？
(这个问题有一个更现代的方法来实现这个功能)
推荐指数
解决办法
查看次数
更换window.location时,FireFox 3.6 - 9会丢弃图标
问题仅存在于FireFox上(从3.6到现在9),其他浏览器都可以.我的代码看起来像这样:
jQuery.extend({
AnchorFromUrl : function(url) {
var anchor = url.substr(1).replace('.html','');
$.fizzer_anchor = anchor;
window.location.hash = anchor;
return anchor;
}
});
最奇怪的是,如果我在window.location.hash = anchor之前发出警报; 单击"确定"按钮后,行不会消失,删除该警报()并使您的图标消失.
注意:如果您这样做,它也会丢弃图标window.location = something.
推荐指数
解决办法
查看次数
使用内联 SVG 作为网站图标
我有一个 HTML 页面，我想从内联 svg 创建一个 favicon 并在 HTML 中使用它。如何进行？
这是我目前的尝试：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/svg+xml" sizes="21x21" href="favicon16.svg">
<title>Document</title>
</head>
<body>
<svg width="100" height="100">
<circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
</svg>
</body>
</html>
推荐指数
解决办法
查看次数