【问题标题】:Is it possible to Alter Tomcat Web Application Manager's Theme or Modify its Header?是否可以更改 Tomcat Web 应用程序管理器的主题或修改其标题?
【发布时间】:2013-02-27 16:31:22
【问题描述】:

我的计算机上有几个 tomcat 服务器实例(一个用于生产,一个用于暂存/测试/培训)。

用于生产和测试的 tomcat Web 应用程序管理器的(示例)网址如下:

Production: xWeb8.myOwnServer/manager/html

test: xWeb8Test.myOwnServer/manager/html

我想知道是否可以访问 Tomcat Web 应用程序管理器并修改其显示和/或添加颜色主题以指示它是生产还是测试等?如果是,如何做到这一点?

【问题讨论】:

  • 是的,您可以转到webapps/manager 并使用应用程序的样式代码。所有文件都在那里,您可以更改任何样式。
  • @SuKu 在下面看到我的回答。 index.jsp 文件只是将您重定向到/html servlet,并且所有演示文稿都可以在该 servlet 中找到。

标签: tomcat web-applications themes


【解决方案1】:

在您的webapps 目录中,您将找到manager 目录。查看index.jspweb.xmlHTMLManagerServlet 的源代码,看起来它们都被硬编码到了servlet 中。所以看起来如果不重写整个事情是不容易的。

更新:您可以创建一个过滤器,在 HTML 通过过滤器时对其进行修改。

【讨论】:

    【解决方案2】:

    虽然这是一个旧帖子,但我想我会给我的 2 美分...

    似乎即使在 Tomcat 上使用更高版本,我们也无法真正改变管理器的外观。

    但是,我所做的是将“../manager/images”文件夹中的“tomcat.gif”替换为经过修改的 gif,该 gif 标识了我连接到的系统。

    查看我使用的图像的屏幕打印...

    【讨论】:

      【解决方案3】:

      我自己也在看,在找到这篇文章后,我想出了以下想法:

      1. 使用一些可以检测另一个窗口/选项卡中的 onLoad 事件的 java 脚本创建一个简单的 .html 页面。

      2. 打开管理器页面。当它加载您的自定义页面时,将检测到 onLoad 事件并使用 DOM 进行必要的修改 - 更改 CSS、添加元素等。

      我知道这有点间接,但它会起作用。

      【讨论】:

      • 这行不通。通常不可能将事件附加到或访问其他窗口的 DOM。但是,这个想法可以作为浏览器扩展来实现。
      【解决方案4】:

      您可以使用 css 更改每页的主题

      例如https://userstyles.org/styles/153943/tomcat-8-manager-dark

      /* Tomcat Dark Theme - Jerome E. Carter, II - Datatribe Softwers, Ltd. cc 2018 */
      
      body, table
      {
        background-color: #555555!important;
      }
      
      button, input
      {
        background-color: #333333!important;
        border: 1px solid white!important;
        border-radius: 5px;
        color: #ffaa00;
      }
      
      /*not working as intended - hope to improve later*/
      input[type=button]:hover
      {
        background-color: #777777;
      }
      
      td
      {
        background-color: #777777!important;
      }
      
      *
      {
        color: white;
      }
      
      a
      {
        color: #ffaa00;
      }
      
      tr:hover
      {
        border-color: #aaaaaa!important;
      }
      

      最简单的方法是通过浏览器扩展程序

      例如

      https://addons.mozilla.org/en-US/firefox/addon/styl-us/?src=search

      https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne

      【讨论】:

        猜你喜欢
        • 2011-09-10
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多