修改node-webkit的默认图标

使用node-webkit开发应用程序的时候,最终生成的exe文件,使用的默认的图标,无法在代码中修改。这次就说说这图标的事,要用到两款软件(当然你可以用别的,我只提供一下我的方案):Resource Hacker 和 Axialis IconWorkshop

制作图标

第一步要做的是制作ico图标,在windows系统中,可以设置“大图标”,‘中等图标’和“小图标”等不同尺寸,所以,一个ico文件实际上包含多个不同尺寸的图标

使用Axialis IconWorkshop打开你的图片,点击左上角的图标,然后就可以选择你要生成的尺寸了:

我做的时候选择了RGBA的各种尺寸图标,然后点击确定,就生成ico文件了。

替换exe文件的图标

下一步就是替换图标,使用Resource Hacker打开exe文件:

可以看到node-webkit的默认图标只有一个48 x 48的。右键点击1033,选择替换资源,替换为刚才制作的ico文件

ok,打完收工。另外发现貌似windows本身会缓存图标,就是说替换完后,在当前文件夹切换大图标之类的,还是看不到效果,并且windows 7 左下角的信息也没变:

把exe复制到别的目录就能看到效果了。



标签: ,

  1. 博主晚上好,我有两个问题想请教一下,还请不吝赐教。
    第一个,我在ribbon主题的导航栏中加入了一个页面,我发现在点选了该页面时,用F12查看该栏时,它会多出一个current-page-item的class,我想让这一栏被点选时高亮显示,于是我在style.css中添加了如下代码:
    li.current-page-item{
    background:#2784c3;
    }
    可是这句代码并没有在该页面被点选时让它高亮显示,请问这是为什么呢?
    第二个,我想让鼠标停留在导航栏中的子目录时,子目录可以高亮显示,我在style.css添加了如下代码:
    #navigation ul li li a:hover {
    background-color: #f8ecd7;
    width: 100%;
    }
    这句代码加入后,子目录是高亮显示了,可是它高亮显示的范围超过了原本子目录所在范围。
    不知道我有没有把问题描述清楚,如果没有的话,麻烦博主移步小站帮忙诊断一下,http://livezingy.com/,非常谢谢。

      • 非常感谢!
        1. 无效。在第1点中,我试过加这样的代码:
        li.current-cat-parent,li.current-cat,li.current-page-item{
        background:#2784c3;
        }
        导航栏是分类目录时,点选时会新增li.current-cat-parent(有子目录),li.current-cat(无子目录),前两项是有效果的。但li.current-page-item没有用,试了你教的代码也无效。
        2. 有效。可以解释下为什么吗?

无觅相关文章插件,快速提升流量