MDN 突然改版

2022-03-01 22:04:52 +08:00
 houzhenhong

MDN 突然大改,还以为打开错网站。

https://developer.mozilla.org/zh-CN/docs/Web/API/Background_Tasks_API

github pr

https://github.com/mdn/yari/pull/5337

9244 次点击
所在节点    Web Dev
58 条回复
sechi
2022-03-02 16:24:19 +08:00
感觉以前那种厚重的风格还挺耐看的,现在的 ui 有点轻浮了
lindenYou
2022-03-02 17:04:23 +08:00
我感觉还挺好的,原来的字体比较重,现在应该是用了 react 框架重写,页面也更像一个文档网站。
supuwoerc
2022-03-02 17:21:52 +08:00
我上周刚部署一套旧版到自己的离线机器上,没想到竟是绝版! O(∩_∩)O~
cooLepus
2022-03-02 17:29:29 +08:00
印象中原来的输入框是一直显示的,现在每搜一次进入具体条目的页面,想再搜都要再点一下那个搜索图标 = =(不会是我记忆错乱了吧
yin1999
2022-03-02 17:36:14 +08:00
@supuwoerc 不至于仓库在 GitHub 开源的,只要保持 yari 的版本不升级就是原版的界面
Showfom
2022-03-02 17:42:54 +08:00
@supuwoerc #43 旧的 commit 记录又没删除,怎么会是绝版
karott7
2022-03-02 17:47:46 +08:00
个人比较喜欢现在的排版和设计
josephxrays
2022-03-02 18:08:21 +08:00
我觉得现在的 UI 设计看起来比较清爽,很舒服
dany813
2022-03-02 18:13:23 +08:00
新版的看着不舒服
shunia
2022-03-02 19:25:50 +08:00
变丑了,但是变快了
(变秃了,但是也变强了)
wangyzj
2022-03-02 19:33:53 +08:00
喜欢原版,更具有 mdm 的严谨专业的风格
现在的风格千篇一律,显得不专业
xzh654321
2022-03-02 20:10:23 +08:00
总结:不如原来
qeqv
2022-03-02 20:25:32 +08:00
哈哈,我还给新的这个 LOGO 投过票
initd
2022-03-02 22:12:07 +08:00
nashaofu
2022-03-03 10:12:55 +08:00
搜东西,进去了,看了一眼,关掉,以为山寨网站,google 看准地址再进去,还是一样,才发现改版了
tfflowers
2022-03-03 11:24:36 +08:00
终于消肿了,看着舒服多了
freefcw
2022-03-03 11:36:10 +08:00
感觉有点轻浮……

另外浏览器兼容性那个上面的浏览器名称,是哪个脑残设计的

https://developer.mozilla.org/zh-CN/docs/Web/API/Window#%E6%B5%8F%E8%A7%88%E5%99%A8%E5%85%BC%E5%AE%B9%E6%80%A7
m319
2022-03-03 16:14:12 +08:00
按自己喜好微调了下样式

// ==UserScript==
// @name 新版 mdn 样式微调
// @namespace http://tampermonkey.net/
// @version 0.1
// @description 新版 mdn 样式微调
// @match https://developer.mozilla.org/*
// @grant GM_addStyle
// ==/UserScript==

(function() {
'use strict';

GM_addStyle(`

/* 调整排版 */
h1,h2,h3,h4,h5 {
font-weight: 600;
}
#content p,dd,li {
line-height: 1.65em !important;
letter-spacing: 0.1px;
color:#000 !important;
}
#content p {
margin: 2em 0;
}

/* 滚动条去掉圆角变细 */
::-webkit-scrollbar {
width: 5px;
}
::-webkit-scrollbar-thumb {
border-radius: 0px;
}

/* 调整导航栏位置 */
#sidebar-quicklinks{
padding-top: 2rem !important;
}

/* 去掉左右导航栏上的装饰性字符 */
#root > div > div.article-wrapper > div > aside > section > header > h2,
#sidebar-quicklinks > div > h4{
display: none;
}

/* 去掉社区汉化提示(感谢社区,但这提示实在太占地方了) */
#root > div > div.container > div {
display: none;
}

`)
})();

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/837283

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX