HelloGitHub-Team / geese

采用 Next.js 构建的开源爱好者社区。An open-source enthusiast community built with Next.js.
https://hellogithub.com
Apache License 2.0
296 stars 72 forks source link

优化:点击链接交互(区别对待 PC 和移动端) #71

Closed 521xueweihan closed 2 years ago

521xueweihan commented 2 years ago

我为 link 增加了 标签,然后我想区别对待移动端和客户端,点击链接的交互。

移动端:不新建tab,PC端:新建 tab

因为 SSR 无法获取 windwos 之类的,我就写了一个 client 的方法 checkMobile 用来判断是否是为客户端,当点击的时候判断设备,然后修改 target 变量,但是 checkMobile 这个方法我写了几个页面,求 review 看看有没有更好的办法:

https://github.com/HelloGitHub-Team/geese/commit/4488735b759d151cf150cd1b72d865b34c583f87

我还发现 Link 标签下有/无 <a> 标签,还会影响 window.history 的长度。

github-actions[bot] commented 2 years ago

Branch i71-优化:点击链接交互(区别对待_pc_和移动端) created!