为什么很多网站前端,不喜欢加 target=_blank 啊?有啥讲究么? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
poporange
V2EX    互联网

为什么很多网站前端,不喜欢加 target=_blank 啊?有啥讲究么?

  •  
  •   poporange 2023-07-13 11:48:15 +08:00 6849 次点击
    这是一个创建于 822 天前的主题,其中的信息可能已经有所发展或是发生改变。
    比如著名的 youtube ,它就不加,导致我每次还得右键在新标签页打开...
    后来发现,很多网站,包括但不限于很多大公司旗下的网站,都不是新页面跳转,所以好奇的问一下,这是有什么讲究么?
    本人不是前端,也不是程序员,局外人,纯属好奇。
    第 1 条附言    2023-07-13 12:18:49 +08:00
    延用 11 楼老哥的解答:
    互联网初期, 主流都是加 blank 的, 后来业界 (比如 W3C 之类的) 号召大家不要加 blank.

    最主要的原因是, 加了 blank 会剥夺用户的选择权, 用户无法选择不打开新标签; 而不加 blank, 用户可以自由选择打开新标签或原地跳转.
    59 条回复    2023-07-14 13:52:16 +08:00
    Leviathann
        1
    Leviathann  
       2023-07-13 11:50:40 +08:00
    spa 除非特别处理,不然都是直接 history.push
    poporange
        2
    poporange  
    OP
       2023-07-13 11:56:34 +08:00
    @Leviathann 大哥说的过于专业
    QUC062IzY3M1Y6dg
        3
    QUC062IzY3M1Y6dg  
       2023-07-13 11:56:52 +08:00
    操作习惯
    richangfan
        4
    richangfan  
       2023-07-13 11:59:12 +08:00   7
    按鼠标滚轮就是在新页面打开,按鼠标左键是在当前页面打开。加了 target 反而不行,给用户选择好了
    manasheep
        5
    manasheep  
       2023-07-13 12:00:04 +08:00
    把 web 想象成 app ,再看看 pwa
    woshinide300yuan
        6
    woshinide300yuan  
       2023-07-13 12:01:51 +08:00
    以前大家还在讲玄学的时候(也许是真的),就从 SEO 的角度来说,”新标签打开“和”当前页面打开“是有一些说法的,影响跳出率、访问时长,蜘蛛爬! 众说纷纭吧,所以很多古董级 SEO 教学里,都会提及这个。至于教学里的结果就完全看作者是信哪个了。

    现在的话,就看设计思路了,不同网站还真是没办法一概而论。 我现在自己做网站时,个别无关紧要的页面是”新标签“,不然都是当前窗口。
    centralpark
        7
    centralpark  
       2023-07-13 12:03:58 +08:00
    国内的网站大多加,国外的网站大多不加。我不喜欢加,一个网站就老老实实在自己 tab 里呆着就行,新开 tab 相当于 malloc ,开多了我还得去手工做 gc 。
    KMpAn8Obw1QhPoEP
        8
    KMpAn8Obw1QhPoEP  
       2023-07-13 12:07:08 +08:00 via Android
    你需要的仅仅是用鼠标中键点击链接 而不是先右键再从菜单里选 也不是跑来发帖抱怨码农网页写的有问题…
    ayase252
        9
    ayase252  
       2023-07-13 12:10:23 +08:00 via iPhone
    除非必要,我个人不喜欢网站打开新 tab 。视频网站大概率你不会同时看多个视频,没有开新 tab 的意义(除非你是 vtb 监控室老大爷
    LeegoYih
        10
    LeegoYih  
       2023-07-13 12:10:30 +08:00
    我一直都用鼠标中键打开新页面,关闭也用中键。
    cmdOptionKana
        11
    cmdOptionKana  
       2023-07-13 12:11:19 +08:00   24
    互联网初期, 主流都是加 blank 的, 后来业界 (比如 W3C 之类的) 号召大家不要加 blank.

    最主要的原因是, 加了 blank 会剥夺用户的选择权, 用户无法选择不打开新标签; 而不加 blank, 用户可以自由选择打开新标签或原地跳转.
    poporange
        12
    poporange  
    OP
       2023-07-13 12:14:48 +08:00
    @cmdOptionKana 上面那帮人说了那么多,还是老哥你一语中的,简单明了。懂了。牛逼人就是牛逼人。
    shadeofgod
        13
    shadeofgod  
       2023-07-13 12:21:46 +08:00
    很少用鼠标,我都 cmd+点击,就直接新 tab 打开了
    Jirajine
        14
    Jirajine  
       2023-07-13 12:26:06 +08:00
    用脚本自己加。
    Pipecraft
        15
    Pipecraft  
       2023-07-13 12:28:40 +08:00   6
    像 11 楼说的,应该给用户选择权,有些人喜欢在本标签页打开,有些人喜欢在新标签页打开,众口难调。
    前段时间弄了一个用户脚本,可以给每个网站设置不同规则,指定哪些页面新标签页打开,哪些当前页打开。
    https://greasyfork.org/zh-CN/scripts/464541-links-helper

    比如 YouTube

    zcf0508
        16
    zcf0508  
       2023-07-13 12:28:48 +08:00 via Android
    能右键新标签页打开的,都全是比较好的了,就怕是一个按钮,啪,给你开个新页面
    jim9606
        17
    jim9606  
       2023-07-13 13:06:08 +08:00 via Android
    不过问题是现在不少网页的切页面按钮都是用脚本控制的,右键压根就没有打开选项。
    我特别烦某些瀑布流网页这么搞,后退之后极有可能丢失滚动位置。
    yetrun
        18
    yetrun  
       2023-07-13 13:20:29 +08:00
    加一个得多敲 1 、2 、3…… 15 个字符呢,不费劲吗?所以干脆就不敲了。
    liuliuliuliu
        19
    liuliuliuliu  
    PRO
       2023-07-13 13:27:08 +08:00
    是的,正如楼上有人所说,这其实是欧美的隐私习惯问题,从 web 出现的时候就这样了。
    他们认为,用户只是进行了一个点击操作,你却给他打开了一个新浏览器/新 tab ,这是侵犯隐私的。
    poporange
        20
    poporange  
    OP
       2023-07-13 13:29:01 +08:00
    @nikenidage1 看来思维的确是有点不同。。。
    bhbhxy
        21
    bhbhxy  
      2023-07-13 13:30:47 +08:00
    号召不加是为了尊重用户,由用户决定是否新开
    但本人喜欢新开,比如浏览新闻,新开页面关掉后可以继续浏览列表页,或者网速慢时,我可以从列表页打开多个页面让它们慢慢同时加载,如果后退页面有可能会再刷新一次,而且定位不到之前看的地方了,这种体验就很不好
    由于现在很多网站不加新开了,我养成了使用鼠标中键的习惯
    poporange
        22
    poporange  
    OP
       2023-07-13 13:32:20 +08:00   2
    @bhbhxy 冲浪这么多年了,才知道鼠标中键可以直接新开页面,属实村通了
    me1onsoda
        23
    me1onsoda  
       2023-07-13 13:36:06 +08:00
    @poporange #2 singlePageApplication 单页面应用。只有一个 html ,你看的所有页面切换都是在这个 html 重新做渲染
    bhbhxy
        24
    bhbhxy  
       2023-07-13 13:37:21 +08:00
    @poporange 中键比较费中指,因为按键力度要比左右键大,如果可能我还是喜欢点鼠标左键,按 cmd 加左键新开也不喜欢,因为还要腾出一只手来操作键盘,这只手空出来吃零食,嗑瓜子多香
    amiaaaz
        25
    amiaaaz  
       2023-07-13 13:41:49 +08:00   1
    我是喜欢全部新开的……用的是"crxMouse 手势"这个插件,左键拖动超链接/链接就可以新 tab 打开了(还可以单独设置是否后台打开),鼠标手势也比 edge 更新后浏览器里自带的好用,推荐一波
    94
        26
    94  
       2023-07-13 13:42:15 +08:00
    我一般都是右键然后选择新页面中打开,不习惯使用 中键 和 [Ctrl+Shift+左键] 这种组合键。

    如果说一个页面里面有几篇文章都是我比较感兴趣的,我会使用 [Ctrl + 左键 ] 在新页面中打开会比较方便,
    这样会保持打开新标签的同时保持在原来的页面中,然后自己选择切换标签卡。
    94
        27
    94  
       2023-07-13 13:42:56 +08:00
    @amiaaaz #25 ,原来还能拖动链接,学到了。
    dwzrlp
        28
    dwzrlp  
       
    @richangfan 问一下,Magic Mouse 没有滚轮的怎么操作?
    est
        29
    est  
       2023-07-13 13:53:12 +08:00
    @dwzrlp cmd+ 点击啊。。。。。


    windows 下是 shift+ 点击。。好像是。如果不行就换 ctrl 。。。。

    这玩意任何一个在 IE6 时代用过 多标签外壳 都不会有问题。。。
    cpstar
        30
    cpstar  
       2023-07-13 14:11:34 +08:00   1
    不喜欢弹新页面,除非特殊需要。开个浏览器反感一堆标签。所以如果强弹新窗口,我只能说这网站真垃圾。但是搜索引擎除外(或者搜索页)。
    dayeye2006199
        31
    dayeye2006199  
       2023-07-13 14:14:00 +08:00
    国外网站大多数不会弹新标签页
    svipchao
        32
    svipchao  
       2023-07-13 14:19:51 +08:00
    windows 下(Chromium 下可以,其他的不清楚):
    1 、按住 ctrl+鼠标单击链接,新页面打开
    2 、按住 span+鼠标单击链接,新窗口打开
    3 、鼠标长按链接并拖动,新页面打开
    daliusu
        33
    daliusu  
       2023-07-13 14:22:30 +08:00
    国内喜欢开新标签,国外都不开,但是现在国内很多单页面也不开了,真想要开按住 ctrl 或者滚轮就行了
    ashtwo
        34
    ashtwo  
       2023-07-13 14:29:40 +08:00   1
    @ayase252 我就是在动态列表把感兴趣的视频全部都点开然后一个个看
    gy123
        35
    gy123  
       2023-07-13 14:34:48 +08:00
    鼠标滚轮点击打开啊,就打开新标签了~
    Geekgogo
        36
    Geekgogo  
       2023-07-13 14:40:51 +08:00
    @richangfan 卧槽,学到了
    dwzrlp
        37
    dwzrlp  
       2023-07-13 14:57:32 +08:00
    @est 我知道 cmd +点击,你咋不说直接右键选择
    我是说像滚轮这样一只手可以解决的
    swzz
        38
    swzz  
       2023-07-13 15:01:10 +08:00
    playstation3
        39
    playstation3  
       2023-07-13 15:14:35 +08:00
    我比较喜欢跳开新页面的,主要以前网速慢,喜欢开一堆标签慢慢加载。
    shui14
        40
    shui14  
       2023-07-13 16:02:24 +08:00
    除了让自己选择要不要单开 tab ,还有一个趋势单页应用流行后为了保持操作惯性而不加,并不是完全让渡用户。想象一下应用型的 webapp 如 figma ,开 10 个草稿 10 个 tab 是什么滋味;反例论坛时代,草莽时期的 h5 ,10 个帖子内连跳,比较一下内容都要费好大劲
    BeforeTooLate
        41
    BeforeTooLate  
       2023-07-13 16:25:17 +08:00
    不用家,鼠标中间滚轮点击就是 blank 效果,和左键单击一样简单,习惯了就行
    busier
        42
    busier  
       2023-07-13 17:19:13 +08:00
    都加 target=_blank 简直是疯了,体验极其糟糕!尤其是需要经常点的网站,一下就开了一大堆标签,恶心透了!

    同时也侧面反映出网站制作水平差,怕用户找不回浏览过的地方!
    CocoCoding
        43
    CocoCoding  
       2023-07-13 17:20:09 +08:00
    @richangfan 卧槽,才知道
    treblex
        44
    treblex  
       2023-07-13 18:04:51 +08:00
    国外的好多网站现在连副标题都不写了,收藏书签也不知道收藏的啥/(ㄒoㄒ)/~~
    WasteNya
        45
    WasteNya  
       2023-07-13 18:40:57 +08:00 via Android
    现在鼠标不都有个前进和后退键吗?在同个 tab 配合操作体验非常流畅

    反而是那种新开 tab ,除非鼠标自定义 ctrl w ,不然每次都要又右上叉,相当难受
    digimoon
        46
    digimoon  
       2023-07-13 18:52:52 +08:00
    我是站外链接会加,站内不加
    aks
        47
    aks  
       2023-07-14 09:04:44 +08:00
    @ashtwo 俺也一样
    juntaol678
        48
    juntaol678  
       2023-07-14 09:24:11 +08:00
    挺好的一个问题,长见识了。
    Kyle18Tang
        49
    Kyle18Tang  
       2023-07-14 09:27:16 +08:00
    你可以 Ctrl(Command)+Shift+左键或者 Shift+中键,直接定位到新打开的标签页。
    jy02534655
        50
    jy02534655  
       2023-07-14 09:27:49 +08:00
    我是用 StrokesPlus.net 自定义动作,在超链接上面同时点鼠标左右键就在新 tab 页打开
    ethusdt
        51
    ethusdt  
       2023-07-14 10:06:20 +08:00
    @poporange #22 我的中键是 cmd+w 关闭窗口(不光是浏览器窗口,大部分应用的窗口都可以关闭)。新页面打开我选择按 cmd+点击。
    zzzain46
        52
    zzzain46  
       2023-07-14 10:14:43 +08:00 via iPhone
    @ayase252 Pornhub 呢,你们一次都只看一个的吗
    xingguang
        53
    xingguang  
       2023-07-14 10:31:39 +08:00
    在我的感觉中是国内的网站大部分都是新打开一个页面,国外的如果是还是本身的网站就会在本身跳转,但是如果是外部网站就会新打开一个 tab
    tLbf2p3UC4BM3H1N
        54
    tLbf2p3UC4BM3H1N  
       2023-07-14 10:41:03 +08:00
    纠结那么多,还是在于自身,你的网站内容 NB 完全可以制定一套自己的规则。
    就如微信那样,用的体量大了,你家人/公司用了还不是裹着你必须用。
    Felldeadbird
        55
    Felldeadbird  
       2023-07-14 11:05:37 +08:00
    加不加_blank 我觉得要看你网站设计。

    微博在列表中点进详情,你再返回还是原来的列表。 所以不加_blank 影响不大。

    一些前端列表没缓存当前列表,你打开详细页面后,返回列表页就给重新读取页面,刚才看到哪都忘记了。所以需要加_blank
    ayase252
        56
    ayase252  
       2023-07-14 11:12:50 +08:00 via iPhone
    @zzzain46 啊这,多个得注意身体啊
    ZoR
        57
    ZoR  
       2023-07-14 11:22:28 +08:00
    我喜欢新页面打开,看完后直接鼠标侧键 ctrl+w 立即关闭,不喜欢后退逻辑
    finalwave
        58
    finalwave  
       2023-07-14 11:40:06 +08:00
    一般是不加,如果要打开外部页面是必加。
    只要不像 B 站直播的某些部分,搞一个 div 加 onclick 事件来装超链接,都算可以了。
    Leyla
        59
    Leyla  
       2023-07-14 13:52:16 +08:00
    @daliusu 前端程序员表示附和,就是国内外用户的操作习惯不一样,国外网站在当前 tab 跳转居多,国内网站新开,一开一堆 tab ,密密麻麻的...
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     2828 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 29ms UTC 13:46 PVG 21:46 LAX 06:46 JFK 09:46
    Do have faith in what you're doing.
    ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86