【问题标题】:Favicon For Vaadin WebappVaadin Webapp 的 Favicon
【发布时间】:2021-06-13 17:03:49
【问题描述】:

我正在使用 Vaadin 20 Flow (Java) 并想为我的网络应用程序分配一个图标/图像(.ico.png)。此图标应显示在页面标题旁边,并应在页面添加书签时用作图标。

我知道可以通过implementing the interface PageConfigurator 分配这些图标。但是,现在不推荐使用此功能接口。有谁知道如何在新的 Vaadin 版本中实现这样的图标?

【问题讨论】:

    标签: java vaadin favicon vaadin-flow


    【解决方案1】:

    使用AppShellConfigurer:

    AppShellConfigurator 是过时的 PageConfigurator 接口的替代品。

    public class AppShell implements AppShellConfigurator {
    
      @Override
      public void configurePage(AppShellSettings settings) {
        // ...
        settings.addFavIcon("icon", "icons/icon-192.png", "192x192");
        settings.addLink("shortcut icon", "icons/favicon.ico");
        // ...
      }
    }
    

    【讨论】:

    • 不错且快速的答案。我尝试了您的解决方案,我的图标显示在打开的选项卡中的页面标题旁边。但是,它不用作书签的图标。您(或其他人)是否知道可能需要进行哪些其他调整?
    • 发现此书签图标问题与浏览器有关。不知何故,我安装的 Brave 浏览器不适合网站开发。 Firefox 和 Chrome 都会在标签和书签中显示除标题之外的图标。建议的实施工作顺利。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-08-23
    相关资源
    最近更新 更多