Javascript 如何调试？ZeroClipboard未加载错误和警告，但未复制

两天来我一直对这个问题感到困惑。ZeroClipboard没有错误和警告，但无法复制内容。我会在检查Ans，但仍然不能正常工作；我不知道如何调试它--

环境：流浪者&灯&本地主机； chrome的文件和信息如下所示： index.php： XHR

---

这是因为您为目标DOM元素提供了两个ID：ReadOnlyMail，以及剪贴板文本。一旦您删除ReadOnlyMail，它就会起作用。

以前也尝试过类似的情况。Zero Clipboard在localhostThxs@Raptor中不起作用，所以您的意思是它应该在真实的prod环境中进行测试和调试？

<div class="input-group">
<input id="readonlyEmail" type="text" readonly="readonly" class="new-email form-control" value="" id="clipboard_text">
<span class="input-group-btn">
  <button class="btn btn-default" type="button" id="copy-button" data-clipboard-target="clipboard_text">
    <i class="fa fa-clipboard fa-lg"></i>
  </button>
</span>
</div>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/zeroclipboard/2.1.6/ZeroClipboard.min.js"></script>
<script type="text/javascript" src="js/clipboard.js"></script>

ZeroClipboard.config( { swfPath: "//cdnjs.cloudflare.com/ajax/libs/zeroclipboard/2.1.6/ZeroClipboard.swf" } );
var client = new ZeroClipboard( document.getElementById("copy-button") );

client.on( "ready", function( readyEvent ) {
  client.on( "aftercopy", function( event ) {
    event.target.blur();
    alert("Copied text to clipboard: " );
  } );
} );