For reasons I've not quite worked out having my home page appear when I open a new tab doesn't seem to be on the Mozilla allowed list any more but I've pretty much succeeded. I've seen a number of posts about this so sorry if there is a lot of duplication but my post should draw together several solutions and maybe even introduce something new.
I'm using this add-on New Tab Override to get the basic layout into a new tab. If your page is hosted on the internet that may be all you need but if your page is on your local machine then you'll run into a whole lot of other stuff no longer on Mozilla's allowed list.
with userContent.css we can reintroduce those missing (local) image files by using CSS background images:
Code: Select all
@-moz-document url(moz-extension://<uuid>/html/local_file.html)
{
body
{
background: url(myBackground.png);
}
#exampleImage
{
background-image: url("myImage.png") !important;
background-repeat: no-repeat !important;
width: 100px !important;
height: 100px !important;
}
}
Code: Select all
#tabbrowser-tabs .tabbrowser-tab[label^="New Tab"] .tab-text.tab-label
{
font-size: 0 !important;
}
#tabbrowser-tabs .tabbrowser-tab[label^="New Tab"] .tab-text.tab-label:after
{
font-size: 11px !important;
content: "My Tab Title" !important;
}
#tabbrowser-tabs .tabbrowser-tab[label^="New Tab"] .tab-icon-image
{
list-style-image: url("myIcon.ico") !important;
}
Code: Select all
<link rel="icon" href="file:///C:/Users/<user>/AppData/Roaming/Mozilla/Firefox/Profiles/<profileId>/chrome/myIcon.ico"/>
For me that's it. I suspect if you have a particularly clever/complex home page hosted locally that there may be other challenges I didn't encounter.
Ben.