本页面列出了萌娘百科旧版皮肤 Vector 到 MoeSkin 的主要破坏性变更。
兼容性
- Firefox, Chrome, Safari, Opera, Microsoft Edge 以及其他主流浏览器的最新5个版本[1]
- 您需要允许浏览器运行 JavaScript 以使用 MoeSkin
- MoeSkin 是一个桌面版外观，它最低支持 860px 的页面宽度[2]
页面元素
- MoeSkin 移除了左上角的萌百娘 Logo
- MoeSkin 移除了 Sidebar，取而代之的是 Topbar
JavaScript
- 萌娘百科中的 MoeSkin 本体使用 CDN 载入，而非 ResourceLoader[3]
- API接口
action=contributionscores是一个由萌娘百科高度自定义的接口[4]
CSS
任意元素(*)模型盒子(box-sizing)已变更：content-box → border-box[5]- 多个 MediaWiki 原生元素的类名与唯一标识符可能有变更
- 文章区域的最小宽度为 600px，最大宽度为 900px(侧边栏展开)/1200px(侧边栏折叠)
- 文章区域的 <h2> 标签自带一个
::after伪元素以及 1em 的左侧内边距，它被用于渲染带有萌娘百科特色的标题小绿条。在需要高度自定义样式的条目中，可以通过使用 TemplateStyles 来移除该元素。
- 数个被标记为
Deprecated的 HTML 属性不再受支持：[6][7]
- 全局属性：
align border bgcolor color
<table>及相关标签：cellpadding cellspacing[8]
- 基于 SEO 的考虑，我们强烈建议不要在文章中使用一级标题(
<h1>)。文章中的<h1>将不再有预设样式，因此它看上去会和普通文本一样，以此来提醒编辑者对其进行修改
外部链接及注释
- ↑ IE 浏览器以及2020年以前版本的国产浏览器不受到萌娘百科官方支持
- ↑ MoeSkin 也许可以运行在低于此宽度的环境，但页面元素可能会显示不全或错位
- ↑ 请勿使用模块
skins.moeskin.js和skins.moeskin.styles的mw.loader.getState状态作为是否加载成功的判断依据，因为它们总是未加载的
- ↑ 即它不存在于公版 ContributionScores 扩展中，请不要尝试在其他站点安装了此扩展的wiki中使用它，你会不出意外地得到一个错误提示
- ↑ 在20220707热更新中复原了此变更
- ↑ 它们应当被 CSS 定制样式替代以实现需要的效果
- ↑ 可能失效的已废弃属性未尽数列出，此处仅列出部分常用的已废弃属性，这不代表未列出的已废弃属性仍旧能够使用
- ↑ 在20220707热更新中复原了此变更