B站网页新升级，移动观影新潮流，你跟上潮流了吗？

嘿，朋友们。最近你们有没有注意到B站网页那点小改动？怎么说呢，哈哈，不要说我在吹牛，我这边亲眼看见。B站可真是把“老网站”玩成了“新潮流”。

玩意儿？

先说个最直观的：整个页面变得更简洁，颜色深浅自如切换。别说这只是一个配色方案，更像是给人眼睛开了个大礼包。之前的白底灰字，看着跟打字机一样，现在全屏黑底配亮字。简直能让你在灯光昏暗的房间里也能舒服地刷剧。

深色模式不是只为了省电？

我听说有人担心深色会导致阅读困难，并不是这样。深色模式主要解决的是长时间盯屏导致的蓝光伤害。对比传统白底，黑底更能减少眼睛疲劳。再加上动态弹幕的透明度调节，你就能像在电影院一样观看，而不会被弹幕打扰。

再看页面布局。从桌面到手机无缝过渡

B站这次把PC端和移动端合二为一，真的是把“移动观影”这个概念做到了极致。不管你是在电脑上还是在手机上。都能看到相似的卡片式布局，只是内容展示方式稍有差别。比如视频列表里多了一列“今日热门”，让你一眼就能抓住热点。

说到技术层面，前端怎么搞定这么多变化？

B站前端团队用了React+Webpack。再加上一层SSR，保证页面第一次加载时就能直接看到完整内容，而不是等到JS跑完再渲染。这样既提高了SEO友好度，也避免了使用者等待过久。

有一个小细节一直让我困惑：为什么百度搜索结果里竟然找不到最新升级信息？实际来说，我也想知道原因。原来是因为B站默认在robots.txt里禁用了某些方法。而百度爬虫又太挑剔，对JS渲染内容抓取率低，所以导致搜索不到。

为什么百度不收录？

说到答案很简单，先是robots.txt限制了搜索引擎访问关键目录；按理说，接下来是页面主要用客户端渲染。