作ったものをアプリっぽい見た目にしたくなったので
-
firefox -Pで新しいプロファイルを作成してfirefox -p ${profile_name}で起動 - url bar に
about:configと入れてtoolkit.legacyUserProfileCustomizations.stylesheetsをtrueにする - url bar に
about:profilesと入れて作ったプロファイルのディレクトリを開く。 linux なら~/.mozilla/firefox/random.profile-nameみたいなのになってるはず - そこに
chromeというディレクトリを作り以下のファイルをuserChrome.cssという名前で保存(内容は Firefox App Mode | Hummdis より) firefox -p ${profile_name} ${url}
linux 用
userChrome.css
/*
* Custom App Mode Settings for Firefox.
* This duplicates the effects of Chrome App mode.
*
*/
/* Hide the tabs bar. */
/* Hide solo tab */
#TabsToolbar {
visibility: collapse !important;
}
/* Hide main toolbar contents EXCEPT Address bar */
#nav-bar toolbarbutton, #search-container, #stop-reload-button {
display: none !important;
}
#nav-bar {
min-height: 0px !important;
}
/* Hide Address bar when NOT focused (e.g., F6) */
#urlbar:not([focused]), #urlbar:not([focused]) * {
min-height: 0 !important;
max-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
}
windows 用
userChrome.css
/*
* Custom App Mode Settings for Firefox.
* This duplicates the effects of Chrome App mode.
*
*/
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/* Hide the Toolbars. */
#TabsToolbar,
#PersonalToolbar,
#BookmarksToolbar,
#MenuToolbar,
#tabbrowser-tabs {
visibility: collapse !important;
}
/* Hide main toolbar contents EXCEPT Address bar */
/* leaves space for the window buttons */
#search-container,
#stop-reload-button {
display: none !important;
}
#nav-bar {
margin-top: -32px !important;
margin-bottom: -4px !important;
}
/* Hide Address bar when NOT focused (e.g., F6) */
#urlbar:not([focused]),
#urlbar:not([focused]) * {
min-height: 0 !important;
max-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
}
以下 gnome desktop でアプリにする方法
~/.local/share/applications 以下に .desktop ファイルを作る
sample.desktop
[Desktop Entry]
Name=Sample
Exec=firefox -P sample http://sample/
Terminal=false
Type=Application