开发可复制指定字段并显示临时提示的Bookmarklet遇合并难题

我来帮你搞定这个Bookmarklet的合并问题！Bookmarklet对代码格式要求比较严格，必须是紧凑的单行代码，还要用自执行函数包裹避免全局污染，另外你提供的tempAlert函数看起来没写完，我先帮你补全并整合两个功能。

完整可直接使用的Bookmarklet代码 #

javascript:(function(){var copyEl=document.getElementById("mergeFields-input-text");if(!copyEl){alert("目标元素未找到");return;}copyEl.select();try{document.execCommand("copy");function tempAlert(msg,duration){var el=document.createElement("div");el.style.cssText="position:fixed;top:20px;left:50%;transform:translateX(-50%);background:#2ecc71;color:white;padding:12px 24px;border-radius:4px;font-size:14px;z-index:9999;box-shadow:0 2px 8px rgba(0,0,0,0.2);";el.textContent=msg;document.body.appendChild(el);setTimeout(function(){el.remove();},duration);}tempAlert("内容已复制",2000);}catch(err){alert("复制失败："+err.message);}})();

关键细节说明 #

• 自执行函数包裹：整个代码放在(function(){...})()里，避免变量和函数污染全局作用域，这是Bookmarklet的标准写法。
• 元素存在性判断：加了if(!copyEl)的判断，防止目标元素不存在时报错，提升鲁棒性。
• 复制功能容错：把复制操作放在try-catch里，处理复制失败的情况（比如浏览器权限限制）。
• 完善的临时提示：补全了tempAlert函数的样式，让提示框居中显示、样式友好，2秒后自动消失，不影响用户操作。
• 格式压缩：去掉了所有换行，调整了代码结构，确保符合Bookmarklet的单行要求。

现代版优化（推荐） #

document.execCommand("copy")已经被废弃了，推荐使用更现代的Clipboard API，下面是优化后的版本：

javascript:(function(){var copyEl=document.getElementById("mergeFields-input-text");if(!copyEl){alert("目标元素未找到");return;}var copyText=copyEl.value;navigator.clipboard.writeText(copyText).then(function(){function tempAlert(msg,duration){var el=document.createElement("div");el.style.cssText="position:fixed;top:20px;left:50%;transform:translateX(-50%);background:#2ecc71;color:white;padding:12px 24px;border-radius:4px;font-size:14px;z-index:9999;box-shadow:0 2px 8px rgba(0,0,0,0.2);";el.textContent=msg;document.body.appendChild(el);setTimeout(function(){el.remove();},duration);}tempAlert("内容已复制",2000);}).catch(function(err){alert("复制失败："+err.message);})})();

这个版本兼容性更好，也更符合现代浏览器的规范，你可以根据自己的需求选择使用。

内容的提问来源于stack exchange，提问作者Alex