嵌入Scratch项目到网站后控制台出现警告，如何解决？

1. Canvas2D willReadFrequently 警告 #

这个警告是Scratch官方嵌入脚本里的Canvas元素未设置willReadFrequently属性导致的。由于iframe内的代码归属于Scratch域名，作为嵌入方我们无法直接修改其内部的Canvas配置。此警告仅为性能优化提示，不影响项目功能，无法通过修改iframe属性消除，若要彻底解决，需等待Scratch官方更新嵌入脚本，或向其反馈该优化建议。

2. AudioContext 启动警告 #

这是浏览器的安全策略限制：AudioContext必须在用户与页面产生交互（如点击、触摸）后才能启动，避免自动播放音频。可以通过以下方式解决：

• 延迟加载iframe，由用户交互触发：
  先将iframe的src设为空，在页面添加一个启动按钮，用户点击后再设置iframe的src为Scratch嵌入链接。示例代码：

  <button id="startScratch">启动游戏</button>
  <iframe id="scratchFrame" allowtransparency="true" width="485" height="402" frameborder="0" scrolling="no" allowfullscreen class="project-image"></iframe>
  
  <script>
    document.getElementById('startScratch').addEventListener('click', () => {
      document.getElementById('scratchFrame').src = 'https://scratch.mit.edu/projects/861818624/embed';
    });
  </script>
  

• 补充iframe权限属性：
  给iframe添加allow="autoplay; microphone"属性，但部分浏览器仍可能要求用户交互，结合上述延迟加载方案更可靠。

3. Scratch安全提示警告 #

这个警告是Scratch官方嵌入脚本主动输出的安全提醒，用于告知开发者不要在控制台执行陌生代码，保护账号安全。此提示属于Scratch的安全机制，无法通过嵌入方的代码消除，不影响功能，可直接忽略。

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