LLWiki:管理员技术手册

此页面内容严重缺失，急需您帮忙补充！（点此编辑） 可参考同类条目添加所需内容，并从官方等可靠渠道搜集资料编写，亦建议附上资料来源。

Gadget（小工具）和全站JS

MediaWiki核心模块介绍

本章节介绍LLWiki使用或曾经使用的MediaWiki核心模块，更完整的列表参见MediaWiki和JSDuck。

ESLint

CodeEditor使用ESLint标注可能存在的语法问题。LLWiki并未在后台预先规定太多规则，目前比较常用的仅是在"use strict";的基础上添加/*global mw, $, OO, wgULS*/或类似语句注明全局变量。特别要注意ESLint并不会对JS模块不允许使用的ES6语法作出警告（详见#ResourceLoader和JS模块），因此请勿过度依赖这一功能来进行除错。

手机版

手机版CSS

手机版LLWiki使用Minerva Neue皮肤，与桌面版的Vector皮肤相比，不仅界面有很大差异，众多基础HTML元素也都添加了不同的CSS样式。为了适配窄屏设备，Minerva皮肤还添加了大量基于@media的规则，一般以设备宽度720px为界使用不同的样式。以下着重介绍<table>和<img>这两种需要CSS修正的重灾区。

手机版CSS很多时候依赖外层容器的content类来生效，与此同时#mw-content-text .mw-parser-output的外层结构也同样有效，设计各种基于API的快速编辑工具（如Wikiplus等）的预览界面时需要考虑。

表格

对于<table>元素及其子节点，手机版已知会自动添加以下样式：

table, caption, tbody, tfoot, thead, tr, th, td {
	font-size: 100%;
}
table {
	border-collapse: collapse;
}
.content table {
	margin: 1em 0;
	overflow: auto;
	overflow-y: hidden;
	overflow-x: auto;
}
@media only screen and (max-width: 720px) {
	.content table {
		display: block;
		width: 100% !important;
	}
}

这里重点说明一下第二和第四条规则造成的影响。第二条规则使得表格的外层边框、行边框和单元格边框合并，可能造成一系列关于边框的CSS规则出现不符合预期的表现，尤其是<table>的cellspacing属性。因此一般建议避免使用cellspacing这一HTML属性，改为使用CSS中的border-spacing。另外，在需要border-spacing或border-radius等样式时，请同时指定border-collapse: separate;以使手机版生效。

第四条规则的本意是在窄屏上<table>元素不会将页面撑得过宽，但这同时会造成外层的<table>和内层的<tbody>分离。特别是如果外层<table>规定了边框或背景色时，很容易看出样式的错误。为此一般需要主动指定display: table;以修复这一问题，LLWiki有很多预定义的表格CSS类也都添加了这一规则。但这又同时会造成过宽的表格将整个页面都撑得过大了。LLWiki现定义了table-wrapper类，用于套在这样的宽表格外：<div class="table-wrapper">，这个外层容器会在窄屏上通过overflow-x: auto;限制里面的表格宽度。