Firefoxのレスポンシブデザインビューのプリセット変更

1. ロケーションバーに about:config と入力し、Enterキーで起動
2. 検索フォームに devtools.responsiveUI.presets と入力
3. devtools.responsiveUI.presetsを右クリックし、メニューから「値の変更」を選択（右クリックではなくダブルクリックでも可能）
4. 表示された入力ウィンドウの内容を書き換えて「OK」とするとプリセット変更完了

以下が初期プリセットの内容（見やすいように改行を入れているが、実際には改行なしの1行）

初期プリセット

[
{"key":"768x1024","width":768,"height":1024},
{"key":"800x1280","width":800,"height":1280},
{"key":"980x1280","width":980,"height":1280},
{"key":"1280x600","width":1280,"height":600},
{"key":"1920x900","width":1920,"height":900}
]

以下がカスタムした内容。初期プリセットにはないが、name を使って各設定に名前をつけることが可能。

カスタムプリセット

[
{"key":"320x480","name":"iPhone-iPhone4S","width":320,"height":480},
{"key":"320x568","name":"iPhone5-iPhone5s,5c","width":320,"height":568},
{"key":"375x667","name":"iPhone6","width":375,"height":667},
{"key":"414x736","name":"iPhone6plus","width":414,"height":736},
{"key":"360x640","name":"Nexus 5, Xperia Z, Galaxy S3-S5","width":360,"height":640},
{"key":"768x1024","name":"iPad, iPad mini","width":768,"height":1024},
{"key":"800x1280","name":"Nexus 10, Galaxy Tab 10","width":800,"height":1280}
]

これを設定した画面が、冒頭のキャプチャになります。

追記：about:config で devtools.responsiveUI.presets と入力しても何も出てこない場合
一度レスポンシブデザインビューを起動（Ctrl + Shift + m）し、「プリセットを追加」から適当な名前でもいいので名前をつけて追加すると about:config に出てくるようになります。
Thanks @burnworks