使用爬虫自动生成（角色、武器）的 json 文件

[mark9804]

输入

内鬼网网址，例：

角色

https://genshin.honeyhunterworld.com/db/char/keqing/?lang=CHS

武器

https://genshin.honeyhunterworld.com/db/weapon/w_1402/?lang=CHS

输出

角色（内鬼网、BWIKI）

输出 json 示例

{
    "type": "角色",
    "title": "霆霓快雨",
    "id": 10000042,
    "name": "刻晴",
    "introduce": "璃月七星之一，玉衡星。对「帝君一言而决的璃月」颇有微词——但实际上，神挺欣赏她这样的人。",
    "birthday": "11月20日",
    "element": "雷元素",
    "cv": "谢莹 | 喜多村英梨",
    "constellationName": "金紫定垂座",
    "rarity": 5,
    "mainStat": "暴击伤害",
    "mainValue": "38.4%",
    "baseATK": 323,
    "ascensionMaterials": [ "最胜紫晶碎屑", "最胜紫晶断片", "最胜紫晶块", "最胜紫晶", "雷光棱镜" ],
    "levelUpMaterials": [ "石珀", "骗骗花蜜", "微光花蜜", "原素花蜜" ],
    "talentMaterials": [ "「繁荣」的教导", "「繁荣」的指引", "「繁荣」的哲学", "北风之环" ],
    "time": "【周一/四/日】",
    "constellations": [
        "雷楔存在期间再次施放元素战技时，在刻晴消失与出现的位置造成50%攻击力的雷元素范围伤害。",
        "刻晴普攻与重击命中受到雷元素影响的敌人时，有50%几率产生一个元素微粒。该效果每5秒只能触发一次。",
        "刻晴触发雷元素相关反应后的10秒内，攻击力提升25%。",
        "进行普攻、重击、施放元素战技或元素爆发时，获得6%雷元素伤害加成，持续8秒。4种方式引起的加成独立存在。"
    ]
}

各字段对应抓取位置

type

当输入链接中含有 char 字段时，type的值为角色。

在内鬼网可以抓取到的数据

title

document.querySelector("#live_data > table:nth-child(1) > tbody > tr:nth-child(2) > td:nth-child(2)")

id

在

document.querySelector("#post-7343 > div > div > div > div:nth-child(18) > div > div:nth-child(5) > a > img")

的值<img class="gallery_clickable lazy loaded" src="/img/scr/char/10000042/face_70.png" data-src="/img/scr/char/10000042/face_70.png" data-was-processed="true">当中，

匹配：

[0-9]{8}

name

document.querySelector("#post-7343 > div > div > div > div.custom_title")

introduce

document.querySelector("#live_data > table:nth-child(1) > tbody > tr:nth-child(13) > td:nth-child(2)")

birthday

document.querySelector("#live_data > table:nth-child(1) > tbody > tr:nth-child(7) > td:nth-child(2)")

，并将月份转换为x月xx日的形式

element

document.querySelector("#live_data > table:nth-child(1) > tbody > tr:nth-child(6) > td:nth-child(2) > img")

并将

<img class="char_portrait_card_sea_element sea_enemy_element lazy loaded" src="/img/icons/element/electro_35.png" data-src="/img/icons/element/electro_35.png" data-was-processed="true">当中的元素进行对应：

"anemo": "风"
"pyro": "火"
"geo": "岩"
"electro": "雷"
"cryo": "冰"
"hydro": "水"
"dendro": "草"
"none": "无"

cv

中文cv

document.querySelector("#live_data > table:nth-child(1) > tbody > tr:nth-child(9) > td:nth-child(2)")

日文cv

document.querySelector("#live_data > table:nth-child(1) > tbody > tr:nth-child(10) > td:nth-child(2)")

constellationName

document.querySelector("#live_data > table:nth-child(1) > tbody > tr:nth-child(8) > td:nth-child(2)")

rarity

document.querySelector("#live_data > table:nth-child(1) > tbody > tr:nth-child(4) > td:nth-child(2)")

数星星sea_char_stars_wrap出现了几次

mainStat

document.querySelector("#live_data > div:nth-child(5) > table > tbody > tr:nth-child(1) > td:nth-child(5)")

mainValue

document.querySelector("#live_data > div:nth-child(5) > table > tbody > tr:nth-child(15) > td:nth-child(5)")

baseATK

document.querySelector("#live_data > div:nth-child(5) > table > tbody > tr:nth-child(15) > td:nth-child(3)")

ascensionMaterials

document.querySelector("#live_data > div:nth-child(5) > table > tbody > tr:nth-child(13) > td:nth-child(8) > div:nth-child(1) > a")
document.querySelector("#live_data > div:nth-child(5) > table > tbody > tr:nth-child(11) > td:nth-child(7) > div:nth-child(1) > a")
document.querySelector("#live_data > div:nth-child(5) > table > tbody > tr:nth-child(7) > td:nth-child(7) > div:nth-child(1) > a")
document.querySelector("#live_data > div:nth-child(5) > table > tbody > tr:nth-child(3) > td:nth-child(7) > div:nth-child(1) > a")

拼接链接，并且读取拼接好的链接当中document.querySelector("#post-6202 > div > div > div > div.custom_title")中的中文名称

levelUpMaterials

document.querySelector("#live_data > div:nth-child(5) > table > tbody > tr:nth-child(3) > td:nth-child(7) > div:nth-child(2) > a")
document.querySelector("#live_data > div:nth-child(5) > table > tbody > tr:nth-child(3) > td:nth-child(7) > div:nth-child(3) > a")
document.querySelector("#live_data > div:nth-child(5) > table > tbody > tr:nth-child(9) > td:nth-child(7) > div:nth-child(4) > a")
document.querySelector("#live_data > div:nth-child(5) > table > tbody > tr:nth-child(13) > td:nth-child(7) > div:nth-child(4) > a")

拼接链接，并且读取拼接好的链接当中document.querySelector("#post-6202 > div > div > div > div.custom_title")中的中文名称

talentMaterials

document.querySelector("#live_data > table:nth-child(14) > tbody > tr:nth-child(10) > td:nth-child(2) > div:nth-child(1) > a")

拼接链接，并且读取document.querySelector("#post-6202 > div > div > div > div.custom_title")中的中文名称，使用正则表达式抓取「.*」的内容，拼上后缀的教导、的指引、的哲学

constellations

document.querySelector("#live_data > table:nth-child(18) > tbody > tr:nth-child(2) > td > div")
document.querySelector("#live_data > table:nth-child(18) > tbody > tr:nth-child(4) > td > div")
document.querySelector("#live_data > table:nth-child(18) > tbody > tr:nth-child(8) > td > div")
document.querySelector("#live_data > table:nth-child(18) > tbody > tr:nth-child(12) > td > div")

从bwiki抓取

time

拼接字段：https://wiki.biligame.com/ys/ + 素材名，例：https://wiki.biligame.com/ys/%E3%80%8C%E7%B9%81%E8%8D%A3%E3%80%8D%E7%9A%84%E5%93%B2%E5%AD%A6(「繁荣」的哲学要转义)

获取：

document.querySelector("#mw-content-text > div > table > tbody > tr:nth-child(5) > td")

正则表达式匹配：

周./周./周.

武器

{
    "type": "武器",
    "title": "单手剑",
    "name": "天空之刃",
    "introduce": "象征风龙的荣誉的骑士剑，如今失而复得。剑脊上吹息着风之神的赐福，蕴含着苍空与长风的力量",
    "access": "祈愿",
    "rarity": 5,
    "mainStat": "元素充能效率",
    "mainValue": "55.1%",
    "baseATK": 608,
    "ascensionMaterials": [
        [ "凛风奔狼的始龀", "凛风奔狼的裂齿", "凛风奔狼的断牙", "凛风奔狼的怀乡" ],
        [ "地脉的旧枝", "地脉的枯叶", "地脉的新芽", "史莱姆凝液", "史莱姆清", "史莱姆原浆" ]
    ],
    "time": "【周二/五/日】",
    "skillName": "穿刺高天的利齿",
    "skillContent": "暴击率提升 <span style='color: rgb(91, 165, 234);'>4%/5%/6%/7%/8%</span> 。<br/>施放元素爆发时，获得破空之势：<br/><span style='margin-left: 18px;'></span>- 移动速度提升10%<br/><span style='margin-left: 18px;'></span>- 攻击速度提升10%<br/><span style='margin-left: 18px;'></span>- 普通攻击与重击命中时，额外造成 <span style='color: rgb(91, 165, 234);'>20%/25%/30%/35%/40%</span> 攻击力的伤害，持续12秒"
}

各字段对应抓取位置

type

当输入链接中含有 weapon 字段时，type的值为武器。

在内鬼网可以抓取到的数据

title

document.querySelector("#post-7474 > div > div > div > div:nth-child(5) > table.item_main_table > tbody > tr:nth-child(1) > td:nth-child(3) > a")

进行匹配：

sword: 单手剑
claymore: 双手剑
polearm: 长柄武器
bow: 弓
catalyst: 法器

其他与角色类似

[Arondight]

啊这，老大哥你写的也太细了，感谢感谢

[mark9804]

我发现有些 #post-xxxxx 之类的值是会变的，不知道 puppeteer 那边显示出来是什么样子，最好是按层级结构，第几个元素这样的逻辑抓，抓关键字很容易抓不到

[Arondight]

我明天上班摸鱼的时候搞一搞