How do I customize the browser favicon?
As the title suggests, I want to replace the default web browser "JustInMind" favicon with my own prototype favicon. See attached. Thanks.
Files:
favicon.png
As the title suggests, I want to replace the default web browser "JustInMind" favicon with my own prototype favicon. See attached. Thanks.
It's a little complicated, but here's what to do
1. Export your prototype to HTML.
2. Open the generated folder and navigate to Resources > jim > images > common > in this folder remove the file faveicon.ico and replace it with your own file. Make sure it's called faveicon.ico
3. Go back to the generated folder root (where index.html is shown). Right-click on the index.html file and open it with a text editor.
4. Look for this text
and replace it with this:
This should work for Firefox.
To make it work for Chrome, you need a few extra steps:
1. Go to this link, upload your faveicon.ico image, and click 'Convert the source data'. This will generate a really long text string that's basically the data of the image.
2. Go back to the index.html file and open it with a text editor. Under the icon text you added earlier, add this:
replacing the 'reallylongtext' with the text you generated earlier.
3. Lastly, clear your Cache in Chrome.
Hope this helps!
It's a little complicated, but here's what to do
1. Export your prototype to HTML.
2. Open the generated folder and navigate to Resources > jim > images > common > in this folder remove the file faveicon.ico and replace it with your own file. Make sure it's called faveicon.ico
3. Go back to the generated folder root (where index.html is shown). Right-click on the index.html file and open it with a text editor.
4. Look for this text
and replace it with this:
This should work for Firefox.
To make it work for Chrome, you need a few extra steps:
1. Go to this link, upload your faveicon.ico image, and click 'Convert the source data'. This will generate a really long text string that's basically the data of the image.
2. Go back to the index.html file and open it with a text editor. Under the icon text you added earlier, add this:
replacing the 'reallylongtext' with the text you generated earlier.
3. Lastly, clear your Cache in Chrome.
Hope this helps!
Replies have been locked on this page!