mirror of
https://github.com/LiteyukiStudio/LiteyukiBot.git
synced 2024-11-23 03:17:37 +08:00
31 lines
1.2 KiB
JavaScript
31 lines
1.2 KiB
JavaScript
function applyStyle() {
|
||
// 先检测页面中是否有macos-tab，有则不再添加
|
||
let tabs = document.body.querySelectorAll('.macos-tab')
|
||
if (tabs.length > 0) {
|
||
return
|
||
}
|
||
let lineNumbers = document.body.querySelectorAll('[class^="language-"].line-numbers-mode')
|
||
lineNumbers.forEach((item) => {
|
||
// 插入现成的html文本
|
||
let title = item.getAttribute('data-title')
|
||
let tabStr =
|
||
"<div class='tab macos-tab' style='display: flex; background-color: #d0e9ff'>" +
|
||
" <div class='tab-buttons'>" +
|
||
" <div class='tab-button' style='background-color: #FF5F57'></div>" +
|
||
" <div class='tab-button' style='background-color: #FFBD2E'></div>" +
|
||
" <div class='tab-button' style='background-color: #27C93F'></div>" +
|
||
" </div>" +
|
||
` <div class='tab-title'>${title}</div>` +
|
||
" <div style='flex: 1'></div>" +
|
||
"</div>"
|
||
// 在代码块前插入选项卡
|
||
item.insertAdjacentHTML('beforebegin', tabStr);
|
||
})
|
||
}
|
||
|
||
|
||
applyStyle()
|
||
// 定时器，每隔1s检查一次
|
||
setInterval(() => {
|
||
applyStyle()
|
||
}, 1000) |