如何为Shiny Dashboard应用添加浏览器标签栏图标?
给Shiny Dashboard添加浏览器标签栏图标(Favicon)
解决步骤:
准备图标文件
- 推荐使用
.ico格式,或尺寸为16x16/32x32的.png图片 - 将图标文件放在Shiny项目根目录下的
www文件夹中(没有该文件夹就新建一个)
- 推荐使用
修改主UI代码
把图标链接标签插入到HTML的<head>区域,用tagList包裹整个UI结构,确保tags$link被正确加载:
ui <- tagList( # 插入Favicon到页面头部 tags$head( # ico格式示例 tags$link(rel = "icon", type = "image/x-icon", href = "myapp.ico"), # 如果用png格式,替换成下面的代码 # tags$link(rel = "icon", type = "image/png", href = "myapp.png", sizes = "32x32") ), dashboardPage( dashboardHeader(title = "My app name"), dashboardSidebar(disable = TRUE), dashboardBody( tabBox( tabPanel(title = "first tab", myModuleIO("first_tab")), tabPanel(title = "second tab", myModuleIO("second_tab")) ) ) ) )
常见问题说明:
- 之前在
dashboardHeader(title = div(...))的写法,是给页面顶部标题栏加图标,并非浏览器标签栏的Favicon,不符合需求。 - 若之前用
tags$link没成功,大概率是图标路径错误(没放在www文件夹),或者没把标签放在tags$head中——Shinydashboard需要通过tags$head将内容注入到HTML头部才能生效。 - 部署到服务器时,确保
www文件夹和图标文件一起上传,路径保持一致。
内容的提问来源于stack exchange,提问作者H.Hasani
相关产品推荐
相关产品推荐

