Javascript 在桌面上显示移动导航

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

我正在使用一个叫做LumApps的cms。我只能选择添加javascript、JQuery或CSS。我不能直接编辑源代码

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

问题是：移动导航的HTML只有在分辨率/浏览器宽度低于1024px时才会插入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>

---

我认为这可以解决，如果我可以以某种方式假窗口大小，但它必须低于1024px。我上面提到的代码应该可以做到这一点，但它并没有解决问题。

您可以使用devtools调整移动设备的大小。

Firefox



铬

---

在此之后，您可以用鼠标单击边缘，根据需要调整大小。

只需使用媒体查询隐藏代码：您知道DevTools中模拟移动设备的功能吗？@Treast我不想隐藏任何内容，我需要将移动导航的代码加载到html中，并以所有分辨率加载，而不仅仅是1024px。因此，我可以将其用作桌面导航。@Barmar是的，我知道这些工具，但使用这些工具只能解决我的问题，而不是所有访问该网站的用户的问题。我需要一些方法来欺骗chrome，使其分辨率低于1024px，以便angular将插入用于移动导航的代码。我假设您只是尝试测试代码，以查看其在移动设备上的外观，而不是对每个人都进行更改。嗨，我想我没有很好地回答我的问题。我的目标是使用移动导航作为桌面导航。因此，我需要为每个访问该站点的用户随时加载移动导航代码。我需要一些方法使chrome相信分辨率低于1024px，以便angular将插入移动导航的代码。此代码在较大分辨率的页面加载中不可用。

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