入口套件 · 组件 3.2 版

把 9博主页 放在手边,下次回访不用再搜

打开浏览器的那一秒就能看到入口,是这套组件要解决的事。首页常驻卡片、新标签页入口、桌面快捷方式和手机主屏幕图标,四种形态对应四种使用习惯,挑一种装上,查分类、回访上次看的栏目都只需一次点击。

  • 4种入口形态
  • 3.2组件版本
  • 58%访问来自移动端
四组浏览器窗口、移动设备与入口卡片组合成的入口套件抽象示意图
四种形态共用同一套入口卡样式,换设备也不用重新熟悉。

形态对比

四种入口形态,谁更适合您的使用节奏

差别主要在您打开浏览器之后的第一动作:是先看首页,还是随手开一个新标签;是用鼠标固定起点,还是用手机随时随地查。按下面的对照选,比逐个试装省时间。

浏览器首页常驻卡片

回访最短路径
桌面端主流 Chromium 内核浏览器
一开浏览器就看见入口,分类标签挨在旁边,不必再敲网址或翻收藏夹。

新标签页入口

边查边看
桌面端,新开标签即刻加载
手上查资料的动作不中断,多开几个标签也能随手切回栏目目录。

桌面快捷入口

固定工作起点
桌面系统与任务栏
把入口当成上班先点开的第一个位置,双击直达,适合每天固定时段回访。

移动端快捷入口

单手可用
手机与平板浏览器主屏幕
通勤、外出时图标就在主屏幕,点开即是分类目录,不用先打开搜索引擎。

换个筛选条件,或直接往下看每一种形态的分步说明。

四种形态可以叠加使用,很多人同时留着首页常驻和手机主屏图标。想先了解入口背后是谁在维护,可以看团队的运营分工;想先看内容再决定,可以翻资讯中心的栏目目录。

形态一

浏览器首页常驻卡片:打开浏览器就在眼前

对一天要回访好几次的人来说,最省事的做法是让入口成为浏览器的默认首页。开浏览器看到的第一屏就是入口卡片,分类标签紧挨在侧,想查哪一类直接点进去。填网址、翻收藏夹这些动作全部省掉,新同事第一次用也不用教第二遍。

卡片沿用统一的圆角与标签配色,和后面几种形态长得一样,从桌面换到手机不会被陌生的界面卡住。设置一次长期有效,浏览器更新后位置也保持不变。

  1. 打开浏览器设置,找到「启动时」或「主页」一项。
  2. 选择「打开指定网页」,填入站点地址 firstscreen-jiubo.com.cn。
  3. 保存后关闭全部标签页,重新打开浏览器确认卡片出现在第一屏。
  4. 顺手把地址加入书签,换设备时可直接同步。

先把浏览器缩放恢复到 100%,再用窗口右上角的最大化按钮铺满屏幕,卡片会按窗口宽度自动排版。若页面仍显示旧样式,强制刷新一次即可。分区规则见使用说明。

粘到浏览器主页设置里即可。
浏览器首页中央的常驻入口卡片与侧边分类标签示意
首页常驻卡片占据第一屏主位,分类标签在右侧一列排开。

形态二与形态三

新标签页与桌面快捷入口:嵌进您已有的习惯

并不是每个人都习惯从首页起步。常在多个标签之间来回切的人,更适合新标签页入口;把某段时间固定用来查资料的人,桌面快捷方式会更顺手。

新标签页入口

每开一个新标签就加载入口模块,正在写的文档、正查的资料都不必让位。适合一边在别的标签里对照材料,一边按分类标签翻栏目的人,切换成本几乎为零。

  1. 在浏览器的新标签页设置里选择自定义网址。
  2. 填入站点地址并保存。
  3. 新开一个标签,确认入口模块出现在网格首位。
新标签页网格中高亮显示的入口模块示意

桌面快捷入口

在桌面或任务栏留一个入口图标,相当于给自己设了一个固定起点。适合每天固定时段集中浏览更新的用户:点开图标,先看一级栏目,再按标签收窄范围。

  1. 把站点地址从浏览器地址栏拖到桌面。
  2. 右键选择固定到任务栏或开始菜单。
  3. 下次直接点图标,进入的即是入口第一屏。

图标只是指向同一套入口,分类目录更新后无需重新创建。

移动浏览器首页与添加到主屏幕按钮的极简界面示意
添加到主屏幕后,图标与常用应用并排显示。

形态四

移动端入口:手机主屏幕上多一个图标

手机与平板的访问占了整体访问的一半以上,很多回访发生在通勤路上、会议间隙或者外出途中。把入口添加到主屏幕之后,点开就是分类目录,单手也能翻完一级栏目,不必先打开搜索引擎再挑结果。

58% 的访问来自移动端浏览器,主屏幕入口是最常用的回访方式。
  1. 打开手机浏览器,访问站点地址。
  2. 点开浏览器菜单,选择「添加到主屏幕」。
  3. 确认名称后保存,图标即出现在手机桌面。

主屏幕入口和桌面端共用同一套分类标签,白天在电脑上收藏的分类,晚上用手机按同样的标签就能找到。

版本与能力

入口组件 3.2 与分类目录 2.6

入口好看只是表面,真正影响日常使用的是它背后那套目录能不能快速把人送到目的地。当前两个版本分别负责入口形态与分类结构,也各自带着固定的维护节奏。

入口组件版本节点沿光轨横向排列的抽象时间轴示意图
组件与目录两条能力线并行推进,节点对应各自的一次能力升级。
组件 3.2

四种形态统一成一套外观

卡片圆角、标签配色与点击区域在桌面与移动端保持一致,换设备不用重新学一遍操作。

目录 2.6

18 个一级栏目、96 个标签

一级栏目负责大方向,二级标签收窄到具体话题,回访时按标签定位比逐页翻找更快。

每周

入口可用性巡检

每周检查一次四种入口的打开情况,遇到链接失效或排版错位会先处理再对外说明。

每月

分类目录复核

每月复核一遍栏目与标签的对应关系,新增内容不会被塞进不相干的分类里。

设置答疑

设置时最常碰到的几个情况

多数问题出在浏览器自己有另一处主页设置覆盖了刚填的地址,按下面的顺序排查通常几分钟就能解决。

部分浏览器把「启动时」和「主页按钮」分成两处设置,只改了其中一处不会生效。两处都填上同一地址,再关掉全部窗口重开一次即可确认。

先确认新标签页没有被其他扩展接管;若装了主页类插件,需要在插件里把地址指定为站点地址。关掉冲突插件后重新打开标签页即可恢复。

需要重新设置一次,但步骤和第一次完全一样。开启浏览器账号同步的用户,书签会跟着账号走,只补设首页与新标签页两项就行。

多为添加时地址未写全,或当前网络尚未加载完成。删除图标后重新从地址栏添加一次,等待页面完整显示再确认保存。

以上情况仍未解决,可以到帮助中心看完整问答,或通过联系通道把浏览器名称与现象告诉我们,工作日会有专人回复。

下一步:挑一种形态装好,回访就顺了

不确定选哪种,先从首页常驻卡片开始,它覆盖最多的使用场景;手机上再补一个主屏幕图标,两端就齐了。