我正在使用一个在线生成器(http://realfavicongenerator.net,但其他生成器,例如www.faicon-generator.org)实现一个偏袒图标。生成器提供了近30个文件(用于android、苹果、不同大小等的图像),这就是为什么我将所有这些文件放在资产管道(assets/images/favicons/)中,而不是放在公用文件夹(否则会变得如此混乱)。
文件中包括一个xml文件browserconfig.xml和一个json文件manifest.json (不确定它们的确切用途)。在标题中,我使用以下方法加载两个文件:
<%= content_tag :meta, nil, content: image_path("favicons/browserconfig.xml"), name: 'msapplication-config' %>
<%= content_tag :link, nil, href: image_path("favicons/manifest.json"), rel: :manifest %>用这种方式使用image_path 可以吗?(尽管它们不是图像,但我已经将所有文件放在assets/images/favicons中的一个文件夹中)。
此外,xml和json文件都包含对现在处于资产管道中的图像的引用(请参阅下面)。因此,在目前的形式中,这些引用失败了。如何引用xml和json文件中的图像?
browserconfig.xml:
<?xml version="1.0" encoding="utf-8"?>
<browserconfig>
<msapplication>
<tile>
<square70x70logo src="/mstile-70x70.png"/>
<square150x150logo src="/mstile-150x150.png"/>
<square310x310logo src="/mstile-310x310.png"/>
<wide310x150logo src="/mstile-310x150.png"/>
<TileColor>#fff8dc</TileColor>
</tile>
</msapplication>
</browserconfig>manifest.json:
{
"name": "AppName",
"icons": [
{
"src": "\/android-chrome-36x36.png",
"sizes": "36x36",
"type": "image\/png",
"density": "0.75"
},
{
"src": "\/android-chrome-48x48.png",
"sizes": "48x48",
"type": "image\/png",
"density": "1.0"
},
# etc.
]
}发布于 2015-07-28 11:30:05
最好将该图标放置在您的公用文件夹中,否则它将在编译时在名称中包含指纹。
发布于 2015-07-27 19:35:16
事实证明,这比预期的困难要小。我将这两个文件重命名为.xml.erb和.json.erb,并使用Rails image_path对引用进行了重新编码。现在我觉得推荐信有效了。
https://stackoverflow.com/questions/31659173
复制相似问题