快速生成【游戏成就列表】论坛代码，适用于发表成就指南贴

1511408 · 发表于前天 00:23 · 北京

本文为其乐用户(UID:1511408) 发布的原创文章，转摘前请联系该用户获得许可

本帖最后由 1511408 于 2025-8-28 01:58 编辑

快速生成【游戏成就列表】论坛代码

更新

新增脚本（支持单成就复制+自定义样式）
可见第二页

前言

参考了@Phonetic 大佬的帖子
【快速成就列表制作】只要标题足够水就不会被移区
原文提供的是所有成就的列表，我自己DIY了一下，改成了单个成就的

用法

在Steam成就页面（全球成就/个人成就页面均可）
https://steamcommunity.com/stats/appid/achievements

例如：https://steamcommunity.com/stats/504230/achievements
F12 控制台，粘贴代码回车
即可得到适用于论坛发帖的表格代码

代码

样式1

var images = document.querySelectorAll("div.achieveImgHolder img")
var text = document.querySelectorAll("div.achieveTxt")
var table = []
for (var i = 0; i < images.length; i++) {
table.push('[table=65%,#111923][tr][td][float=left][img=64,64]'+images[i].src+'[/img][/float][size=3][color=#C6D4DF]'+text[i].children[0].innerText+'[/color][/size]\n[color=#8F98A0]'+text[i].children[1].innerText+'[/color][/td][/tr][/table]');
}
console.log(table.join('\n'))

复制代码

来自于Hazardosu大佬发的（置顶回复）

被遗弃的
完成第 1 章

山门
收集一盒磁带

考古学
完成第 2 章

样式2

var images = document.querySelectorAll("div.achieveImgHolder img")
var text = document.querySelectorAll("div.achieveTxt")
var table = []
for (var i = 0; i < images.length; i++) {
table.push('[table=65%][tr][td][float=left][img=64,64]'+images[i].src+'[/img][/float][size=3][b]'+text[i].children[0].innerText+'[/b][/size]\n'+text[i].children[1].innerText+'[/td][/tr][/table]');
}
console.log(table.join('\n'))

复制代码

上一版的无底色简化版

被遗弃的
完成第 1 章

山门
收集一盒磁带

考古学
完成第 2 章

样式3

var images = document.querySelectorAll("div.achieveImgHolder img")
var text = document.querySelectorAll("div.achieveTxt")
var table = []
for (var i = 0; i < images.length; i++) {
table.push('[table=60%,#FFFFF0][tr][td=64][img=64,64]'+images[i].src+'[/img][/td][td][b][size=3][color=#000000]'+text[i].children[0].innerText+'[/color][/size][/b]\n[color=#000000]'+text[i].children[1].innerText+'[/color][/td][/tr][/table]');
}
console.log(table.join('\n'))

复制代码

其实前面两版用的是单列表格的（图片左浮动），这个是常规的双列版

被遗弃的
完成第 1 章

山门
收集一盒磁带

考古学
完成第 2 章

样式4

var images = document.querySelectorAll("div.achieveImgHolder img")
var text = document.querySelectorAll("div.achieveTxt")
var table = []
for (var i = 0; i < images.length; i++) {
table.push('[table=60%][tr][td=1,2,64][img=64,64]'+images[i].src+'[/img][/td][td][b][size=3]'+text[i].children[0].innerText+'[/size][/b][/td][/tr]\n[tr][td]'+text[i].children[1].innerText+'[/td][/tr][/table]');
}
console.log(table.join('\n'))

复制代码

标题描述双格版

	被遗弃的
	完成第 1 章

	山门
	收集一盒磁带

	考古学
	完成第 2 章

样式5

var images = document.querySelectorAll("div.achieveImgHolder img")
var text = document.querySelectorAll("div.achieveTxt")
var table = []
for (var i = 0; i < images.length; i++) {
table.push('[img=64,64]'+images[i].src+'[/img]\n'+text[i].children[0].innerText+'\n'+text[i].children[1].innerText+'\n');
}
console.log(table.join('\n'))

复制代码

极简主义

被遗弃的
完成第 1 章

山门
收集一盒磁带

考古学
完成第 2 章

tips

建议在编辑代码时，勾选上右上角的“纯文本”
关闭纯文本时，是会显示表格样式的（但不完全准确，以实际发帖效果为准）
非“纯文本”时，直接粘贴过来时，是代码样式的，点两次“纯文本”可正常显示表格样式
自己DIY时，需要颜色相关的代码的话，还可以看Phonetic大佬的颜色贴

不想要两个成就表格之间有空隙的话，就把最后一行的\n删掉

console.log(table.join(''))

复制代码

快速生成【游戏成就列表】论坛代码

更新

前言

用法

代码

样式1

样式2

样式3

样式4

样式5

tips

本帖子中包含更多资源

浏览过的版块

▘片十字花瓣

积分封禁

预备会员

超级版主

研发支持

认证发行商

浪人

平台开发者

绿光作者

QQ游客

初阶会员

实习版主

管理员

版主

禁言会员

封禁帐户

封禁网段

游客

待验证用户

论坛贵宾

群组维护

进阶会员

高阶会员

精锐会员

支柱会员

核心会员

旗舰会员

毕业会员