修改浏览器图标为自己想要的LOGO

最新推荐文章于 2024-05-10 09:54:07 发布
最新推荐文章于 2024-05-10 09:54:07 发布
阅读量663 收藏
点赞数 1
分类专栏： Tomcat 文章标签： python java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lee_will/article/details/83985406
版权

浏览器访问自己写的Web应用，地址栏上的图标为：

 

看到其他网站的图标都是自己本公司的LOGO，很是好看，像百度的：

 

所以我也要替换，替换后的样子：

 

------------------------------------------------------------------------------------------------------------------------------------------------------------------

 

现在我们就来自己替换自己的网站图标吧：

环境：Tomcat6.0,Windows7,IE9.0

步骤：

一、设计自己ico图标Logo

  1、可以自己制作ico图标，大小可以为16*16,32*32,48*48。

  2、可以直接在其他网站上找链接：http://www.baidu.com/favicon.ico

       在网站后面加上favicon.ico即可，因为大部分网站他们的浏览器图标都是丢在根目录下的。

 

二、为自己的页面添加浏览器图标

  1、将favicon.ico丢到WebRoot根下面，浏览器将会自动检测到

  2、项目里有ico文件：

      在自己的页面<head>标签之间添加<link>标签，如下

<head>
	<link rel="shortcut icon" href="../images/favicon.ico" type="image/x-icon"/>
</head>

  3、利用其他网站的图标：

 

<head>
	<link rel="shortcut icon" href="http://www.baidu.com/favicon.ico" type="image/x-icon"/>
</head>
 

 总结：1、大多数做法都会把favicon.ico发在WebRoot下面。这样页面不需要改动

            2、如果需要不同页面个性化则需要第2、3种方式

            3、还有就是有一些浏览器采用第一种方式不能够自动加载，需要手工在页面指定一下

 

 

 

 

 

某男
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
文件系统启动logo更换
xinluyao的博客
10-09 408
目录一、下载源代码二、制作需要显示的图片三、修改代码四、编译代码4.1 新建autogen.sh文件，内容如下4.2 autogen.sh添加执行权限4.3 执行autogen，生成makefile4.4 configure4.5 make五、部署5.1 拷贝文件5.2 添加权限5.3 测试   imx6ull开发板使用psplash显示开机进度条图片。修改开机logo可通过修改psplash来实现。下面介绍具体过程。 一、下载源代码   psplash源代码托管于github，可使用如下命令获取： git
一个简单的浏览器工具改变GitHub上的文件图标
08-08
一个简单的浏览器工具改变GitHub上的文件图标
filebrowser个性化设置
u013008898的博客
01-23 1468
icons里面为各种设配的小图标,一般情况下只在电脑上使用,是需要favicon-32x32.png即可,辅助生成地址。logo.svg为登录时上方图标,svg图标辅助生成地址。2.个性化logo和图标设置,参考css。1.去除shell控制台。
filebrowser logo和样式自定义及免密访问
每天进步一点
02-09 2628
这两天接到项目一个需求，客户需要文件管理存储服务，看了下大概的功能，计划用源码开发的，但是看后期这块调整也不大，就采用开源的项目进行即可，开源项目对比后，发现filebrowser比较适合我，功能就不说了，很强大，性能很高；但是面临这定制，比较是跟业主使用的，不能暴露开源任何相关，同时加上公司的一些属性配置，官网已经有说明了，我也是参考官网文档进行调整的，在这里进行记录下。必须包含img文件夹，系统会自动寻找这个文件夹，img下的logo.svg和icons的文件名必须保持这样，官网写的还是挺详细的。
Finder.css:Filebrowser自托管服务的自定义样式表旨在为该服务带来像macOS Finder一样的暗模式支持体验。 颜色，间距，大小等已更改，并且添加了暗模式支持
04-01
发现者 V 2.0的自定义样式。 样式表旨在对服务进行样式设置，使其看起来类似于macOS中的Finder。 添加了暗模式支持，修改了填充，边距，颜色和布局，以类似于Finder的图标视图和列表视图。 屏幕截图 桌面 移动的 安装 找到的说明 设定值 文件浏览器运行时，可以使用CLI或通过设置页面来设置自定义品牌配置。 单击导航菜单中的设置，然后单击全局设置选项卡，然后指定指向custom.css的存储位置的绝对文件路径。 命令行界面 自定义品牌配置可以在运行文件浏览器时通过设置页面进行设置，也可以通过CLI进行设置。 使用CLI发出命令以指向custom.css所在的位置 filebrowser config set --branding.name "My Name" \ --branding.files "/abs/path/to/my/dir" \ --b
更改浏览器中服务器的图标（以tomcat为例子）
12-08
更改浏览器中服务器的图标（以tomcat为例子） 在Web开发中，服务器的图标是一个很重要的细节，它可以体现出网站的个性和专业性。默认情况下，Tomcat服务器使用的图标是一个简单的Tomcat图标，但是在实际项目中，...
自己设计的软件图标logo
05-20
本文将深入探讨自己设计的软件图标Logo的相关知识点，包括ico格式的图标和PPT原版图片的设计过程。 首先，ico是一种用于表示计算机程序、文件或网站的小型图形图像文件格式。这种格式特别之处在于它能包含多个不同...
Unity3D脚本：修改webplayer发布后logo图标的方法1
08-08
在`<script>`标签内，使用`unityObject.embedUnity()`函数创建Unity Player，并在参数对象`params`中设置`logoimage`属性为你想要的Logo图片文件名。例如： ```javascript var params = { backgroundcolor: "A0A0...
vue 中url 链接左边的小图标更改问题
12-13
修改url左边的小图标（标题前的小图标）。例如：   favicon.ico一般用于作为缩略的网站标志,它显示位于浏览器的地址栏或者在标签上,用于显示网站的logo。 1.首先得到或生成需要的ico文件。ps ico文件生成地址 ...
Android X浏览器 v4.0.4 小巧流畅极简的浏览器更新版
05-22
– 主页支持更换Logo,设置背景，定制图标 – 优化广告拦截，大大提升了隐藏元素规则的性能和效率 – 进一步优化油猴脚本的兼容性。 – 优化浏览器权限申请流程，按需申请权限，避免在第一次启动申请权限。 修改内容...
搭建File Browser文件资源服务器
如漩涡的博客
04-12 8108
搭建File Browser文件资源服务器 File Browser支持图片、TXT、PDF在线预览，以及其他格式的文件存储，特别合适做文件存储服务器 介绍 常量后台的文件资源服务器，要么是上传到本地，也就是服务器上的项目，直接上传到某个地方这种；要么是用FastDfs，其实有一个轻量级的，也特别好用，提供了可视化界面，这里贴几张界面看一下 gitHub官网：https://githu...
filebrowser文件管理系统详细使用说明
不许人间丶见白头
07-18 3190
2.设置文件地址：filebrowser -a 192.168.200.1 -p 8000 -r e://如：filebrowser config set -a 192.168.200.1 -p 8000。1.设置地址和端口：filebrowser -a 192.168.200.1 -p 8000。更新根目录：filebrowser config set -r e://更新端口：filebrowser config set -p 8002。用法：filebrowser users find 用户名或ID。
探索高效文件管理新境界：FileBrowser 开源项目
最新发布
gitblog_00003的博客
05-10 424
探索高效文件管理新境界：FileBrowser 开源项目 项目地址:https://gitcode.com/filebrowser/filebrowser FileBrowser 是一款强大的在线文件管理系统，它提供了一个直观的界面，让用户能够在指定的目录下进行上传、删除、预览、重命名和编辑等操作。此外，它还支持多用户系统，每个用户都可以拥有独立的目录，让协作变得轻松有序。 项目介绍 FileB...
开源文件服务器filebrowser安装与配置
qq_35436635的博客
01-26 7760
安装方式 从github上下载解压即可，得到一个exe可执行文件，主要以命令行的方式运行 主要配置 1在命令行中切换到filebrowser文件夹下。 2初始化配置数据库，执行命令，生成数据库文件。 filebrowser config init 3设置监听地址，设置为[::]，同时监听ipv4地址和ipv6地址。 filebrowser config set --address [::] 4设置监听端口，默认为8080。 filebrowser config set --port 952
FileBrowser文件浏览器部署
热门推荐
万博的博客
08-01 3万+
FileBrowser文件浏览器部署 概述 FileBrowser 文件浏览器，又名ES文件浏览器，是一个能管理手机本地、局域网共享、FTP和蓝牙文件的管理器。 官网 官网https://filebrowser.github.io/ 官网安装文档 https://filebrowser.github.io/quick-start/ 部署 1、安装 #脚本安装 mkdir -p ...
使用File Browser 搭建远程文件管理器
从入门到放弃
06-20 1万+
软件 版本 下载地址 CentOS 7.3 filebrowser 2.0.12 https://github.com/filebrowser/filebrowser 1、安装filebrowser tar -xvf linux-amd64-filebrowser.tar.gz mkdir -p /filebrowser mv filebrowser /filebrows...
使用filebrowser来管理你的文件
06-13 1700
简介 filebrowser是一个web文件管理器，可以实现简单的文件管理功能，之前我一直是使用caddy中filebrowser的插件来搭建这个东西的，后来不知道为什么caddy去除了这个插件，导致不能使用安装配置caddy的方式来安装filebrowser，作为docker爱好者的我最终...
File Browser 安装及使用
mimishy2000的博客
12-07 1万+
大家如果想随时随地查看和修改文件，一般会选择将文件保存至网盘，很方便，而且空间还比较大。但是由于国内的网盘环境现在比较差，再加上我们不可能把所有文件都搬上网盘，那就需要另一种解决方案了。 这就是让我们可以直接访问我们家里或者公司里的设备，直接对设备上的文件进行操作。如果在以前，这种方案并不是人人都可以做到的，因为如果你想直接访问设备，就需要设备有公网 IP 或者做内网穿透，否则是无法随时随地访问...
Access为啥下载到桌面是浏览器图标
06-09
Access 是 Microsoft 公司开发的一款数据库管理系统，它的图标在桌面上可能会显示为浏览器图标的原因有以下几种可能： 1. 操作系统的默认设置：有些操作系统在没有设置图标的情况下，会根据文件类型自动选择一种...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值