调试模式 - 查找 CSS 选择器
调试模式是内置于 Navi+ 库的轻量级工具集，帮助您更有效地使用 Navi+ 菜单。
1. 查找 CSS 选择器
要启用调试模式，请使用以下 URL 格式：
yourdomain.com#navidebug-on
您的网站将切换到 Navi+ 调试模式。将鼠标悬停在网站的不同区域，以查看其对应的 CSS 选择器。移动光标以精确定位所需的目标区域。
请注意下面的键盘快捷键，以更高效地工作。
快捷键 1. 复制 CSS 选择器
- 在 MacOS 上按 ⌘+C 或在 Windows 上按 Ctrl+C 以复制所选的 CSS 选择器。
然后，您可以将其粘贴到 发布菜单 设置中：
- Mega Menu / Grid Menu：在目标 CSS 选择器之前、之后插入菜单或替换目标 CSS 选择器
- Slide Menu：在点击或轻触目标 CSS 选择器时触发滑动菜单
快捷键 2. 在选择器级别之间导航
- 按 [↑/←] 或 Backspace 移动到父级选择器
- 按 [↓/→] 移动到子级选择器
重要提示： 在大多数情况下，您不会立即找到完美的 CSS 选择器。根据经验，通常更容易：
- 从选择子级选择器开始
- 然后向上移动 1–2 个父级（您的网站上将出现视觉高亮）
- 使用 ⌘+C（Ctrl+C）复制选择器
- 将其粘贴到菜单配置中并进行测试
有时，您可能需要多次重复此过程，以便在插入、替换或绑定菜单事件到 CSS 选择器时实现所需的用户体验。
1.1. 在桌面上查找 CSS 选择器
1.2. 在移动设备上查找 CSS 选择器
要在移动设备上查找 CSS 选择器，请在浏览器中启用移动（响应式）模式。
然后在页面上的任意位置右键单击并选择：
- Chrome：检查
- Safari：检查元素
- Firefox：检查
- Edge：检查 / 检查元素
