💡
原文英文，约300词，阅读约需2分钟。
📝
内容提要
在开发本地网页应用时，使用自定义域名（如dev.local）可能导致Chrome浏览器无法使用剪贴板API，因为该域名通过HTTP提供服务，不被视为安全来源。解决方案是为dev.local配置HTTPS证书，或继续使用localhost以确保API正常工作。
🎯
关键要点
- 在本地开发网页应用时，使用自定义域名（如dev.local）可能导致Chrome浏览器无法使用剪贴板API。
- Chrome阻止剪贴板API访问是因为页面通过不安全的来源（HTTP）提供服务。
- 现代浏览器对强大API（如剪贴板API）施加严格的安全要求，只有在HTTPS或localhost上才能使用。
- localhost被浏览器视为安全来源，即使没有HTTPS，剪贴板API也可以正常使用。
- dev.local通过/etc/hosts映射为HTTP流量，不被视为安全来源，因此Chrome禁用剪贴板API。
- 解决方案是为dev.local配置HTTPS证书，或继续使用localhost以确保API正常工作。
❓
延伸问答
为什么在dev.local上无法使用剪贴板API？
因为dev.local通过HTTP提供服务，不被视为安全来源，Chrome因此禁用剪贴板API。
如何解决dev.local无法使用剪贴板API的问题？
可以为dev.local配置HTTPS证书，或者继续使用localhost以确保API正常工作。
为什么localhost可以使用剪贴板API？
因为localhost被浏览器视为安全来源，即使没有HTTPS，剪贴板API也可以正常使用。
dev.local和localhost在使用剪贴板API时有什么区别？
dev.local通过HTTP提供服务，不被视为安全来源，而localhost被视为安全来源，因此可以使用剪贴板API。
现代浏览器对剪贴板API的安全要求是什么？
现代浏览器要求网站必须通过HTTPS提供服务，或者在localhost上运行，才能使用剪贴板API。
自定义域名在本地开发中有什么注意事项？
使用自定义域名时，需确保其通过HTTPS提供服务，以避免安全问题和API访问限制。
➡️
