标签: favicon

Node Express“favicon.ico”未找到错误

我试图通过使用 Express 作为查询字符串传递的 URL 下载照片,但每次我尝试使用它时,我都会得到Error: Invalid URI "favicon.ico"是否有办法让我的浏览器停止请求图标?为了下载图像,我使用该image-downloader包(NPM 页面

代码:

app.get('/:url', (req, res) => {
let url = req.params.url;
const options = {
    url: url,
    dest: /path'
};
download.image(options)
    .then(({ filename, image }) => {
        console.log('File saved to ', filename);
})
    .catch((err) => {
        console.log(err);
    });
res.send("Done");
Run Code Online (Sandbox Code Playgroud)

});

favicon node.js express

3
推荐指数
1
解决办法
7653
查看次数

已关闭 - 更改 favicon Angular 主题

我正在我的 Angular 应用程序中渲染动态页面。我想根据客户端的配置更改图标。例如,如果客户端是 tesco,则 favicon 应该是 tesco favicon 等。

任何想法?我想使用纯角度来做到这一点,所以请拒绝使用 javascript 的想法。

favicon typescript angular-material angular

3
推荐指数
1
解决办法
3528
查看次数

Service Worker 是否需要缓存 PWA 核心未使用的清单图标?

这个问题似乎非常重要。但是,我在任何官方渐进式 Web 应用程序 (PWA) 文档中都找不到答案。

我的 PWA的manifest.json包含相当多的图标,甚至相当大的图标screenshot.png,这些图标对于 PWA 的核心来说并不是必需的。

        {
            "src": "./assets/static/images/android-chrome-512x512.png",
            "sizes": "512x512",
            "type": "image/png"
        },
        {
            "src": "./assets/static/images/android-chrome-192x192.png",
            "sizes": "192x192",
            "type": "image/png"
        },
        {
            "src": "./assets/static/images/android-chrome-512x512.maskable.png",
            "sizes": "512x512",
            "type": "image/png",
            "purpose": "maskable"
        },
        {
            "src": "./assets/static/images/android-chrome-192x192.maskable.png",
            "sizes": "192x192",
            "type": "image/png",
            "purpose": "maskable"
        },
        {
            "src": "./assets/static/images/apple-touch-icon.png",
            "sizes": "180x180",
            "type": "image/png",
            "purpose": "maskable"
        }
    ],
    "screenshots": [
        {
            "src": "./assets/static/images/screenshot.png",
            "sizes": "1080x2220",
            "type": "image/png"
        }
    ]
Run Code Online (Sandbox Code Playgroud)

我的单页 PWA中仅引用了上述图标之一index.html

    <link rel="apple-touch-icon" sizes="180x180" href="./assets/static/images/apple-touch-icon.png"/>
Run Code Online (Sandbox Code Playgroud)

但还有更多的图标主要用于 …

favicon icons caching service-worker progressive-web-apps

3
推荐指数
1
解决办法
1966
查看次数

如何将网站图标添加到 nextjs 应用程序结构中?- 可能存在水分问题

我试图弄清楚如何将 favicon 文件添加到 next.js 应用程序(使用 React 18)。

我制作了一个 _document 页面,其 head 标签如下:

    import * as React from "react"
    // import {createRoot} from 'react-dom/client'
    import { ColorModeScript } from "@chakra-ui/react"
    import Document, { Head, Html, Main, NextScript } from "next/document"
    import Favicon from "../components/Favicon"
    
    export default class AppDocument extends Document {
      static getInitialProps(ctx: any) {
        return Document.getInitialProps(ctx)
      }
    
      render() {
        return (
          <Html lang="en">
            <Head>
              <meta name="theme-color" key="theme-color" content="#000000" />
              <meta name="description" content="name" key="description" />
              <meta property="og:title" content="title goes here" key="title" …
Run Code Online (Sandbox Code Playgroud)

favicon next.js

3
推荐指数
1
解决办法
7082
查看次数

How to add favicon for Content-Type: application/json

I am using node.js and implementing an API that returns a response as Content-Type: application/json like this:

module.exports={
    api: (req, res) => {
        let data = {"data": [1, 2, 3]};
        res.status(200).json(data);
    }
}
Run Code Online (Sandbox Code Playgroud)

But, there is no favicon that can be viewed when trying that API on the browser. I see another website that can get this done.

应用程序编程接口

How can add a favicon on the Node.js API with Content-Type: application/json?

javascript favicon content-type node.js express

3
推荐指数
1
解决办法
754
查看次数

jQuery强制所有favicon.ico请求到正确的位置?

我没有服务器端访问权限...

我正在尝试从提供脚本和CSS访问权限的托管维基服务中提供自定义图标,但是它向所有用户展示了自己的图标.

是否有可能做一些这样的,但与jQuery?如果是这样,怎么样?

favicon jquery

2
推荐指数
2
解决办法
1541
查看次数

这个html是否必要?

<link rel="shortcut icon" href="/favicon.ico">
<link rel="Bookmark" href="/favicon.ico">
Run Code Online (Sandbox Code Playgroud)

我在某个地方看到了它,但是有<link rel="Bookmark"..必要吗?

html favicon rel

2
推荐指数
1
解决办法
456
查看次数

如何将favicon添加到xhtml文档

我制作了一个Windows图标(*.ico)并将其命名为favicon,它是16乘16并且有16种颜色...我已将其与链接标签一起包含

但它没有正确加载

如何在xhtml中为网站添加favicon

我在网上尝试了一切,但它仍然无效

我该怎么做

favicon xhtml

2
推荐指数
1
解决办法
4781
查看次数

是否可以用@ font-face替换favicon?

我打算创建一个跨浏览器的网站,不使用现代浏览器的图像(.jpg,.png,.svg等).是否可以用@ font-face替换favicon.ico?

favicon html5 css3 font-face

2
推荐指数
1
解决办法
105
查看次数

用作favicon的PNG或ICO缺乏透明度(IE/Edge)

我注意到网页(包括我自己的)的某些网站图标无法正确显示,并且忽略了透明度.

例如: 在此输入图像描述

随意使用IE/Edge 测试我的网页图标,它将显示类似的结果.我已确保使用GIMP导出透明度(在alpha图层中).下面附有图像供参考.

在此输入图像描述

有没有人看到我的标题编码为图标或图像问题有什么问题?

<link rel="icon" type="image/x-icon" href="./favicon.ico?v=1.0">
Run Code Online (Sandbox Code Playgroud)

html favicon internet-explorer microsoft-edge

2
推荐指数
1
解决办法
3171
查看次数