如何用JS脚本在页面不断加载的过程中同步执行在所有font-family属性值前添加SL-Simplified字体
可以使用MutationObserver来监听页面加载的变化,然后在所有font-family属性值前添加SL-Simplified字体。
以下是一个示例代码:
// 创建一个 MutationObserver 实例
const observer = new MutationObserver(mutations => {
// 遍历每个变化
mutations.forEach(mutation => {
// 如果是添加了新的元素
if (mutation.type === 'childList' && mutation.addedNodes.length > 0) {
// 遍历新添加的元素
mutation.addedNodes.forEach(addedNode => {
// 如果是元素节点并且有 font-family 属性
if (addedNode.nodeType === Node.ELEMENT_NODE && addedNode.style.fontFamily) {
// 在 font-family 属性值前添加 SL-Simplified 字体
addedNode.style.fontFamily = 'SL-Simplified, ' + addedNode.style.fontFamily;
}
});
}
});
});
// 监听整个文档的变化
observer.observe(document.documentElement, {
childList: true,
subtree: true
});
这个代码会在页面加载过程中不断监听页面的变化,如果有新的元素添加到页面中并且有font-family属性,就会在其font-family属性值前添加SL-Simplified字体
原文地址: https://www.cveoy.top/t/topic/e8uq 著作权归作者所有。请勿转载和采集!