Tampermonkey用图像替换单词

Question

Tampermonkey中的这段代码取代了＆＃34; Goals＆＃34;使用＆＃34;目标＆＃34;，但在其旁边添加了一个目标图像。如何修改此声明，以便取代字母＆＃34; G＆＃34;如果它只是一封信＆＃34; G＆＃34;，而不是像＆＃34;格林维尔＆＃34;？

E：特别是在这样的页面上： http://oua.ca/sports/mice/2016-17/teams/ryerson?view=lineup

所以标题G（目标）A（助攻）旁边有一个图标。

(function() {
    'use strict';
    document.body.innerHTML = document.body.innerHTML.replace(/Goals/g,'<img src="##" height="20"> GOALS');
})();

Answer 1

使用CSS修改外观。

优点是您可以在显示页面之前执行此操作（@ run-at：document-start），这样您的修改就会毫不拖延地出现。即使没有用户脚本，也可以使用Stylish完成此操作。

let button1 = UIButton()
let button2 = UIButton()
let container = UIView()

container.addSubview(button1)
container.addSubview(button2)

button1.heightAnchor.constraint(equalTo: button2.heightAnchor, multiplier: 2).isActive = true

print(container.constraints)

使用MutationObserver在显示之前修改元素。

使用setMutationHandler包装器的示例：

[<NSLayoutConstraint:0x60800008ef10 UIButton:0x7f9ec7c03740.height == 2*UIButton:0x7f9ec7d06f90.height   (active)>]