2024-06-26 21:53:54 +08:00
|
|
|
|
function applyStyle() {
|
2024-08-01 12:29:28 +08:00
|
|
|
|
// 先检测页面中是否有macos-tab，有则不再添加
|
|
|
|
|
|
let tabs = document.body.querySelectorAll('.macos-tab')
|
|
|
|
|
|
if (tabs.length > 0) {
|
|
|
|
|
|
return
|
|
|
|
|
|
}
|
2024-06-26 21:53:54 +08:00
|
|
|
|
let lineNumbers = document.body.querySelectorAll('[class^="language-"].line-numbers-mode')
|
|
|
|
|
|
lineNumbers.forEach((item) => {
|
|
|
|
|
|
// 插入现成的html文本
|
|
|
|
|
|
let title = item.getAttribute('data-title')
|
|
|
|
|
|
let tabStr =
|
2024-08-01 12:29:28 +08:00
|
|
|
|
"<div class='tab macos-tab' style='display: flex; background-color: #d0e9ff'>" +
|
2024-06-26 21:53:54 +08:00
|
|
|
|
" <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);
|
|
|
|
|
|
})
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
2024-08-01 12:29:28 +08:00
|
|
|
|
applyStyle()
|
|
|
|
|
|
// 定时器，每隔1s检查一次
|
|
|
|
|
|
setInterval(() => {
|
|
|
|
|
|
applyStyle()
|
|
|
|
|
|
}, 1000)
|
