网页文本替换汉化的油猴脚本，支持包含加粗和斜体

40252492

本帖最后由 40252492 于 2022-10-31 18:45 编辑

本帖最后由 40252492 于 2022-10-31 18:45 编辑

多谢大佬！非常OK！不愧是你！

40252492

本帖最后由 40252492 于 2022-11-1 12:30 编辑

本帖最后由 40252492 于 2022-11-1 12:29 编辑

本帖最后由 40252492 于 2022-11-1 12:06 编辑

本帖最后由 40252492 于 2022-11-1 12:03 编辑

~~大佬大佬，出BUG啦QAQ（我新写了几个选择器，还把新的代码加在了最下面）
您看，这个使用能力，是个按钮，有能力可以发动的时候+鼠标悬停在卡上时=会出现~~

但是使用油猴脚本之后，按钮没了，字还在，div好像也没有跟之前似的 带着属性被整行替换成字，请问咋肥四鸭~😭
选择器是#useEffect-template
翻译是'Use Effect': '使用能力',~~

（我的脚本代码在https://greasyfork.org/zh-CN/scripts/450728-dulst-com%E7%9A%84cardfighit-vanguard-overdulst%E6%96%87%E6%9C%AC%E6%9B%BF%E6%8D%A2%E6%B1%89%E5%8C%96）

cxxjackie

40252492 发表于 2022-11-1 10:49

[md]> 本帖最后由 40252492 于 2022-11-1 12:03 编辑

大佬大佬，出BUG啦QAQ（我新写了几个选择器，还把新 ...

我进不去对战啊，你这样描述我也看不出问题在哪，搜了一下代码只找到这个：

大意就是复制useEffect-template的按钮然后去掉id，加上别的属性。所以你看到的按钮可能不是这个useEffect-template，而是他的复制体，试试把选择器改成[data-effectButtonIndex]。不一定对，我纯蒙的，你那个英文的图页面中有5个use effect，替换后的只有1个，可能是复制过程中出错了。

40252492

本帖最后由 40252492 于 2022-11-1 15:38 编辑

本帖最后由 40252492 于 2022-11-1 15:35 编辑

本帖最后由 40252492 于 2022-11-1 15:32 编辑

本帖最后由 40252492 于 2022-11-1 15:31 编辑

本帖最后由 40252492 于 2022-11-1 15:20 编辑

本帖最后由 40252492 于 2022-11-1 14:13 编辑

本帖最后由 40252492 于 2022-11-1 12:57 编辑

cxxjackie 发表于 2022-11-1 12:29

[md]我进不去对战啊，你这样描述我也看不出问题在哪，搜了一下代码只找到这个：
![effect.png](data/atta ...

请等一下，我又智商侧漏了，直接搜索英文单词就以为是html的那里，忘记用您教我的5秒后固定画面代码了，我检查的根本不是一个地方的css
setTimeout(()=>{debugger;},5000);

↓这是我写的css选择器，是【图1】“卡片列表搜索框提示词”的悬浮窗，它包含了技能按钮的css，直接给【图2】的按钮给整行带着按钮给替换成文本了
div.ui-tooltip-content[aria-atomic="true"]

请问，您会如何写这两个地方的选择器呢？
（请注意：搜索框的悬浮窗的ID是会变得，ID里的数字是搜索次数）
（它的上一级的class里面第3个后面是2个空格，请问这是什么意思哇？）

下图是技能按钮真正的html（楼上找错了）

40252492

本帖最后由 40252492 于 2022-11-1 16:24 编辑

我进不去对战啊，你这样描述我也看不出问题在哪，搜了一下代码只找到这个：
![effect.png](data/atta ...[/quote]
修好了，使用能力写的.ui-tooltip-content>.combination-button>.useEffect.dulstButton[data-effectbuttonindex]
搜索框提示词写的div.ui-tooltip.qtip.ui-tooltip-default.ui-tooltip-pos-tc>div.ui-tooltip-content,
我发现这俩的class里有不同的部分，就在↑加了个ui-tooltip-pos-tc
（技能按钮的是ui-tooltip-pos-bc）
我发现，选择器写的越长、越全，就越不容易出现包含的冲突
（貌似现在的电脑+文本替换并不会担心运行速度的问题/p>

cxxjackie

40252492 发表于 2022-11-1 16:23
修好了，使用能力写的.ui-tooltip-content>.combination-button>.useEffect.dulstButton[data-effectbutto ...

如果父级不好区分的话，还有个做法，以内部的<br>为目标：

1. getwenben.each('div.ui-tooltip-content>br:nth-child(1)', document, br => {
   
2.     const div = br.parentNode;
   
3.     if (div.innerText in fanyi) {
   
4.         div.innerText = fanyi[div.innerText];
   
5.     }
   
6. });

复制代码

由于br有多个，这里用nth-child取第一个以避免重复触发，然后回调函数里用parentNode取他的父元素。
选择器的长短确实影响不明显，不过你这种全合并到一起的还是要注意点，因为每次查找的不是一个选择器，而是你写的数十个，多多少少会有性能损耗，以后加太多可能就有卡顿问题，这也是我一直劝你分开写的原因之一。

40252492

cxxjackie 发表于 2022-11-1 20:40

如果父级不好区分的话，还有个做法，以内部的为目标：

由于br有多个，这里用nth-child取第一个以避免重 ...

啥？！？！QAQ
我刚听明白您所说的“分开写”是什么意思。。。
您是说，卡名的选择器对应卡名的文本替换，效果的选择器对应效果的文本替换 吗？

我现在的汉化文本有3090行，选择器有90个
您的意思是说，当脚本运行到“上边栏UI里的5个按钮的选择器”时，它会依次给我过一遍3000+条英文，看看匹配不匹配，也就是15000次查找？

网站里被替换的《p》里面的文本，最多的就是卡片一览页面，现在有1100多张卡，每张卡平均有3-5处（卡名、n条能力、阵营）要替换，那就是。。。

![IWM8F@EBKE{L\[RCEZ7GEY.jpg](data/attachment/forum/202211/03/141921oq323szt926n0mtl.jpg)

cxxjackie

40252492 发表于 2022-11-3 14:20
[md]啥？！？！QAQ
我刚听明白您所说的“分开写”是什么意思。。。
您是说，卡名的选择器对应卡名的文本替 ...

差不多是这样，不过没你想象的那么夸张，这只是对象取值，速度很快的，就是多起来以后也会有影响。还有太多选择器并列时，查找速度也会变慢。