我可以在 Chrome 中模拟/引发从 JS 复制到剪贴板的失败吗？

Question

I have a web page with some JavaScript code that copies stuff to the clipboard similar to what this demo does: https://davidwalsh.name/demo/javascript-copy-clipboard.php

我的代码是这样的：

// Within a listener that is triggered by a click on some button:
var copiedText = "...something";

navigator.clipboard.writeText(copiedText).then(
            function() {
                console.log("Succesfully copied");
            },
            function() {
                console.log("FAILED to copy!!!!!!");
            }
);

这工作正常，但它总是成功。 无论出于何种原因，复制失败时，我都需要测试行为是否正确。

如何故意导致副本失败，以便我可以测试我的代码在这种情况下的行为？

我从来没有收到询问我是否允许写入剪贴板的提示。

在 Chrome 中，我尝试转到该站点的站点设置，并在“剪贴板”下选择“阻止”，但它什么也没做（我想这只是为了从剪贴板中读取）。

Answer 1

当然，只需提供一个无效参数，该参数将在字符串化算法期间引发异常：

请注意，此演示将在您自己的页面中运行，但成功案例在 Stack Overflow 代码片段 iframe 沙箱（没有剪贴板权限）中不起作用。

 function copyThenLog (input) { navigator.clipboard.writeText(input).then( () => console.log({success: true}), (ex) => { console.log({success: false}); console.error(ex); }, ); } document.querySelector('.success').addEventListener('click', () => { const input = 'hello world'; copyThenLog(input); }); document.querySelector('.fail').addEventListener('click', () => { const input = { toString () { throw new Error('Oops'); } }; copyThenLog(input); });

 <div class="success">Click me to succeed</div> <div class="fail">Click me to fail</div>