[electron]预脚本不显示内联script

script-src 'self'Content Security Policy (CSP) 中的一个指令,它的作用是限制加载和执行 JavaScript 脚本的来源。

具体来说:

  • 'self' 表示 当前源。也就是说,只有来自当前网站或者当前页面所在域名的 JavaScript 脚本才被允许执行。
  • "当前源" 指的是与你加载 HTML 文件的协议(如 httphttps)、域名和端口号相同的资源。

例子:

假设你的网站域名是 https://example.com,那么 script-src 'self' 会允许你加载和执行来自以下地址的 JavaScript 脚本:

  • https://example.com/script.js
  • https://example.com/js/app.js

但是,它将阻止加载和执行来自其他来源的脚本,例如:

  • https://someotherdomain.com/script.js
  • http://example.com/script.js(如果页面是 https 协议的话,http 协议的脚本会被拒绝)

为什么使用 script-src 'self'

script-src 'self' 是一种安全措施,它限制了只允许从相同域名加载脚本,这可以有效防止恶意的跨站脚本攻击(XSS),因为攻击者无法通过第三方脚本来注入恶意代码。




electron官方的例子是写到了这个变量, 所以无法使用内联script标签, 把他删掉就行

相关推荐
小李子呢02114 小时前
前端八股CSS(2)---动画的实现方式
前端·javascript
GreenTea6 小时前
从 Claw-Code 看 AI 驱动的大型项目开发:2 人 + 10 个自治 Agent 如何产出 48K 行 Rust 代码
前端·人工智能·后端
渣渣xiong6 小时前
从零开始:前端转型AI agent直到就业第五天-第十一天
前端·人工智能
布局呆星7 小时前
Vue3 | 组件通信学习小结
前端·vue.js
C澒7 小时前
IntelliPro 企业级产研协作平台:前端智能生产模块设计与落地
前端·ai编程
OpenTiny社区8 小时前
重磅预告|OpenTiny 亮相 QCon 北京,共话生成式 UI 最新技术思考
前端·开源·ai编程
前端老实人灬8 小时前
web前端面试题
前端
Moment8 小时前
AI 全栈指南:NestJs 中的 Service Provider 和 Module
前端·后端·面试
IT_陈寒8 小时前
为什么我的JavaScript异步回调总是乱序执行?
前端·人工智能·后端