在桌面上显示移动导航

Question

由于我对这个问题的第一次尝试不是那么好，所以我将尝试给出更好的解释。

我正在使用一个名为LumApps的cms。我只能选择添加javascript，JQuery或CSS。我无法直接编辑源代码。

我的目标是在所有分辨率下使用内置的移动导航，因为它具有我的客户要求的某些功能。

问题：仅当分辨率/浏览器宽度小于1024px时，移动导航的HTML才会插入DOM中。因此，我不能将其用作桌面导航。

我已经更改了CSS，以修改移动导航以将其用作桌面导航。

因此，在这一点上，当我加载页面时，汉堡包图标可见，但是当我单击它时，什么都没有发生。但是，当我手动调整浏览器窗口的大小一次，以使浏览器窗口的宽度小于1024px时，将可以单击汉堡图标，移动导航将显示。

移动导航的代码

<ng-include src="'/client/front- 
office/modules/layout/modules/app/views/partials/mobile-sidebar.html'" ng- 
if="app.displayMobileSidebar &amp;&amp; 
!app.ConfigTheme.HAS_CUSTOM_MOBILE_SIDEBAR"></ng-include>

我尝试使用以下代码在控制台中触发窗口调整大小事件：

$(window).trigger('resize');

我认为，如果我能以某种方式伪造窗口调整大小，但它必须小于1024像素，则可以解决此问题。我上面提到的代码应该这样做，但是并不能解决问题。

Answer 1

您可以使用devtools调整其大小以适应移动设备。

Firefox



Chrome



之后，您可以用鼠标单击边缘以调整大小以达到您的期望。