调试仅在移动 chrome 中出现但在桌面 chrome 中未出现的问题的最直接方法是什么?

问题描述 投票:0回答:1

我有一个网站https://jzleetcode.github.io。在移动版 Chrome 上,有时右上角的菜单按钮没有响应。刷新后,有时它会开始工作。

当我减小桌面 Chrome 浏览器的宽度时。该问题似乎不存在。对于宽度减小的 Arc 桌面浏览器来说,它根本没有响应。

我怀疑我添加到网站的一些 JavaScript 可能与切换导航菜单冲突。

我使用astro js构建网站和主题演示网站https://astro-paper.pages.dev/似乎没有这个问题。

导航菜单代码:https://github.com/jzleetcode/jzleetcode.github.io/blob/main/src/components/Header.astro#L228

我使用的主题:https://github.com/satnaing/astro-paper

如何进一步调试?

我尝试查看 html 页面源代码并查找为导航菜单按钮定义的 javascript 函数,但没有找到任何函数。

我用桌面浏览器查看了控制台信息(警告错误),没有看到任何有用的信息。

navbar togglebutton hamburger-menu astrojs mobile-browser
1个回答
0
投票

如果您在桌面 Chrome 中打开 Google 开发控制台(按 F12),您可以通过按 ctrl+shift+m 激活“移动视图”。

这样,谷歌浏览器的行为几乎就像移动浏览器一样,您应该能够在控制台中看到任何错误。

© www.soinside.com 2019 - 2024. All rights reserved.