mirror of
https://ghfast.top/https://github.com/StarCitizenToolBox/StarCitizenBoxBrowserEx.git
synced 2025-03-10 13:01:23 +08:00
Feat: add RSI-Hangar-Button
This commit is contained in:
parent
bd71bc0c12
commit
5d200009ce
@ -42,6 +42,15 @@
|
||||
"js": [
|
||||
"thirdparty/jquery.min.js"
|
||||
]
|
||||
},
|
||||
{
|
||||
"matches": [
|
||||
"https://robertsspaceindustries.com/*"
|
||||
],
|
||||
"js": [
|
||||
"rsi_hangar_fix.js"
|
||||
],
|
||||
"run_at": "document_idle"
|
||||
}
|
||||
]
|
||||
}
|
||||
93
StarCitizenBoxBrowserEx/rsi_hangar_fix.js
Normal file
93
StarCitizenBoxBrowserEx/rsi_hangar_fix.js
Normal file
@ -0,0 +1,93 @@
|
||||
// form https://github.com/cfdxkk/RSI-Hangar-Button
|
||||
// LICENSE GLWT(Good Luck With That) Public License
|
||||
(function () {
|
||||
/**
|
||||
* 寻找元素直到元素被加载
|
||||
* @param dom 查找的根元素
|
||||
* @param selector 元素的查找
|
||||
* @param callback 查找到的回调
|
||||
* @param interval 查找的间隔，默认 100 毫秒
|
||||
*/
|
||||
function waitForElement(dom, selector, callback, interval = 100) {
|
||||
const checkExist = setInterval(() => {
|
||||
const element = dom.querySelector(selector)
|
||||
if (element) {
|
||||
clearInterval(checkExist) // 停止轮询
|
||||
callback(element)
|
||||
}
|
||||
}, interval)
|
||||
}
|
||||
|
||||
/**
|
||||
* 开始监听抽屉，如果监听到点击事件，则添加按钮
|
||||
* @param element
|
||||
*/
|
||||
function startObserve(element) {
|
||||
// 创建一个 MutationObserver 实例，监听元素的子元素变化
|
||||
const observer = new MutationObserver((mutationsList) => {
|
||||
for (const mutation of mutationsList) {
|
||||
if (mutation.type === 'childList' && mutation.addedNodes.length > 0) {
|
||||
mutation.addedNodes.forEach(node => {
|
||||
if (node.nodeType === 1) { // 只处理元素节点 (忽略文本节点)
|
||||
waitForElement(node, "a[data-cy-id=\"button\"][href=\"/account/settings\"]", (button) => {
|
||||
copyAndAddButton(button)
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
// 监听子节点变化，并对子树内的变化也进行监听
|
||||
observer.observe(element, { childList: true, subtree: true })
|
||||
}
|
||||
|
||||
/**
|
||||
* 复制原有按钮，将其修改为机库按钮并插入到原按钮的上方
|
||||
* 在插入前先检查是否已经存在对应的按钮
|
||||
* @param {HTMLElement} button 原始按钮
|
||||
*/
|
||||
function copyAndAddButton(button) {
|
||||
if (!button) return
|
||||
|
||||
// 如果已经存在 href 为 /account/pledges 的按钮，则不再添加
|
||||
if (button.parentNode.querySelector('a[data-cy-id="button"][href="/account/pledges"]')) {
|
||||
return
|
||||
}
|
||||
// 复制元素
|
||||
const hangarButton = button.cloneNode(true)
|
||||
|
||||
// 修改 href
|
||||
hangarButton.href = "/account/pledges"
|
||||
|
||||
// 查找按钮中的文本部分
|
||||
const hangarButtonText = hangarButton.querySelector('span[data-cy-id="button__text"]')
|
||||
|
||||
// 修改文本
|
||||
if (hangarButtonText) {
|
||||
hangarButtonText.innerText = "My Hangar"
|
||||
}
|
||||
|
||||
// 查找按钮中的图标部分
|
||||
const hangarButtonIcon = hangarButton.querySelector('i[data-cy-id="button__icon"]')
|
||||
|
||||
// 修改图标
|
||||
if (hangarButtonIcon) {
|
||||
hangarButtonIcon.className = "a-button__icon a-icon -gridView"
|
||||
}
|
||||
|
||||
// 插入到目标元素的前方
|
||||
button.parentNode.insertBefore(hangarButton, button)
|
||||
}
|
||||
|
||||
// 开始查找抽屉，如果找到执行监听回调
|
||||
waitForElement(document, "#sidePanel", (risSidePanel) => {
|
||||
startObserve(risSidePanel)
|
||||
|
||||
// 初始检查：防止首次打开抽屉时按钮已经存在，MutationObserver 不触发
|
||||
const button = sidePanel.querySelector('a[data-cy-id="button"][href="/account/settings"]')
|
||||
if (button) {
|
||||
copyAndAddButton(button)
|
||||
}
|
||||
})
|
||||
})()
|
||||
@ -43,6 +43,15 @@
|
||||
"js": [
|
||||
"thirdparty/jquery.min.js"
|
||||
]
|
||||
},
|
||||
{
|
||||
"matches": [
|
||||
"https://robertsspaceindustries.com/*"
|
||||
],
|
||||
"js": [
|
||||
"rsi_hangar_fix.js"
|
||||
],
|
||||
"run_at": "document_idle"
|
||||
}
|
||||
]
|
||||
}
|
||||
93
StarCitizenBoxBrowserEx_Firefox/rsi_hangar_fix.js
Normal file
93
StarCitizenBoxBrowserEx_Firefox/rsi_hangar_fix.js
Normal file
@ -0,0 +1,93 @@
|
||||
// form https://github.com/cfdxkk/RSI-Hangar-Button
|
||||
// LICENSE GLWT(Good Luck With That) Public License
|
||||
(function () {
|
||||
/**
|
||||
* 寻找元素直到元素被加载
|
||||
* @param dom 查找的根元素
|
||||
* @param selector 元素的查找
|
||||
* @param callback 查找到的回调
|
||||
* @param interval 查找的间隔，默认 100 毫秒
|
||||
*/
|
||||
function waitForElement(dom, selector, callback, interval = 100) {
|
||||
const checkExist = setInterval(() => {
|
||||
const element = dom.querySelector(selector)
|
||||
if (element) {
|
||||
clearInterval(checkExist) // 停止轮询
|
||||
callback(element)
|
||||
}
|
||||
}, interval)
|
||||
}
|
||||
|
||||
/**
|
||||
* 开始监听抽屉，如果监听到点击事件，则添加按钮
|
||||
* @param element
|
||||
*/
|
||||
function startObserve(element) {
|
||||
// 创建一个 MutationObserver 实例，监听元素的子元素变化
|
||||
const observer = new MutationObserver((mutationsList) => {
|
||||
for (const mutation of mutationsList) {
|
||||
if (mutation.type === 'childList' && mutation.addedNodes.length > 0) {
|
||||
mutation.addedNodes.forEach(node => {
|
||||
if (node.nodeType === 1) { // 只处理元素节点 (忽略文本节点)
|
||||
waitForElement(node, "a[data-cy-id=\"button\"][href=\"/account/settings\"]", (button) => {
|
||||
copyAndAddButton(button)
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
// 监听子节点变化，并对子树内的变化也进行监听
|
||||
observer.observe(element, { childList: true, subtree: true })
|
||||
}
|
||||
|
||||
/**
|
||||
* 复制原有按钮，将其修改为机库按钮并插入到原按钮的上方
|
||||
* 在插入前先检查是否已经存在对应的按钮
|
||||
* @param {HTMLElement} button 原始按钮
|
||||
*/
|
||||
function copyAndAddButton(button) {
|
||||
if (!button) return
|
||||
|
||||
// 如果已经存在 href 为 /account/pledges 的按钮，则不再添加
|
||||
if (button.parentNode.querySelector('a[data-cy-id="button"][href="/account/pledges"]')) {
|
||||
return
|
||||
}
|
||||
// 复制元素
|
||||
const hangarButton = button.cloneNode(true)
|
||||
|
||||
// 修改 href
|
||||
hangarButton.href = "/account/pledges"
|
||||
|
||||
// 查找按钮中的文本部分
|
||||
const hangarButtonText = hangarButton.querySelector('span[data-cy-id="button__text"]')
|
||||
|
||||
// 修改文本
|
||||
if (hangarButtonText) {
|
||||
hangarButtonText.innerText = "My Hangar"
|
||||
}
|
||||
|
||||
// 查找按钮中的图标部分
|
||||
const hangarButtonIcon = hangarButton.querySelector('i[data-cy-id="button__icon"]')
|
||||
|
||||
// 修改图标
|
||||
if (hangarButtonIcon) {
|
||||
hangarButtonIcon.className = "a-button__icon a-icon -gridView"
|
||||
}
|
||||
|
||||
// 插入到目标元素的前方
|
||||
button.parentNode.insertBefore(hangarButton, button)
|
||||
}
|
||||
|
||||
// 开始查找抽屉，如果找到执行监听回调
|
||||
waitForElement(document, "#sidePanel", (risSidePanel) => {
|
||||
startObserve(risSidePanel)
|
||||
|
||||
// 初始检查：防止首次打开抽屉时按钮已经存在，MutationObserver 不触发
|
||||
const button = sidePanel.querySelector('a[data-cy-id="button"][href="/account/settings"]')
|
||||
if (button) {
|
||||
copyAndAddButton(button)
|
||||
}
|
||||
})
|
||||
})()
|
||||
Loading…
x
Reference in New Issue
Block a user