1907
This commit is contained in:
Vaica committed
1 parent
a89edfe5e8
commit
f47f03c33c
3 files changed
+102
-72
No files matched your search
@@ -20,123 +20,153 @@ var saveInitCount = function() {
|
||||
// ── 增强评论框字段 (PJAX 适配版本) ──
|
||||
// 在 Artalk 完全加载前就开始监控，确保油猴脚本能识别到字段
|
||||
window.__artalkEnhancer = window.__artalkEnhancer || {
|
||||
observers: [],
|
||||
doneEditors: new WeakSet(),
|
||||
observer: null,
|
||||
running: false,
|
||||
|
||||
enhance: function() {
|
||||
var editors = document.querySelectorAll('.atk-editor');
|
||||
var self = this;
|
||||
var count = 0;
|
||||
|
||||
editors.forEach(function(editor) {
|
||||
if (self.doneEditors.has(editor)) return;
|
||||
self.doneEditors.add(editor);
|
||||
|
||||
// 昵称输入框
|
||||
var nickInput = editor.querySelector('input[name="nick"]');
|
||||
if (nickInput && !nickInput.getAttribute('data-autofill-done')) {
|
||||
nickInput.setAttribute('autocomplete', 'name');
|
||||
nickInput.setAttribute('aria-label', '昵称 author nick name user');
|
||||
nickInput.classList.add('comment-author', 'user-nick', 'user-name', 'user-displayname');
|
||||
nickInput.setAttribute('data-autofill-done', '1');
|
||||
}
|
||||
|
||||
// 邮箱输入框
|
||||
var emailInput = editor.querySelector('input[name="email"]');
|
||||
if (emailInput && !emailInput.getAttribute('data-autofill-done')) {
|
||||
emailInput.setAttribute('autocomplete', 'email');
|
||||
emailInput.setAttribute('aria-label', '邮箱 email mail');
|
||||
emailInput.classList.add('comment-email', 'user-email', 'user-mail');
|
||||
emailInput.setAttribute('data-autofill-done', '1');
|
||||
}
|
||||
|
||||
// 网址输入框
|
||||
var linkInput = editor.querySelector('input[name="link"]');
|
||||
if (linkInput && !linkInput.getAttribute('data-autofill-done')) {
|
||||
linkInput.setAttribute('autocomplete', 'url');
|
||||
linkInput.setAttribute('aria-label', '网址 website url link homepage site web');
|
||||
linkInput.classList.add('comment-url', 'user-link', 'user-website', 'user-site', 'user-web');
|
||||
linkInput.setAttribute('data-autofill-done', '1');
|
||||
}
|
||||
|
||||
// 内容输入框（避免被误识别为昵称）
|
||||
var contentInput = editor.querySelector('textarea[name="content"]');
|
||||
if (contentInput && !contentInput.getAttribute('data-autofill-done')) {
|
||||
contentInput.setAttribute('autocomplete', 'off');
|
||||
contentInput.setAttribute('aria-label', '评论内容 content comment message');
|
||||
contentInput.setAttribute('data-autofill-done', '1');
|
||||
}
|
||||
// 昵称输入框
|
||||
var nickInputs = document.querySelectorAll('input[name="nick"]:not([data-autofill-done])');
|
||||
nickInputs.forEach(function(input) {
|
||||
input.setAttribute('autocomplete', 'name');
|
||||
input.setAttribute('aria-label', '昵称 author nick name user');
|
||||
input.classList.add('comment-author', 'user-nick', 'user-name', 'user-displayname', '昵称');
|
||||
input.setAttribute('data-autofill-done', '1');
|
||||
count++;
|
||||
});
|
||||
|
||||
// 邮箱输入框
|
||||
var emailInputs = document.querySelectorAll('input[name="email"]:not([data-autofill-done])');
|
||||
emailInputs.forEach(function(input) {
|
||||
input.setAttribute('autocomplete', 'email');
|
||||
input.setAttribute('aria-label', '邮箱 email mail');
|
||||
input.classList.add('comment-email', 'user-email', 'user-mail', '邮箱');
|
||||
input.setAttribute('data-autofill-done', '1');
|
||||
count++;
|
||||
});
|
||||
|
||||
// 网址输入框
|
||||
var linkInputs = document.querySelectorAll('input[name="link"]:not([data-autofill-done])');
|
||||
linkInputs.forEach(function(input) {
|
||||
input.setAttribute('autocomplete', 'url');
|
||||
input.setAttribute('aria-label', '网址 website url link homepage site web');
|
||||
input.classList.add('comment-url', 'user-link', 'user-website', 'user-site', 'user-web', '网址');
|
||||
input.setAttribute('data-autofill-done', '1');
|
||||
count++;
|
||||
});
|
||||
|
||||
// 内容输入框（避免被误识别为昵称）
|
||||
var contentInputs = document.querySelectorAll('textarea[name="content"]:not([data-autofill-done])');
|
||||
contentInputs.forEach(function(input) {
|
||||
input.setAttribute('autocomplete', 'off');
|
||||
input.setAttribute('aria-label', '评论内容 content comment message');
|
||||
input.setAttribute('data-autofill-done', '1');
|
||||
count++;
|
||||
});
|
||||
|
||||
if (count > 0 && window.console && console.log) {
|
||||
console.log('[ArtalkEnhancer] 增强了 ' + count + ' 个评论输入框');
|
||||
}
|
||||
|
||||
return count;
|
||||
},
|
||||
|
||||
// 监控 DOM 变化（PJAX 切换、动态加载）
|
||||
observe: function() {
|
||||
var self = this;
|
||||
if (typeof MutationObserver === 'undefined') return;
|
||||
if (this.observer) return;
|
||||
|
||||
// 清理旧 observer
|
||||
this.observers.forEach(function(o) { o.disconnect(); });
|
||||
this.observers = [];
|
||||
|
||||
var observer = new MutationObserver(function(mutations) {
|
||||
this.observer = new MutationObserver(function(mutations) {
|
||||
var shouldEnhance = false;
|
||||
for (var i = 0; i < mutations.length; i++) {
|
||||
var added = mutations[i].addedNodes;
|
||||
for (var j = 0; j < added.length; j++) {
|
||||
var node = added[j];
|
||||
if (node.nodeType === 1) {
|
||||
if (node.classList && node.classList.contains('atk-editor')) {
|
||||
self.enhance();
|
||||
// 检查是否是 input 或 textarea 元素
|
||||
if (node.tagName === 'INPUT' || node.tagName === 'TEXTAREA') {
|
||||
shouldEnhance = true;
|
||||
break;
|
||||
}
|
||||
// 检查子节点
|
||||
if (node.querySelectorAll) {
|
||||
var nestedEditors = node.querySelectorAll('.atk-editor');
|
||||
if (nestedEditors.length > 0) {
|
||||
self.enhance();
|
||||
var inputs = node.querySelectorAll('input, textarea');
|
||||
if (inputs.length > 0) {
|
||||
shouldEnhance = true;
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
if (shouldEnhance) break;
|
||||
}
|
||||
if (shouldEnhance) {
|
||||
// 稍微延迟，确保 DOM 完全插入
|
||||
setTimeout(function() { self.enhance(); }, 10);
|
||||
}
|
||||
});
|
||||
|
||||
observer.observe(document.body, { childList: true, subtree: true });
|
||||
this.observers.push(observer);
|
||||
this.observer.observe(document.body, { childList: true, subtree: true });
|
||||
},
|
||||
|
||||
// 启动全局监控（在脚本加载时执行一次）
|
||||
// 启动全局监控
|
||||
start: function() {
|
||||
if (this.running) return;
|
||||
this.running = true;
|
||||
|
||||
if (window.console && console.log) {
|
||||
console.log('[ArtalkEnhancer] 启动评论框字段增强');
|
||||
}
|
||||
|
||||
// 立即尝试增强一次
|
||||
this.enhance();
|
||||
|
||||
// 启动 DOM 监控
|
||||
this.observe();
|
||||
|
||||
// 兜底：定时检查（Artalk 加载慢时）
|
||||
var checkCount = 0;
|
||||
var maxChecks = 20; // 最多检查 20 次（10 秒）
|
||||
var interval = setInterval(function() {
|
||||
checkCount++;
|
||||
var enhanced = window.__artalkEnhancer.enhance();
|
||||
if (enhanced > 0 || checkCount >= maxChecks) {
|
||||
clearInterval(interval);
|
||||
}
|
||||
}, 500);
|
||||
}
|
||||
};
|
||||
|
||||
// 页面加载时启动全局监控
|
||||
if (document.readyState === 'loading') {
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
window.__artalkEnhancer.start();
|
||||
});
|
||||
} else {
|
||||
// 立即启动（不等待 DOMContentLoaded，尽早开始监控）
|
||||
if (typeof window.__artalkEnhancer !== 'undefined') {
|
||||
window.__artalkEnhancer.start();
|
||||
}
|
||||
|
||||
// 监听 PJAX 切换：立即增强（Artalk 实例被销毁后，新实例加载前的过渡期）
|
||||
// 监听 PJAX 切换：重置并重新增强
|
||||
document.addEventListener('pjax:send', function() {
|
||||
// 重置已处理记录（让新页面的评论框能重新增强）
|
||||
if (window.__artalkEnhancer) {
|
||||
window.__artalkEnhancer.doneEditors = new WeakSet();
|
||||
if (window.__artalkEnhancer && window.console && console.log) {
|
||||
console.log('[ArtalkEnhancer] PJAX 切换，准备重新增强');
|
||||
}
|
||||
});
|
||||
|
||||
document.addEventListener('pjax:success', function() {
|
||||
// 立即增强新页面的评论框
|
||||
if (window.__artalkEnhancer) {
|
||||
// 立即尝试
|
||||
window.__artalkEnhancer.enhance();
|
||||
// 延迟再试（Artalk 重新初始化需要时间）
|
||||
setTimeout(function() { window.__artalkEnhancer.enhance(); }, 200);
|
||||
setTimeout(function() { window.__artalkEnhancer.enhance(); }, 500);
|
||||
setTimeout(function() { window.__artalkEnhancer.enhance(); }, 1000);
|
||||
}
|
||||
});
|
||||
|
||||
document.addEventListener('pjax:complete', function() {
|
||||
// 完整加载后再增强一次
|
||||
if (window.__artalkEnhancer) {
|
||||
setTimeout(function() { window.__artalkEnhancer.enhance(); }, 100);
|
||||
setTimeout(function() { window.__artalkEnhancer.enhance(); }, 500);
|
||||
setTimeout(function() { window.__artalkEnhancer.enhance(); }, 300);
|
||||
setTimeout(function() { window.__artalkEnhancer.enhance(); }, 800);
|
||||
}
|
||||
});
|
||||
window.loadScriptOnce = window.loadScriptOnce || function(src, globalName, callback) {
|
||||
|
||||
@@ -64,9 +64,10 @@
|
||||
{{ $pangu := resources.Get "js/modules/pangu.js" }}
|
||||
{{ $linkify := resources.Get "js/modules/linkify.js" }}
|
||||
{{ $shortcodesJs := resources.Get "js/shortcodes.js" }}
|
||||
{{ $lazyload := resources.Get "js/modules/lazyload.js" }}
|
||||
{{ $main := resources.Get "js/main.js" }}
|
||||
|
||||
{{ $coreScripts := slice $iconfont $uikit $viewimage $utils $loader $cache $search $floatingTools $nprogress $pjaxLib $mypjax $pangu $linkify $shortcodesJs $main | resources.Concat "js/core.js" | resources.Minify | resources.Fingerprint }}
|
||||
{{ $coreScripts := slice $iconfont $uikit $viewimage $utils $loader $cache $search $floatingTools $nprogress $pjaxLib $mypjax $pangu $linkify $shortcodesJs $lazyload $main | resources.Concat "js/core.js" | resources.Minify | resources.Fingerprint }}
|
||||
|
||||
<script defer src="{{ $coreScripts.RelPermalink }}"></script>
|
||||
|
||||
@@ -170,9 +171,8 @@
|
||||
|
||||
{{/* ====== 5. 延迟加载的非关键JS ====== */}}
|
||||
{{ $toast := resources.Get "js/modules/toast.js" }}
|
||||
{{ $easylazyload := resources.Get "js/modules/lazyload.js" }}
|
||||
|
||||
{{ $deferredScripts := slice $toast $easylazyload | resources.Concat "js/deferred.js" | resources.Minify | resources.Fingerprint }}
|
||||
{{ $deferredScripts := slice $toast | resources.Concat "js/deferred.js" | resources.Minify | resources.Fingerprint }}
|
||||
|
||||
<script>
|
||||
// 使用requestIdleCallback在浏览器空闲时加载
|
||||
|
||||
@@ -76,7 +76,7 @@
|
||||
</script>
|
||||
<!-- Preload Fonts -->
|
||||
<link rel="preload" href="{{ "font/zql-v2-subset.woff2" | relURL }}" as="font" type="font/woff2" crossorigin>
|
||||
<link rel="preload" href="{{ "font/remixicon.woff2" | relURL }}" as="font" type="font/woff2" crossorigin>
|
||||
<!-- remixicon 不预加载，避免与 CSS 中带 query 参数的 URL 不一致导致警告 -->
|
||||
|
||||
{{ $echartsHead := resources.Get "js/libs/echarts.min.js" | resources.Fingerprint }}
|
||||
{{ $artalkHead := resources.Get "js/libs/Artalk.js" | resources.Fingerprint }}
|
||||
|
||||
Reference in new issue
Block a user