ページ 1 / 1
53.0.3でのレスポンシブデザインモード
Posted: 2017年5月22日(月) 15:49
by jakejake
win7 Firefox53.0.3 (32 ビット) を利用しています。
上記バージョンでレスポンシブデザインモードを使用すると
↓のインターフェースになる認識なのですが
https://mdn.mozillademos.org/files/1436 ... oolbox.png
当方の環境では↓の"Firefox 52 より前"のインターフェースのままです。
https://mdn.mozillademos.org/files/1273 ... n-mode.png
レスポンシブの確認ではなく
User Agentのシミュレートを行うには最新版のほうが便利そうなのでぜひ使いたいのですが
この事象を回避する方法はありますでしょうか。
なお、再インストールもしてみましたが状況は変わらずでした。
よろしくお願いいたします。
Re: 53.0.3でのレスポンシブデザインモード
Posted: 2017年5月22日(月) 16:22
by pal
https://developer.mozilla.org/ja/docs/T ... esign_Mode
F12キーで開発ツール(上記ページのひとつめの図のブラウザー下部のInspectorなどが付いた部分)が表示されます。
で、右から三つ目の「日」を横にしたようなアイコンをクリック。
これをクリックすることで、開発ツールがブラウザー右側に表示されるようになります。
2番目のアイコンをクリックすると、別ウィンドウに(ポップアップ的に)表示されるようになります。
Re: 53.0.3でのレスポンシブデザインモード
Posted: 2018年9月01日(土) 09:22
by 774
今更の返信ですが、自分もFirefox 52を使っていてレスポンシブデザインモードが旧来のインターフェースになっていた事があり疑問に思ってググって調べていた中にこのトピックも目に入ったので答えたいと思います。
How to go back to the old Responsive Design Mode interface from Firefox Quantum | Firefox サポートフォーラム | Mozilla サポートによると
マルチプロセスウィンドウを有効にするとレスポンシブデザインモードのインターフェースが新しいのに変わるようです。
ちなみにそのページには、逆にマルチプロセスウィンドウが有効だった場合userContent.cssを編集することによって旧来のインターフェースに似せることができるそうです。
マルチプロセスウィンドウの有効の仕方について一例として
【firefox高速化】マルチプロセスウインドウを有効化する方法 – 解放されたElectrolysis(E10S)をオンに ≫ 使い方・方法まとめサイト - usedoor
こういう記事を見つけました。
自分の環境(Firefox 52)ではbrowser.tabs.remote.force-enableをfalseにするとマルチプロセスウィンドウが無効になりました。
Re: 53.0.3でのレスポンシブデザインモード
Posted: 2018年9月01日(土) 11:48
by pal
Firefox 61では、マルチプロセスのON/OFFは
browser.tabs.remote.autostart
をtrue/falseするだけ。
*バージョンによっては、browser.tabs.remote.autostart2など、最後に数字がついている場合があります。
>774さん
お使いになっているのがFirefox 52。
ここへの投稿時のUAがFirefox 38。
同一のものからだとすると、おかしくなっていますので、修正されたほうがいいでしょう。
しかしながら、いずれにしても古く危険なので更新することをお勧めします。来週にはFirefox 62がリリース予定です。
さらに言えば、Windows NT 5.1ってXPですよね?
ネットすべきものではないです。
Re: 53.0.3でのレスポンシブデザインモード とpalさん
Posted: 2018年9月02日(日) 02:23
by 774
まさかレスが来るとは...!
なんかpalさんにマジレスしようと思ったんですけど古いトピックだしもう面倒なんで、同一のものではないということだけを言っておきます。