javascript - Firefox 中响应式设计 View 选项的 API

Question

有什么方法可以打开 Firefox 的 native 响应式设计 View 吗？以下是启动响应式设计 View 后的屏幕截图

我已经有一个基于 xul 的插件，它具有另一个功能，但我想从其中开始响应式设计 View 。另外我想从我的插件中操作这个(触摸 View 和尺寸)。我在文档中找不到任何 API，它有吗？

Answer 1

这是可能的。

var mytmp = {};
Cu.import("resource:///modules/devtools/responsivedesign.jsm", mytmp);
var win = Services.wm.getMostRecentWindow('navigator:browser');
mytmp.ResponsiveUIManager.toggle(win, win.gBrowser.tabContainer.childNodes[0]);

将 win 设置为 DOMWindow ，即 chrome 窗口，即您要切换到响应式 View 的选项卡

有on和off功能可用。以下是 ResponsiveUIManager 中可用的所有功能:

功能详情:http://mxr.mozilla.org/mozilla-release/source/browser/devtools/responsivedesign/responsivedesign.jsm#20