0

0

如何理解javascript的沙箱环境_它如何用于安全执行代码?

夢幻星辰

夢幻星辰

发布时间:2026-01-06 16:45:10

|

878人浏览过

|

来源于php中文网

原创

javascript沙箱是人为构造的受限执行上下文,非浏览器内置安全区;eval和function仍可访问全局对象,iframe sandbox+srcdoc或vm2才是可靠方案,需配合csp与严格postmessage校验。

如何理解javascript的沙箱环境_它如何用于安全执行代码?

JavaScript 沙箱环境不是浏览器内置的“安全隔离区”,而是一种**人为构造的受限执行上下文**,它本身不提供绝对安全,关键看你怎么构建和使用它。

沙箱 ≠ 自动安全:为什么 evalFunction 构造函数直接执行代码仍然危险

很多人误以为把代码塞进一个新函数作用域就是沙箱。但 evalnew Function(...) 默认仍能访问全局对象(如 windowdocumentfetch),只要代码里写 fetch('/api')localStorage.setItem,照样能跑。

  • 默认情况下,new Function('return this')() 返回的就是 window(浏览器)或 globalThis(Node.js
  • 即使你删掉 this,代码仍可通过 Object.getPrototypeOf({}).constructor 等方式绕过,回溯到全局
  • 现代浏览器对内联脚本有 CSP 限制,但沙箱逻辑若在允许范围内(比如 unsafe-eval 开了),就完全失效

真正可用的轻量级沙箱:用 vm2(Node.js)或 iframe + srcdoc(浏览器)

自己手写“安全”沙箱几乎必然漏洞;生产环境应依赖经过审计的方案。

  • vm2 是目前 Node.js 中最常被采用的沙箱库,它重写了 require、拦截原型链访问、禁用 process.binding 等底层能力,比原生 vm 模块更严格
  • 浏览器端最可靠的是 <iframe sandbox="allow-scripts" srcdoc="<script>...</script>"></iframe>sandbox 属性默认禁用 DOM 访问、表单提交、弹窗、插件等,且 srcdoc 内脚本无法访问父页面 window
  • 注意:iframe 沙箱中 parenttop 是受限制的,但若父页主动暴露 window.postMessage 接口,且没校验来源(event.origin),通信仍可能被利用

常见误判点:CSP、Content-Security-Policy 不是沙箱,而是补充防线

CSP 控制的是资源加载行为(如禁止内联脚本、限制 fetch 目标域名),它不阻止已加载的 JS 代码执行任意逻辑 —— 如果你的沙箱里允许运行用户代码,而 CSP 又没限制 script-src 'unsafe-eval',那等于开门揖盗。

图酷AI
图酷AI

下载即用!可以免费使用的AI图像处理工具,致力于为用户提供最先进的AI图像处理技术,让图像编辑变得简单高效。

下载

立即学习Java免费学习笔记(深入)”;

  • CSP 的 script-src 值为 'self' 时,evalnew Function 会被直接拒绝(除非显式加 'unsafe-eval'
  • 但 CSP 对 iframe sandbox 无影响;反过来,iframe sandbox 也不执行 CSP 规则(它是独立文档上下文)
  • 真正起效的组合是:iframe sandbox 隔离执行 + 父页面用 CSP 限制自身资源加载 + 通信时严格校验 event.sourceevent.origin

一个最小可行的 iframe 沙箱示例(浏览器端)

下面这个 iframe 不会读取当前页面 Cookie,不能调用 alert,也无法访问 localStorage(除非显式开启 allow-same-origin,但那样就失去意义):

<iframe
  sandbox="allow-scripts"
  srcdoc="<script>
    // 这段代码运行在完全隔离的环境中
    console.log('hello from sandbox');
    // 下面这行会报错:Uncaught DOMException: Blocked a frame with origin "null" from accessing a cross-origin frame.
    // console.log(parent.location.href);
  </script>"
  width="0" height="0"
></iframe>

如果需要传数据进来,必须用 postMessage,且沙箱内脚本要主动监听;返回数据也一样 —— 所有通信路径都得显式设计、显式校验。

沙箱真正的复杂点不在“怎么启动”,而在于“边界怎么划、数据怎么流、错误怎么降级”。哪怕用了 vm2iframe,只要通信接口设计松散、输入没清洗、输出没约束,就只是给攻击者提供了更隐蔽的入口。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
require的用法
require的用法

require的用法有引入模块、导入类或方法、执行特定任务。想了解更多require的相关内容,可以阅读本专题下面的文章。

509

2023.11.27

cookie
cookie

Cookie 是一种在用户计算机上存储小型文本文件的技术,用于在用户与网站进行交互时收集和存储有关用户的信息。当用户访问一个网站时,网站会将一个包含特定信息的 Cookie 文件发送到用户的浏览器,浏览器会将该 Cookie 存储在用户的计算机上。之后,当用户再次访问该网站时,浏览器会向服务器发送 Cookie,服务器可以根据 Cookie 中的信息来识别用户、跟踪用户行为等。

6498

2023.06.30

document.cookie获取不到怎么解决
document.cookie获取不到怎么解决

document.cookie获取不到的解决办法:1、浏览器的隐私设置;2、Same-origin policy;3、HTTPOnly Cookie;4、JavaScript代码错误;5、Cookie不存在或过期等等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

368

2023.11.23

阻止所有cookie什么意思
阻止所有cookie什么意思

阻止所有cookie意味着在浏览器中禁止接受和存储网站发送的cookie。阻止所有cookie可能会影响许多网站的使用体验,因为许多网站使用cookie来提供个性化服务、存储用户信息或跟踪用户行为。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

443

2024.02.23

cookie与session的区别
cookie与session的区别

本专题整合了cookie与session的区别和使用方法等相关内容,阅读专题下面的文章了解更详细的内容。

97

2025.08.19

硬盘接口类型介绍
硬盘接口类型介绍

硬盘接口类型有IDE、SATA、SCSI、Fibre Channel、USB、eSATA、mSATA、PCIe等等。详细介绍:1、IDE接口是一种并行接口,主要用于连接硬盘和光驱等设备,它主要有两种类型:ATA和ATAPI,IDE接口已经逐渐被SATA接口;2、SATA接口是一种串行接口,相较于IDE接口,它具有更高的传输速度、更低的功耗和更小的体积;3、SCSI接口等等。

1846

2023.10.19

PHP接口编写教程
PHP接口编写教程

本专题整合了PHP接口编写教程,阅读专题下面的文章了解更多详细内容。

614

2025.10.17

php8.4实现接口限流的教程
php8.4实现接口限流的教程

PHP8.4本身不内置限流功能,需借助Redis(令牌桶)或Swoole(漏桶)实现;文件锁因I/O瓶颈、无跨机共享、秒级精度等缺陷不适用高并发场景。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2356

2025.12.29

JavaScript浏览器渲染机制与前端性能优化实践
JavaScript浏览器渲染机制与前端性能优化实践

本专题围绕 JavaScript 在浏览器中的执行与渲染机制展开,系统讲解 DOM 构建、CSSOM 解析、重排与重绘原理,以及关键渲染路径优化方法。内容涵盖事件循环机制、异步任务调度、资源加载优化、代码拆分与懒加载等性能优化策略。通过真实前端项目案例,帮助开发者理解浏览器底层工作原理,并掌握提升网页加载速度与交互体验的实用技巧。

23

2026.03.06

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React 教程
React 教程

共58课时 | 5.8万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 3.3万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3.5万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号