快捷搜索:  汽车  科技

浏览器自定义调试模式插件:无代码图形化编程

浏览器自定义调试模式插件:无代码图形化编程图标放入WEB文件夹,定义名称上传之前画好的图处理,在线生成图标文件,下载生成的图标文件,然后将下载的图标文件放至软件项目文件夹下的WEB文件夹中,注意修改下载的图标文件名称,下图就是这一步的操作位置和名称修改示例:可以自己动手设计一个图片然后保存画好的图片,有了一个图片,就可以用来转为系统图标,这个生成处理可以在线完成,在线生成的网站有很多,下图是在线生成图标的操作示例:在线生成图标网站

所有浏览器端运行的软件,在浏览器左上角会有一个系统图标,比如百度网站左上角的图标是一个动物爪子:

浏览器自定义调试模式插件:无代码图形化编程(1)

百度网的图标是个“爪子”

这个图标一般是企业的LOGO,商标,正常的系统都需要这么一个图标,会让用户觉得正式,而且是个性化的,易于用户识别不同的软件系统。

这个图标是一个特定格式的图片文件,后缀是.ico,名称也是固定的,将固定名称和格式的图标文件放入项目文件夹中,就可以在项目运行时显示出这个图标。设计这个图标时首先得找一个图片,比如公司商标或LOGO图片,如果没有现成的商标或LOGO图片,可以自己手动画一个简单图片,下图是用windows系统自带的画图软件画的一个图片:

浏览器自定义调试模式插件:无代码图形化编程(2)

可以自己动手设计一个图片

然后保存画好的图片,有了一个图片,就可以用来转为系统图标,这个生成处理可以在线完成,在线生成的网站有很多,下图是在线生成图标的操作示例:

浏览器自定义调试模式插件:无代码图形化编程(3)

在线生成图标网站

上传之前画好的图处理,在线生成图标文件,下载生成的图标文件,然后将下载的图标文件放至软件项目文件夹下的WEB文件夹中,注意修改下载的图标文件名称,下图就是这一步的操作位置和名称修改示例:

浏览器自定义调试模式插件:无代码图形化编程(4)

图标放入WEB文件夹,定义名称

这时在浏览器中刷新一下页面就可以显示设计好的系统图标:

浏览器自定义调试模式插件:无代码图形化编程(5)

刷新后显示设计好的图标

如果浏览器刷新不能显示图标,第一需检查图标文件名称和格式,没问题时,重新刷新或是删除浏览器缓存后再次刷新或重新运行就一定可以显示图标。

猜您喜欢: