子资源完整性哈希生成器 - SRI 校验码在线计算

'; } } function clearResult() { $resultPlaceholder.show(); $resultContent.hide(); $integrityText.text(''); $integrityBox.removeClass('highlight'); $tagBox.hide(); $tagText.text(''); $tagBadgeScript.hide(); $tagBadgeLink.hide(); $algoBadge.text(''); $crossoriginHint.hide(); lastIntegrity = ''; lastTag = ''; } // 复制按钮 $tool.on('click', '.sri-copy-btn', function() { var targetId = $(this).data('target'); var text = $('#' + targetId).text().trim(); if (!text) return; copyToClipboard(text).then(function() { var $btn = $(this); $btn.addClass('copied'); $btn.find('i').removeClass('fa-copy').addClass('fa-check'); showToast('已复制到剪贴板'); setTimeout(function() { $btn.removeClass('copied'); $btn.find('i').removeClass('fa-check').addClass('fa-copy'); }, 2000); }.bind(this)).catch(function() { showToast('复制失败，请手动选择复制', 'danger'); }); }); function copyToClipboard(text) { if (navigator.clipboard && navigator.clipboard.writeText) { return navigator.clipboard.writeText(text); } return new Promise(function(resolve, reject) { var textarea = document.createElement('textarea'); textarea.value = text; textarea.style.position = 'fixed'; textarea.style.opacity = '0'; document.body.appendChild(textarea); textarea.select(); try { document.execCommand('copy'); resolve(); } catch(e) { reject(e); } document.body.removeChild(textarea); }); } // Toast function showToast(msg, type) { type = type || 'success'; $toast.removeClass('text-bg-success text-bg-warning text-bg-danger'); if (type === 'success') $toast.addClass('text-bg-success'); else if (type === 'warning') $toast.addClass('text-bg-warning'); else $toast.addClass('text-bg-danger'); $toastMsg.text(msg); toastInstance.show(); } function shakeElement($el) { $el.addClass('shake-animation'); $el.css({ animation: 'sri-shake 0.5s ease' }); setTimeout(function() { $el.css({ animation: '' }); }, 500); } // 加载状态 function showLoading($btn, isLoading) { if (isLoading) { $btn.data('original-html', $btn.html()); $btn.html(' 加载中...'); } else { var orig = $btn.data('original-html'); if (orig) $btn.html(orig); } } // 历史记录 function addHistory(item) { // 去重 historyItems = historyItems.filter(function(h) { return h.integrity !== item.integrity; }); historyItems.unshift(item); if (historyItems.length > MAX_HISTORY) historyItems = historyItems.slice(0, MAX_HISTORY); try { localStorage.setItem('sri-tool-history', JSON.stringify(historyItems)); } catch(e) {} renderHistory(); } function renderHistory() { if (historyItems.length === 0) { $historyCard.hide(); return; } $historyCard.show(); var html = ''; historyItems.forEach(function(item, idx) { var shortIntegrity = item.integrity.substring(0, 40) + '...'; var shortUrl = item.url.length > 50 ? item.url.substring(0, 47) + '...' : item.url; var timeAgo = getTimeAgo(item.time); html += ''; }); $historyList.html(html); // 悬停效果 $historyList.find('.sri-history-item').hover( function() { $(this).css({ background: '#f9fafb', borderColor: '#e5e7eb' }); }, function() { $(this).css({ background: 'transparent', borderColor: 'transparent' }); } ); } // 历史记录点击 $historyList.on('click', '.sri-history-item', function(e) { if ($(e.target).closest('.sri-hist-copy').length) return; var idx = $(this).data('idx'); if (idx !== undefined && historyItems[idx]) { var item = historyItems[idx]; lastIntegrity = item.integrity; lastTag = item.tag; $integrityText.text(item.integrity); $integrityBox.addClass('highlight'); $resultPlaceholder.hide(); $resultContent.show(); $algoBadge.text('算法: ' + item.algo); if (item.tag) { $tagText.text(item.tag); $tagBox.show(); $crossoriginHint.show(); if (item.tag.indexOf('