S3适配手机版网页
目前為
// ==UserScript==
// @name S3 Mobile Style
// @namespace https://github.com/ipcjs
// @version 1.1.1
// @description S3适配手机版网页
// @author ipcjs
// @match *://ac.stage3rd.com/*
// @grant GM_addStyle
// @grant GM.addStyle
// @require https://greasemonkey.github.io/gm4-polyfill/gm4-polyfill.js
// @run-at document-start
// ==/UserScript==
var css = "@charset \"UTF-8\";\n@media (max-width: 700px) {\n #top_PageLink select,\n #top_PageLink + td select,\n .showpage td select, ._forumTopicList_asp .PageSubject > td:nth-child(1), ._forumTopicList_asp .rowbg1 > td:nth-child(1),\n ._forumTopicList_asp .rowbg2 > td:nth-child(1), ._forumTopicList_asp .PageSubject > td:nth-child(4), ._forumTopicList_asp .rowbg1 > td:nth-child(4),\n ._forumTopicList_asp .rowbg2 > td:nth-child(4), ._forumTopicList_asp .rowbg1 > td:nth-child(2) .button_page,\n ._forumTopicList_asp .rowbg2 > td:nth-child(2) .button_page, ._forumTopicRead_asp form[name=\"w\"] tr:nth-child(1) > td:nth-child(1), ._forumTopicRead_asp form[name=\"w\"] tr:nth-child(2) > td:nth-child(1), ._forumTopicRead_asp form[name=\"w\"] tr:nth-child(4) > td:nth-child(1), ._forumTopicRead_asp form[name=\"w\"] tr:nth-child(5) > td:nth-child(1), ._forumTopicRead_asp form[name=\"topicReplys\"] .TopicBg1 > tbody > tr > td:nth-child(1) > div br,\n ._forumTopicRead_asp form[name=\"topicReplys\"] .TopicBg2 > tbody > tr > td:nth-child(1) > div br,\n ._forumTopicRead_asp #main > .TopicBg1 > tbody > tr > td:nth-child(1) > div br,\n ._forumTopicRead_asp #main > .TopicBg2 > tbody > tr > td:nth-child(1) > div br, ._forumTopicRead_asp form[name=\"topicReplys\"] .TopicBg1 > tbody > tr > td:nth-child(2) tr:nth-child(1) > td:nth-child(2) > a,\n ._forumTopicRead_asp form[name=\"topicReplys\"] .TopicBg2 > tbody > tr > td:nth-child(2) tr:nth-child(1) > td:nth-child(2) > a,\n ._forumTopicRead_asp #main > .TopicBg1 > tbody > tr > td:nth-child(2) tr:nth-child(1) > td:nth-child(2) > a,\n ._forumTopicRead_asp #main > .TopicBg2 > tbody > tr > td:nth-child(2) tr:nth-child(1) > td:nth-child(2) > a, ._forumTopicRead_asp form[name=\"topicReplys\"] .TopicBg1 div[align=\"right\"],\n ._forumTopicRead_asp form[name=\"topicReplys\"] .TopicBg2 div[align=\"right\"],\n ._forumTopicRead_asp #main > .TopicBg1 div[align=\"right\"],\n ._forumTopicRead_asp #main > .TopicBg2 div[align=\"right\"] {\n display: none; }\n ._forumTopicRead_asp form[name=\"topicReplys\"] .TopicBg1 > tbody > tr > td:nth-child(2) tr:nth-child(1) > td:nth-child(1),\n ._forumTopicRead_asp form[name=\"topicReplys\"] .TopicBg2 > tbody > tr > td:nth-child(2) tr:nth-child(1) > td:nth-child(1),\n ._forumTopicRead_asp #main > .TopicBg1 > tbody > tr > td:nth-child(2) tr:nth-child(1) > td:nth-child(1),\n ._forumTopicRead_asp #main > .TopicBg2 > tbody > tr > td:nth-child(2) tr:nth-child(1) > td:nth-child(1) {\n white-space: nowrap; }\n #main > table:nth-child(2) tr:nth-child(2) td:nth-child(1), ._forumTopicList_asp .PageSubject > td:nth-child(3), ._forumTopicList_asp .rowbg1 > td:nth-child(3),\n ._forumTopicList_asp .rowbg2 > td:nth-child(3), ._forumTopicList_asp .PageSubject > td:nth-child(5), ._forumTopicList_asp .rowbg1 > td:nth-child(5),\n ._forumTopicList_asp .rowbg2 > td:nth-child(5) {\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden; }\n /* 全局 */\n #main {\n width: 100% !important; }\n #main table {\n table-layout: fixed; }\n /* 首尾页签 */\n #top_PageLink,\n #top_PageLink + td,\n .showpage td {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%; }\n #top_PageLink > .button_nopage,\n #top_PageLink + td > .button_nopage,\n .showpage td > .button_nopage {\n flex: auto; }\n /* 列表页面 */\n ._forumTopicList_asp .rowbg1 > td:nth-child(2),\n ._forumTopicList_asp .rowbg2 > td:nth-child(2) {\n font-size: 0px; }\n ._forumTopicList_asp .rowbg1 > td:nth-child(2) a,\n ._forumTopicList_asp .rowbg2 > td:nth-child(2) a {\n font-size: 16px; }\n ._forumTopicList_asp .rowbg1 > td:nth-child(2) .button_page:last-child,\n ._forumTopicList_asp .rowbg2 > td:nth-child(2) .button_page:last-child {\n display: inline;\n font-weight: normal;\n font-size: 14px;\n background: transparent;\n color: gray;\n box-shadow: none;\n padding: 0px 8px; }\n ._forumTopicList_asp .rowbg1 > td:nth-child(2) img,\n ._forumTopicList_asp .rowbg2 > td:nth-child(2) img {\n display: none !important; }\n ._forumTopicList_asp .PageSubject > td:nth-child(3), ._forumTopicList_asp .rowbg1 > td:nth-child(3),\n ._forumTopicList_asp .rowbg2 > td:nth-child(3) {\n width: 13%; }\n ._forumTopicList_asp .PageSubject > td:nth-child(5), ._forumTopicList_asp .rowbg1 > td:nth-child(5),\n ._forumTopicList_asp .rowbg2 > td:nth-child(5) {\n width: 18%; }\n /* 详细页面 */\n ._forumTopicRead_asp form[name=\"topicReplys\"] .TopicBg1 > tbody > tr > td:nth-child(1),\n ._forumTopicRead_asp form[name=\"topicReplys\"] .TopicBg2 > tbody > tr > td:nth-child(1),\n ._forumTopicRead_asp #main > .TopicBg1 > tbody > tr > td:nth-child(1),\n ._forumTopicRead_asp #main > .TopicBg2 > tbody > tr > td:nth-child(1) {\n font-size: 0px;\n width: 50px !important; }\n ._forumTopicRead_asp form[name=\"topicReplys\"] .TopicBg1 > tbody > tr > td:nth-child(1) > div,\n ._forumTopicRead_asp form[name=\"topicReplys\"] .TopicBg2 > tbody > tr > td:nth-child(1) > div,\n ._forumTopicRead_asp #main > .TopicBg1 > tbody > tr > td:nth-child(1) > div,\n ._forumTopicRead_asp #main > .TopicBg2 > tbody > tr > td:nth-child(1) > div {\n width: 50px !important; }\n ._forumTopicRead_asp form[name=\"topicReplys\"] .TopicBg1 > tbody > tr > td:nth-child(1) img,\n ._forumTopicRead_asp form[name=\"topicReplys\"] .TopicBg2 > tbody > tr > td:nth-child(1) img,\n ._forumTopicRead_asp #main > .TopicBg1 > tbody > tr > td:nth-child(1) img,\n ._forumTopicRead_asp #main > .TopicBg2 > tbody > tr > td:nth-child(1) img {\n width: 40px; }\n ._forumTopicRead_asp form[name=\"topicReplys\"] .TopicBg1 > tbody > tr > td:nth-child(2) > div,\n ._forumTopicRead_asp form[name=\"topicReplys\"] .TopicBg1 > tbody > tr > td:nth-child(2) > table,\n ._forumTopicRead_asp form[name=\"topicReplys\"] .TopicBg2 > tbody > tr > td:nth-child(2) > div,\n ._forumTopicRead_asp form[name=\"topicReplys\"] .TopicBg2 > tbody > tr > td:nth-child(2) > table,\n ._forumTopicRead_asp #main > .TopicBg1 > tbody > tr > td:nth-child(2) > div,\n ._forumTopicRead_asp #main > .TopicBg1 > tbody > tr > td:nth-child(2) > table,\n ._forumTopicRead_asp #main > .TopicBg2 > tbody > tr > td:nth-child(2) > div,\n ._forumTopicRead_asp #main > .TopicBg2 > tbody > tr > td:nth-child(2) > table {\n height: auto !important; }\n ._forumTopicRead_asp #main > .TopicBg1 + table.TopicBg1 {\n visibility: hidden; }\n ._forumTopicRead_asp .topic_msg img[loaded] {\n width: 100%;\n object-fit: scale-down; } }\n";
const log = console.log.bind(console, `[${GM_info.script.name}]`);
function setupMeta() {
//<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
const $meta = document.createElement('meta');
$meta.name = 'viewport';
$meta.content = 'initial-scale=1.0, user-scalable=no';
document.head.appendChild($meta);
}
function setupStyle() {
// 设置rootClass, 方便对具体页面设置css
const rootClass = location.pathname.replace(/[\/.]/g, '_');
document.documentElement.className += ` ${rootClass}`;
log('rootClass:', rootClass);
GM.addStyle(css.toString());
}
setupMeta();
setupStyle();