我有一个网站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 函数,但没有找到任何函数。
我用桌面浏览器查看了控制台信息(警告错误),没有看到任何有用的信息。
如果您在桌面 Chrome 中打开 Google 开发控制台(按 F12),您可以通过按 ctrl+shift+m 激活“移动视图”。
这样,谷歌浏览器的行为几乎就像移动浏览器一样,您应该能够在控制台中看到任何错误。