代碼沙箱

本機 HTML/CSS/JS iframe 预覽,无远程分享

交互控件将随脚本加载;处理始终在浏览器本地完成。

正在載入工具…

这个工具能做什么

  • HTML/CSS/JS
  • sandbox iframe
  • CSP
  • 无远程分享
  • 本地

示例

  • 输入:简单按钮页
  • 输出:iframe 预览 + 完整文档

怎么用(步骤)

  1. 在选项区分别填写 HTML、CSS、JavaScript。
  2. 点击处理后在下方 iframe 预览(sandbox,无外链脚本)。
  3. 可复制完整 HTML 文档;无远程保存或分享。
  4. 不要粘贴不可信的第三方脚本。

常見問題

能加载 CDN 吗?

CSP 默认拦截外链脚本/样式,保持本地封闭。以上说明对应「代碼沙箱」本页实际行为;默认不把输入内容发往服务器处理。

上传代码吗?

不上传,无账号分享。代碼沙箱:处理只在浏览器本地完成,不会把内容上传到 www.518882.com 或第三方接口;无需注册,可在开发者工具网络面板自行核对。

和 CSS 生成器?

生成器出片段;本页做整页预览。以上说明对应「代碼沙箱」本页实际行为;默认不把输入内容发往服务器处理。

安全吗?

iframe sandbox 且无 allow-same-origin。以上说明对应「代碼沙箱」本页实际行为;默认不把输入内容发往服务器处理。

可离线吗?

页面加载后可断网预览。以上说明对应「代碼沙箱」本页实际行为;默认不把输入内容发往服务器处理。