一个小需求:去掉grafana的测边栏,使用的grafana版本是v5.3.4
grafana_all.png 需求人员跟我描述,点击一下右上边的grafana图标, 右上.png
侧边栏就会消失,再次点击一下就会消失。
F12看了一下,点击事件的变化,点击的时候,body的属性中多了一个“sidemenu-open”,再次点击这个属性就消失,所以我的直接思路是下载对应版本的grafana,在页面初始化的时候就把这个属性给去掉,代码在grafana_app.ts里面。
于是开始苦哈哈的,下载源码,编译源码,修改源码的行动中。因为我不确定哪里是初始化调用的地方,所以在各个设置“sidemenu-open”,的地方都加了打印,这样只要我的版本编译好了就能知道初始化是在什么地方了。
外部网络很慢,而且各种编译问题,导致一直都没有什么进展。
后来想试一下新版本,直接下载了镜像,计划后面替换前端代码。
新版本中我点击右上的grafana图标,
侧边栏就不会消失了
????
这个功能可能隐藏在其他地方,于是在可能的地方探索的时候,找到了这个图标 显示器.png
这个在左上角的显示器模样的图标,点击一下,侧边栏就消失了,这个时候url也变化了,多了一个参数:&kiosk=tv
带着本能的好奇心,我又点击了一下,这个图标,上边栏,准确一点说是菜单栏也消失了。提示按”esc“ 退出,同时url也发生了变化 后面的参数变为了&kiosk
综上所述:
grafana去掉侧边栏,URL后面加上参数 "&kiosk=tv"
grafana去掉顶端菜单栏,同时也去掉侧边栏,URL后面加上参数 "&kiosk"
反思整个过程,解决问题的思路,被带着走了很多弯路。
由于grafana是一个开源软件,基于开源软件的新需求,和自研的有很大不同,不能找到对应开发的人直接询问;未知的也更多一些。 但是基于开源软件的开发也有一个好处,遇到同样需求的人也多,应该先去找已经成熟的解决方案。如果是复杂到的开发,再想着基于源码修改。后来我在网上也找到对于这个小需求的解答。
网友评论