Firefox 26(FF26)にアップグレードされた途端、ウィンドウサイズの横幅が390px以下にできなくなった

firefox26Firefox 25から自動的にFirefox 26にアップグレードされた途端、ウィンドウサイズの横幅が390px以下にできなくなりました。スマホなどのcssデザイン・レスポンシブWEBデザインの簡易確認で非常に便利だったので非常に残念です。

MozillaZineに同事象を投稿したところ、「偶然的通行人」さんから的確な回答をいただけましたので、皆様にご紹介します。

MozillaZine – ver26にアップしたらウインドウの幅をある幅より小さくできなくなった

http://forums.mozillazine.jp/viewtopic.php?t=14486&p=50986

どうやら、Firefox 26でウィンドウの最小幅が固定されたことが原因のようです。「偶然的通行人」さんのおっしゃられるとおり、来年に控える新しいユーザーインターフェイス(UI)「Australis」 の調整過程でこういうことになってしまったかもしれません。

次期Firefoxの新デザイン「Australis」を一足早く体験する方法

http://gigazine.net/news/20131118-firefox-new-design/

ということで、下記でも書かれているとおり、Firefox26のアドレスのところに「chrome://browser/content/browser.css」と入れて閲覧すると、FirefoxのウインドウサイズUIのcssである「#main-window」が、たしかに「min-width: 390px;」になっています。

mozilla support – Cannot resize Firefox window under 374 pixel

https://support.mozilla.org/en-US/questions/980033

このmin-widthを「userChrome.css」で上書きして指定してあげるとこの現象は直りました。ただし、「偶然的通行人」さんからのコメントでもあるとおり、「Australis」 の調整過程で意図的にこういうことにしたのであれば「Australis」リリースの段階やそれ以前の調整段階時などに、解除したことによって別な個所で不具合が生じる可能性も否定できませんので、あくまでも自己責任でご対応ください。

Firefox4以降に新規インストールした環境では、「chrome」フォルダ・「userChrome.css」のファイルはないようですので、フォルダ・ファイルを新規作成してください。

Windows 2000, XP %APPDATA%\Mozilla\Firefox\Profiles\(英数字の羅列).(プロファイル名)\chrome\userChrome.css
Windows Vista, 7, 8 %USERPROFILE%\AppData\Roaming\Mozilla\Firefox\Profiles\(英数字の羅列).(プロファイル名)\chrome\userChrome.css
Unix ~/.mozilla/firefox/(英数字の羅列).(プロファイル名)/chrome/userChrome.css
MacOS X ~/Library/Application Support/Firefox/Profiles/(英数字の羅列).(プロファイル名)/chrome/userChrome.css
MacOS X*4 ~/Library/Application Support/Mozilla/FirefoxProfiles/(英数字の羅列).(プロファイル名)/chrome/userChrome.css

※上記は、「userchrome.cssとは」より抜粋。太字の「chrome」フォルダ・「userChrome.css」のファイルがなければ新規作成してください。

筆者のWindows8.1では、上記は隠しフォルダになっていますので、隠しフォルダを見えるようにするか、それが面倒であれば、デストップの右下に復活したWindowsボタンを右クリックして、[ファイル名を指定して実行(R)]をクリックし、[名前(O)]に「%USERPROFILE%\AppData\Roaming\Mozilla\Firefox\Profiles」を入れて[OK]ボタンをクリックすると、複数のプロファイルを作成していなければ「(英数字の羅列).(プロファイル名)」形式のフォルダが1つ見つかります。そこに「chrome」フォルダを作成し、「userChrome.css」のテキスト・ファイルを作成し、Firefoxを起動し直せばOKです。

#main-window:not([chromehidden~="toolbar"]) {
	min-width: 300px !important;
}

300pxの個所は、各自の小さくしたい最少幅をpxで指定してください。あまり、小さいと不具合がでるかもしれませんが…

また、Firefox 26はその他下記のような仕様変更があり、ダウンロードのステータス表示系のプラグインが仕様変更に未対応のままだと動かない等があるようです。

Firefox 26 for developers – Web 開発者向けの変更点一覧
https://developer.mozilla.org/ja/docs/Mozilla/Firefox/Releases/26

Firefox 26 アドオン互換性情報
https://dev.mozilla.jp/2013/11/firefox-26-addon-compatibility/

バージョンアップのたびに、今回のようなことが嫌な方は、ESRにした方がよいかもしれませんね。

FirefoxとThunderbirdの法人向け延長サポート版

http://www.mozilla.jp/business/downloads/