本站页面（多半）转载自萌娘百科的同名页面，依CC BY-NC-SA 3.0引入，贡献者可以在历史页查询。
因各种原因页面内容可能和源页面有所出入，非本站特有页面内容请以萌娘百科为准。此外，因萌百的api限制，本站部分页面和图片同步自另一个镜像站。
置顶公告：【置顶】关于临时开启评论区所有功能的公告(2022.10.22) | 【置顶】关于本站Widget恢复使用的公告
  • 你好～！欢迎来到萌娘百科镜像站！如需查看或编辑，请联系本站管理员注册账号。
  • 本镜像站和其他萌娘百科的镜像站无关，请注意分别。

萌娘百科:MoeSkin/迁移指南

来自萌娘百科
跳到导航 跳到搜索

本页面列出了萌娘百科旧版皮肤 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>将不再有预设样式，因此它看上去会和普通文本一样，以此来提醒编辑者对其进行修改

外部链接及注释

  1. ↑ IE 浏览器以及2020年以前版本的国产浏览器不受到萌娘百科官方支持
  2. ↑ MoeSkin 也许可以运行在低于此宽度的环境，但页面元素可能会显示不全或错位
  3. ↑ 请勿使用模块skins.moeskin.js和skins.moeskin.styles的mw.loader.getState状态作为是否加载成功的判断依据，因为它们总是未加载的
  4. ↑ 即它不存在于公版 ContributionScores 扩展中，请不要尝试在其他站点安装了此扩展的wiki中使用它，你会不出意外地得到一个错误提示
  5. ↑ 在20220707热更新中复原了此变更
  6. ↑ 它们应当被 CSS 定制样式替代以实现需要的效果
  7. ↑ 可能失效的已废弃属性未尽数列出，此处仅列出部分常用的已废弃属性，这不代表未列出的已废弃属性仍旧能够使用
  8. ↑ 在20220707热更新中复原了此变更
取自“https://moegirl.uk/index.php?title=萌娘百科:MoeSkin/迁移指南&oldid=129663”